Rinaldi Cécilia Master Creanum Option infographie
Dossier de présentation
Université de Valenciennes Département Art
Rinaldi Cécilia Master Creanum
Université de Valenciennes Département Art
Option infographie
Master Création & ingénierie numériques
Une journée a la FLLASH Parcours Infographie
Sujet : Clip de promotion pour les journées portes-ouvertes de la Faculté de Lettres, Langues, Arts etSciences Humaines (FLLASH) Théme : De Muybridge à Koyaanisqatsi, une journée à la Fllash Durée : 4 mn minimum Année 2008
Page n°3
Sommaire
I Note d’intention/ Charte graphique
Note d’intention
Page n°8
Charte chromatique
Page n°10
Charte formelle
Page n°12
Charte Typographique
Page n°14
Charte matières et textures
Page n°15
Charte stylistique
Page n°16
Sommaire
Page n°4
Sommaire
II Prévisualisation
Schema directeur
Page n°18
Story board fixe
Page n°21
Story board animé, sonorisé
Page n°31
Tests techniques et prise de vue
Page n°32
Sommaire
Page n°5
Sommaire
III Production
Budget prévisionnel
Page n°34
Les postes et taches
Page n°36
Planning par postes
Page n°37
Sommaire
Page n°6
I Note d’intention Charte graphique
I Note d’intention/ Charte graphique
Page n°7
Note d’intention Résumé : Une journée a la FLLASH, est un clip de 3,60min, qui promeut les journées portes ouvertes de la faculté des lettres, langues, arts, et science humaines (FLLASH) à l’université de Valenciennes. Le clip fait référence aux travaux réalisés par Muybridge, et au film Koyaanisqati de Godfrey Reggio.
Synopsis : Une journée a la FLLASH, explore le bâtiment de la Fllash ainsi que la vie des étudiants, professeurs, et administratifs. Il suit le rythme d’une journée de cours vécue par les élèves. Il commence par une présentation des lieux, l’architecture du bâtiment dans son environnement. La FLLASH est située sur le campus universitaire du Mont Houy à Valenciennes. Un deuxième bâtiment est situé en centre ville, le pole Ronzier, qui est dédié au département Art. Cette présentation débute au petit matin, on
montre le trajet pour aller à la FLLASH, l’ouverture du bâtiment, la foule qui s’installent. Quatre cours sont données, un pour chaque département, Lettres, Langues, Arts plastiques, et Sciences humaines. Le midi, on présente la cafeteria. L’après midi, on fait découvrir l’ambiance de l’université, grâce aux salles de sports et à la bibliothèque. Et enfin le soir, le bâtiment se vide, les élèves s’en vont, fin de journée pour la FLLASH.
Note d’intention : Une journée a la FLLASH, est un clip promotionnel pour les journées portes ouvertes de la FLLASH. Il présente les bâtiments, les cours, les étudiants, les professeurs pour chaque département. Il doit donner envie aux visiteurs d’aller plus loin dans sa démarche de renseignement. Il est aussi la vitrine du savoir faire de l’université, par le fait qu’il montre l’université, mais aussi par la fabrication même du clip. Le fond et la forme ont autant d’importance.
I Note d’intention/ Charte graphique
Page n°8
Note d’intention Le clip fait référence a l’aspect graphique de Myubridge, les images sont rapides, les scènes sont coupées très nettement. L’image est traitée en noir et blanc, seul des éléments typographiques et graphiques ressortent avec des couleurs très marquées. Les prises de vues, et la technique de l’image font plus référence au film Koyaanisqati. Les scènes sont filmées avec des mouvements de flou, et des effets d’accélérations dans le temps. La lumière et les décors sont authentiques, aucun traitement ne sera apporté au tournage. Il reflète la réalité du bâtiment et de la vie de ses occupants. Le clip est accompagné tout au long d’une musique. La musique est rythmée et moderne, elle donne suite film Koyaanisqati. Les bruitages, et les sons ne font pas parti du clip, seul la musique accompagnera l’action.
I Note d’intention/ Charte graphique
Page n°9
Charte chromatique La couleur vidéo et photo La vidéo est traitée en Noir et blanc à la manière des vieux films des années 1900, époque de Muybridge. Le noir et blanc doit avoir un contraste élevé, mais tout en gardant des dégradé de gris. Le noir et blanc pur est à proscrire. Ce traitement de l’image se fera en postproduction, de même que pour les photos. Voici un exemple de traitement Noir et blanc. Un filtre rouge au contraste élevé, avec pour chaque couche :
Illustration 2 : Photo de la FLLASH en noir et blanc
Illustration 1 : Noir et blanc dans Photoshop
I Note d’intention/ Charte graphique
Page n°10
Charte chromatique Les couleurs typographiques Chaque couleur typographique correspond à un département de la FLLASH. Ces couleurs contrastent avec le noir et blanc de la vidéo, et donnent ainsi un style graphique au clip.
Jaune : R: 255 V: 252 B: 0
Les couleurs choisies pour chaque département sont : Le jaune pour les lettres. Le jaune signifiant le talent et l’intelligence.
Bleu : R: 0 V: 43 B: 255
Le bleu est employé pour les langues, car il a une connotation de sagesse, de communion des âmes. L’orange pour les Arts Plastiques. Il renvoi à l’Équilibre de l’esprit, la beauté et la grandeur.
Orange : R: 255 V: 132 B: 0
Le vert pour les Sciences Humaines. Il est synonyme de compréhension des autres. Vert : R: 0 V: 251 B: 41 Illustration 3 : Les couleurs typographiques
I Note d’intention/ Charte graphique
Page n°11
Charte formelle Forme Une forme de ligne accompagne chaque titre. Cette forme est le fil conducteur de l’image qui transporte le spectateur à travers l’environnement, la ville, le bâtiment de la FLLASH. Le fil est composé de plusieurs lignes plus ou moins grosses, qui se terminent en pointe. Il change de couleur en fonction du département. Le fil apparait à chaque titre qui relate les départements, à savoir : • Lettres • Langues • Arts Plastiques • Sciences Humaines
Illustration 4 : Charte formelle
I Note d’intention/ Charte graphique
Page n°12
Charte formelle Forme Une deuxième forme se distingue, elle est composée des quatre couleurs qui représentent la FLLASH. Cette forme apparait à chaque titre qui décrit un lieu de Valenciennes, comme les titres : • Journées portes ouvertes FLLASH • Valenciennes Place d’armes • Gare • Bâtiment Matisse • Cafeteria • Salle de Sport • Bibliothèque
Illustration 5 : Charte formelle
I Note d’intention/ Charte graphique
Page n°13
TTT
Charte typographique
Typographie La typographie est la même pour chaque titre, une police unique pour garder un fil conducteur tout au long du clip. Pour chaque département, la première lettre est en couleur. La disposition des mots est particulière, ils se superposent légèrement avec un léger décalage. La police de caractère utilisé est la Century Ghotic bold.
Century gothic Bold abcdefghijklmnopqrstuvwxyz 0123456789 A B cd e f g hi j k L mn o p q R S tuv w x y z 0123456789
Illustration 6 : Charte Typographique
I Note d’intention/ Charte graphique
Page n°14
Charte texture Les Textures Des textures sont appliquées à chaque département. Elles donnent un effet de vieux film, ou la pellicule est comme grattée. Les arts plastiques : Une texture de pinceau de peinture (paint brushes.abr) Les lettres : Un effet de rature, qui renvoi à l’écriture. (Scribble.abr)
Illustration 8 : Texture Lettres Illustration 7 : Texture Arts Plastiques
Les langues : Une texture composée de mots écrit a la main dans différentes langues. (Medea .abr Missm antiquated.abr) Science humaines : Une texture imagée, avec pour symbole l’homme de Vitruve de Leonardo de Vinci.
Illustration 9 : Texture Langues Illustration 9 : Texture Sciences Humaines
I Note d’intention/ Charte graphique
Page n°15
S
Charte stylistique
Charte stylistique L’aspect graphique de la vidéo est directement imprégné des travaux de Muybridge. Le noir et blanc, l’effet saccadé de la vidéo reprend les codes graphiques des films de l’époque. Cet effet était purement technique, Muybridge utilisait un appareil photo pour la recomposition du mouvement. Contrairement aux effets stylistiques de Koyaanisqati, le flou de mouvement et l’accélération dans le temps sont des effets voulus. Le clip reprend ces effets, en mélangeant les deux styles, le noir et blanc, et le mouvement accéléré. Il se compose aussi de plusieurs techniques, du stop motion pour certaine scène du clip, des multi plans pour les effets de mouvements des titres.
Illustration 10 : Le noir et blanc de Muybridge
I Note d’intention/ Charte graphique
Page n°16
II Prévisualisation
I Note d’intention/ Charte graphique
Page n°17
Schema directeur 12. Vue contre en plongée de intérieur vide qui se rempli.
Schema directeur
13. Vue d’en haut du bâtiment. 14. Plan rapproché des escaliers. Les élèves montent les escaliers.
Générique de début 00:00 00:19 Lever du jour 00:19 00:57 1. Titre « Journées portes ouvertes FLLASH » 2. Le jour se lève sur la place d’armes. Titre incrusté « Valenciennes Place d’armes »
Lettres. 1:21 1:41 15. Incrustation du titre « lettres ». En fond la bibliothèque. 16. Les élèves rentrent dans l’amphi. 17. Vu d’ensemble de l’amphi.
3. Le jour se lève sur la place d’armes, plan rapproché.
18. Vue d’en haut, les élèves écoutent leur professeurs.
4. Deuxième vue sur la place d’armes.
19. Plan plus rapproché, les élèves prennent des notes.
5. Plan de la gare vide qui se rempli. Titre « gare ».
20. Plan d’ensemble du professeur qui écrit au tableau.
6. Arrivée du tramway. 7. Intérieur tramway avec les élèves. 8. Les élèves sortent du tramway. 9. Vue d’ensemble du bâtiment matisse. Titre incrusté FLLASH « Bâtiment Matisse ». 10. Vue plus rapproché du Bâtiment Matisse. 11. Gros plan sur l’enseigne « Faculté des lettres langues arts et sciences humaines ».
II Prévisualisation
Page n°18
Schema directeur Langues. 1:21 1:41
34. Plan rapproché d’un écran de la régie.
21. Incrustation du titre « Langues » .
36. Plan plus rapproché des mains.
22. Vue d’ensemble. Elèves entrent en cour. Petite classe.
37. Vue des écrans.
23. Vue plus rapproché. Les élèves prennent des notes et prennent la parole. 24. Plan rapproché de leur professeur. 25. Vue d’ensemble d’un laboratoire de langue. 26. Plan rapproché des élèves qui discutent ensemble. 27. Dehors, ils parlent avec des étudiants étrangers (Erasmus).
35. Le professeur explique à ses élèves les techniques.
Sciences humaines. 2:13 2:38 38. Incrustation du titre « Sciences humaines ». 39. Ils sont dans un amphi avec leur professeur. 40. Plans des élèves, et des professeurs en accélérer. 41. On inscrit les mots représentent leur filières.
Les arts. 1:21 2:13 28. Incrustation du titre « Arts plastiques ». 29. Vue d’ensemble de l’atelier de peinture. 30. Un élève fait son installation photo. 31. Un élève dessine. 32. Un professeur parle a un élève. 33. Vue du plateau fond bleu, avec camera et personnage.
42. Ils sont en salle informatique.
Cafeteria. 2:38 2:50 43. Vue extérieur de la cafeteria. 44. Incrustation du titre « cafeteria ». 45. Plan intérieur de la cafeteria. Le plan dure de l’ouverture à la fermeture de la cafeteria
II Prévisualisation
Page n°19
Schema directeur Sports. 2:50 2:57
Fermeture de La FLLASH 3:17 3:34
46. Incrustation du titre « Sport ».
58. Contre plongée. Bâtiment de la FLLASH se vide.
47. Vue d’ensemble de la sale de sport.
59. Vue de haut .On éteint les lumières.
48. Entrainement Babington.
60. Plan des escaliers. Les élèves descendent.
49. Plan rapproché de deux sportifs échangeant des balles. 50. Cour de karaté.
Bibliothèque. 2:57 3:17
La nuit tombe 3:25 3:34 61. Vue d’ensemble sur les bâtiments, le soleil se couche.
Générique de fin 3:34 3:54
51. Incrustation du titre « Bibliothèque». 52. Panoramique de la bibliothèque. 53. Vue des étagères avec les étudiants qui circulent. 54. Etudiants qui travaillent. 55. Vue d’ensemble de l’intérieur de la bibliothèque, montrer l’architecture. 56. Gros plans sur les livres. 57. Les élèves descendent les escaliers.
II Prévisualisation
Page n°20
Story board fixe 1
2
3
Titre « Journées portes ouvertes FLLASH ».
Le jour se lève sur la place d’armes. Titre incrusté « Valenciennes Place d’armes ». Video en accéléré.
Le jour se lève sur la place d’armes, plan rapproché. Video en accéléré.
4
5
6
Deuxième vue sur la place d’armes. Video en accéléré.
Plan de la gare vide qui se rempli. Titre « gare ». Video en accéléré.
Arrivée du tramway. Video en accéléré.
II Prévisualisation
Page n°21
Story board fixe 7
8
9
Intérieur tramway avec les élèves. Stop motion.
Les élèves sortent du tramway. Stop motion.
Vue d’ensemble du bâtiment matisse. Titre incrusté FLLASH « Bâtiment Matisse ». Stop motion.
10
11
12
Vue plus rapproché du Bâtiment Matisse. Stop motion.
Gros plan sur l’enseigne « Faculté des lettres langues arts et sciences humaines ». Photographie.
Vue contre en plongée de intérieur vide qui se rempli. Stop motion.
II Prévisualisation
Page n°22
Story board fixe 13
14
15
Vue d’en haut du bâtiment. Stop motion.
Plan rapproché des escaliers. Les élèves montent les escaliers. Vidéo en accéléré.
Incrustation du titre « lettres ». En fond la bibliothèque.
16
17
18
Les élèves rentrent dans l’amphi. Stop motion.
Vu d’ensemble de l’amphi. Avec des élèves. Vidéo en accéléré.
Vue d’en haut, les élèves écoutent leur professeurs. Vidéo en accéléré.
II Prévisualisation
Page n°23
Story board fixe 19
20
21
Plan plus rapproché, les élèves prennent des notes. Vidéo en accéléré.
Plan d’ensemble du professeur qui écrit au tableau. Vidéo.
Incrustation du titre « Langues » .
22
23
24
Vue d’ensemble. Elèves entrent en cour. Petite classe. Stop motion.
Vue plus rapproché. Les élèves prennent des notes et prennent la parole. Vidéo en accéléré.
Plan rapproché de leur professeur. Vidéo en accéléré.
II Prévisualisation
Page n°24
Story board fixe 25
26
27
Vue d’ensemble d’un laboratoire de langue. Vidéo en accéléré.
Plan rapproché des élèves qui discutent ensemble. Vidéo.
Dehors, ils parlent avec des étudiants étrangers (Erasmus).Vidéo.
28
29
30
Incrustation du titre « Arts plastiques ».
Vue d’ensemble de l’atelier de peinture. Stop motion.
Un élève fait son installation photo. Stop motion.
II Prévisualisation
Page n°25
Story board fixe 31
32
33
Un élève dessine. Stop motion, dessin de début a la fin.
Un professeur parle a un élève. Vidéo en accéléré.
Vue du plateau fond bleu, avec camera et personnage. Vidéo en accéléré.
34
35
36
Plan rapproché d’un écran de la régie. Vidéo.
Le professeur explique à ses élèves les techniques. Vidéo en accéléré.
Plan plus rapproché des mains. Vidéo en accéléré.
II Prévisualisation
Page n°26
Story board fixe 37
38
39
Vue des écrans. Vidéo.
Incrustation du titre « Sciences humaines ».
Ils sont dans un amphi avec leur professeur. Stop motion.
40
41
42
Plans des élèves, et des professeurs en accéléré.
On inscrit les mots représentent leur filières. Vidéo en accéléré.
Ils sont en salle informatique. Vidéo en accéléré.
II Prévisualisation
Page n°27
Story board fixe 43
44
45
Salle informatique. Plan rapproché. Vidéo en accéléré.
Incrustation du titre « cafeteria ». Vue extérieur de la cafeteria.
Plan intérieur de la cafeteria. Le plan dure de l’ouverture à la fermeture de la cafeteria. Stop motion.
46
47
48
Incrustation du titre « Sport ».
Vue d’ensemble de la sale de sport. Stop motion.
Entrainement Babington. Stop motion.
II Prévisualisation
Page n°28
Story board fixe 49
50
51
Plan rapproché de deux sportifs échangeant des balles. Stop motion.
Cour de karaté. Stop motion.
Incrustation du titre « Bibliothèque». Panoramique de la bibliothèque. Vidéo.
52
53
54
Suite du panoramique de la bibliothèque.
Vue des étagères avec les étudiants qui circulent. Stop motion
Etudiants qui travaillent. Vidéo en accélérée.
II Prévisualisation
Page n°29
Story board fixe 55
56
57
Vue d’ensemble de l’intérieur de la bibliothèque, montrer l’architecture. Vidéo en accélérée.
Gros plans sur les livres. Phtographie.
Les élèves descendent les escaliers. Stop motion.
58
59
60
Contre plongée. Bâtiment de la FLLASH se vide. Stop motion.
Vue de haut .On éteint les lumières. Stop motion.
Plan des escaliers. Les élèves descendent. Vidéo en accélérée.
II Prévisualisation
Page n°30
Story board fixe 61
Story board animé Story board animé, sonorisé Le story board animé est composé de chaque élément vu dans le story board fixe. Le fichier vidéo est dans le dvd : Storyboardanimé.mov.
Vue d’ensemble sur les bâtiments, le soleil se couche. Stop motion.
62
Générique de fin
II Prévisualisation
Page n°31
Tests techniques et prise de vue Tests techniques et prise de vue Pour réaliser une prévisualisation du clip, plusieurs prises de vue et des essais techniques on été crées : Des prises de vue photographiques, à savoir des photos du bâtiment de la FLLASH, de la Bibliothèque, de la cafeteria, des salles de cour, du pole Ronzier. Mais aussi, des essais vidéo qui se sont portés sur les effets d’accélération du mouvement, comme un plan de la gare, plan de la place d’armes, l’arrivée du tram, les élèves en cours.
L’animation des titres, qui sont réalisée grâce à After Effect. L’animation utilise trois effets. En premier, le multiplan pour le mouvement du titre, qui bouge plus rapidement que le fond. En deuxième, l’effet de masque, qui fait apparaitre doucement la forme. Et enfin, le film strip, qui est rajouté à la vidéo. Les différents fichiers photos et videos sont dans le dvd.
La réalisation d’essais techniques, comme le multiplan du pole Ronzier, et des photos panoramiques. Plusieurs essais de stop motion , un stop motion de l’arrivée des élèves dans le tramway, des élèves dans les salles de sports, et de l’entrée dans la faculté. L’utilisation du film strip pour recréer l’effet de la pellicule grattée. Un film strip pour chaque département, en utilisant les textures vu dans la charte graphique.
II Prévisualisation
Page n°32
III Production
I Note d’intention/ Charte graphique
Page n°33
Budget prévisionnel N° DVCPRO HD 1 Droit artistique Droits musicaux
2
3
Personnel
Producteur délégué Chargé de production Réalisateur /concepteur Documentaliste Cameraman Script Photographe Infographiste Monteur
Qt
Unité
Coût Unitaire
1
€
0
1 1 15 1 4 1 4 13 6
Cotisations sociales
Auteurs Techniciens
mois mois Jours semaine jours Semaine Jours jours jours
2200 2000 250 500 300 950 300 150 150
Total HT 0
0
14650 2200 2000 3750 500 1200 950 1200 1950 900
6300 43%
6300
III Production
Page n°34
Budget prévisionnel N° DVCPRO HD 4 Transport défraiements régie
Qt
Unité
Déplacements, missions
5
6
MOYENS TECHNIQUES
Prise de vues Lumière Montage Post production image et son
Consommables
Supports magnétiques
Coût Unitaire 1000
4 4 2 1
30
jours jours jours semaine
Unité
240 34 250 1250
25
Total HT 1000 2846 960 136 500 1250
750 750
7
SOUS TOTAL
25546
8
ASSURANCES ET DIVERS
2298
9
Assurances Frais généraux Imprévus
TOTAL GENERAL
2% 3% 4%
510 766 1022
27844
III Production
Page n°35
Planning par postes et taches
Les postes et taches
Infographiste/Vidéographe.
Producteur délégué :
Il est chargé de la réalisation de la CHARTE GRAPHIQUE et de l’interface graphique du produit, et la création des éléments graphiques.
Il coproduit le produit. Il s’occupe de la finance et du jurique. Il est aussi l’éditeur et fait la communication sur le produit.
Monteur/Truquiste.
Chargé de production :
Assemble les différentes parties du film qui ont été tournées afin de créer le film final.
Il organise le planning, des ressources humaines et matérielles, budget sur le terrain.
Cameraman :
Réalisateur /concepteur :
Prise de vue des plans en vidéo accéléré. Il Fait le cadre, composer l’espace, le modèle.
Il est en charge de la qualité et de la cohérence générale esthétiques du produit. Dirige et Coordonne l’ensemble de l’équipe de réalisation (visuelle, sonore, et sur certains points Informatique). Il réalise le story board du clip.
Photographe :
Documentaliste : Personne qui connaît très bien le sujet, le champ de sa documentation.
Il en charge des différentes prises de vue en stop motion.
Script : Il est en charge du journal de bord du tournage, et rédige plusieurs autres rapports.
III Production
Page n°36
Planning par postes Nom
1
2
3
4
5
6
7
8
9
10 11 12 13 14 15 16 17 18 19 20
Producteur délégué Chargé de production Réalisateur Documentaliste Cameraman Script Photographe Infographiste Monteur
1 jours
Création design Doc
Tournage
Post production
III Production
Page n°37
Annexes Index des illustrations : Réglage du Noir et blanc dans photoshop, p 10 Photo de la FLLASH en noir et blanc, p 10 Les couleurs tupographiques, p 11 Charte formelle, p 13 Chart typographique, p 14 Texture Arts plastiques, p 15 Texture Lettres, p 15 Texture Sciences Humaines, p 15 Texture Langues, p 16 Noir et blanc de Muybridge, p 16
Recherche graphique pour le titre
I Note d’intention/ Charte graphique
Page n°38
Annexes Recherche lexical Lettres : Esprit, Technique, Orthophonie, Français, méthodes, recherche, expression, argumentation, gestion du patrimoine, enseignement, documentation, ressources humaines, Latin, grec. Langues : Communication, interaction, argumentation, analyse, traduction, synthèse, information, administration, linguistique, littéraire, histoire, culture, compréhension, rédaction, analyse, civilisation, Anglais, Espagnol, Allemand. Science humaines : Homme, Sociologie, histoire, géographie, expression, culture générale, langue vivante, civilisation, politique, économie, presse, communication, débat, droit, informatique, media.
Art : Image, Iconographie, plastiques, graphiques, photographiques, infographie, Analyse, peinture, dessin, volume, art vidéo, philosophique, esthétique, nouveaux medias, P.A.O, jeux, postproduction audiovisuelle, 3D, scénographie, multimédia, interactif.
Citation : Langues « Le premier instrument du génie d’un peuple, c’est sa langue. » Stendhal « Qui apprend une nouvelle langue acquiert une nouvelle âme. » Juan Ramon Jimenez « Où la langue n’est point parlée, Le peuple n’a point d’existence. » Guido Gezelle
I Note d’intention/ Charte graphique
Page n°39
Annexes Lettres : « La plume est la langue de l’âme. » de Cervantès
Miguel
« L’image la plus exacte de l’esprit français est la langue française elle-même. » Désiré Nisard « La littérature, c’est la pensée accédant à la beauté dans la lumière. » Charles Du Bos Sciences humaines : « Les peuples heureux n’ont pas de sociologie, mais ils ont des mœurs, des institutions et des lois. » Jules Monnerot « L’homme n’était pas destiné à faire partie d’un troupeau comme un animal domestique, mais d’une ruche comme les abeilles. » Emmanuel Kant
Kant
«La nature agit, l’homme fait.» Emmanuel
« Toute science de l’homme n’est qu’un discours. » Roland Barthes « Toute science a pour but la prévoyance. » Auguste Comte Arts : « L’art de peindre n’est que l’art d’exprimer l’invisible par le visible. » Eugène Fromentin « Un tableau ne vit que par celui qui le regarde. » Pablo Picasso « La vie imite l’art, bien plus que l’art n’imite la vie. » Oscar Wilde. « L’art est fait pour troubler. » Georges Braque.
« L’anthropologie est une discipline dont le but premier, sinon le seul, est d’analyser et d’interpréter les différences. » Claude Lévi-Strauss
I Note d’intention/ Charte graphique
Page n°40