Une journée à la fllash

Rinaldi CéciliaMaster CreanumOption infographie

Dossier de présentation

Université de Valenciennes Département Art

Page n°3

Université de Valenciennes Département Art

Master Création & ingénierie numériques

Une journée a la FLLASHParcours 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 FllashDurée : 4 mn minimum

Année 2008

Rinaldi CéciliaMaster CreanumOption infographie

Page n°4 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°5 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°6 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°7 I Note d’intention/ Charte graphique

I Note d’intention Charte graphique


Résumé :

Une journée a la FLLASH, est un clip de 3,60min, qui promeut les journées portes ouvertes de la fa-culté 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 à Valen-ciennes. 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, Let-tres, Langues, Arts plastiques, et Sciences humai-nes. 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 promotion-nel 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.

Note d’intention


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 mar-qué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 ac-compagnera l’action.


Charte chromatique

La couleur vidéo et photo

La vidéo est traitée en Noir et blanc à la ma-niè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 postpro-duction, de même que pour les photos.

Voici un exemple de traitement Noir et blanc. Un filtre rouge au contraste élevé, avec pour cha-que couche :

Illustration 1 : Noir et blanc dans Photoshop

Illustration 2 : Photo de la FLLASH en noir et blanc


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.

Les couleurs choisies pour chaque départe-ment sont :

Le jaune pour les lettres. Le jaune signifiant le talent et l’intelligence.

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.

Le vert pour les Sciences Humaines. Il est syno-nyme de compréhension des autres.

Jaune : R: 255 V: 252 B: 0

Bleu : R: 0 V: 43 B: 255

Vert : R: 0 V: 251 B: 41

Orange : R: 255 V: 132 B: 0

Illustration 3 : Les couleurs typographiques


Charte formelle

Forme

Une forme de ligne accompagne chaque ti-tre. 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


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•

Charte formelle

Illustration 5 : Charte formelle


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 particu-liè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 C D e F g H I j k L M N o P q R S T U V w x y z 0123456789

Charte typographique TTT

Illustration 6 : Charte Typographique


Les Textures

Des textures sont appliquées à chaque dépar-tement. 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)

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.

Charte texture

Illustration 7 : Texture Arts Plastiques

Illustration 8 : Texture Lettres

Illustration 9 : Texture Sciences Humaines

Illustration 9 : Texture Langues


Charte stylistique

L’aspect graphique de la vidéo est directe-ment 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.

Charte stylistiqueS

Illustration 10 : Le noir et blanc de Muybridge


II Prévisualisation

Page n°18 II Prévisualisation

Schema directeur

générique de début 00:00 00:19

Lever du jour 00:19 00:57

Titre « Journées portes ouvertes FLLASH »1.

Le jour se lève sur la place d’armes. Titre incrusté « Valen-2. ciennes Place d’armes »

Le jour se lève sur la place d’armes, plan rapproché.3.

Deuxième vue sur la place d’armes.4.

Plan de la gare vide qui se rempli. Titre « gare ».5.

Arrivée du tramway.6.

Intérieur tramway avec les élèves. 7.

Les élèves sortent du tramway.8.

Vue d’ensemble du bâtiment matisse. Titre incrusté FLLASH 9. « Bâtiment Matisse ».

Vue plus rapproché du Bâtiment Matisse.10.

Gros plan sur l’enseigne « Faculté des lettres langues arts et 11. sciences humaines ».

Vue contre en plongée de intérieur vide qui se rempli.12.

Vue d’en haut du bâtiment.13.

Plan rapproché des escaliers. Les élèves montent les esca-14. liers.

Lettres. 1:21 1:41

Incrustation du titre « lettres ». En fond la bibliothèque.15.

Les élèves rentrent dans l’amphi. 16.

Vu d’ensemble de l’amphi.17.

Vue d’en haut, les élèves écoutent leur professeurs.18.

Plan plus rapproché, les élèves prennent des notes.19.

Plan d’ensemble du professeur qui écrit au tableau.20.

Schema directeur


Schema directeur Langues. 1:21 1:41

Incrustation du titre « Langues » .21.

Vue d’ensemble. Elèves entrent en cour. Petite classe.22.

Vue plus rapproché. Les élèves prennent des notes et pren-23. nent la parole.

Plan rapproché de leur professeur.24.

Vue d’ensemble d’un laboratoire de langue.25.

Plan rapproché des élèves qui discutent ensemble.26.

Dehors, ils parlent avec des étudiants étrangers (Erasmus).27.

Les arts. 1:21 2:13

Incrustation du titre « Arts plastiques ».28.

Vue d’ensemble de l’atelier de peinture.29.

Un élève fait son installation photo.30.

Un élève dessine.31.

Un professeur parle a un élève.32.

Vue du plateau fond bleu, avec camera et personnage.33.

Plan rapproché d’un écran de la régie.34.

Le professeur explique à ses élèves les techniques.35.

Plan plus rapproché des mains.36.

Vue des écrans.37.

Sciences humaines. 2:13 2:38

Incrustation du titre « Sciences humaines ».38.

Ils sont dans un amphi avec leur professeur.39.

Plans des élèves, et des professeurs en accélérer.40.

On inscrit les mots représentent leur filières.41.

Ils sont en salle informatique.42.

Cafeteria. 2:38 2:50

Vue extérieur de la cafeteria.43.

Incrustation du titre « cafeteria ».44.

Plan intérieur de la cafeteria. Le plan dure de l’ouverture à 45. la fermeture de la cafeteria


Schema directeur Sports. 2:50 2:57

Incrustation du titre « Sport ».46.

Vue d’ensemble de la sale de sport. 47.

Entrainement Babington.48.

Plan rapproché de deux sportifs échangeant des balles.49.

Cour de karaté.50.

Bibliothèque. 2:57 3:17

Incrustation du titre « Bibliothèque».51.

Panoramique de la bibliothèque.52.

Vue des étagères avec les étudiants qui circulent.53.

Etudiants qui travaillent.54.

Vue d’ensemble de l’intérieur de la bibliothèque, montrer 55. l’architecture.

Gros plans sur les livres.56.

Les élèves descendent les escaliers.57.

Fermeture de La FLLASH 3:17 3:34

Contre plongée. Bâtiment de la FLLASH se vide. 58.

Vue de haut .On éteint les lumières.59.

Plan des escaliers. Les élèves descendent. 60.

La nuit tombe 3:25 3:34Vue d’ensemble sur les bâtiments, le soleil se couche.61.

Générique de fin 3:34 3:54


Story board fixe

1

4 5 6

32

Le jour se lève sur la place d’armes. Titre incrusté « Valenciennes Place d’armes ». Video en accéléré.

Titre « Journées portes ouvertes FLLASH ». Le jour se lève sur la place d’armes, plan rapproché. Video en accéléré.

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é.


Story board fixe

7

10 11 12

98

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.

Gros plan sur l’enseigne « Faculté des lettres lan-gues arts et sciences humaines ». Photographie.

Vue contre en plongée de intérieur vide qui se rempli. Stop motion.

Vue plus rapproché du Bâtiment Matisse. Stop motion.


Story board fixe

13

16 17 18

1514

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 biblio-thèque.

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é.

Les élèves rentrent dans l’amphi. Stop motion.


Story board fixe

19

22 23 24

2120

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 » .

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é.

Vue d’ensemble. Elèves entrent en cour. Petite classe.Stop motion.


Story board fixe

25

28 29 30

2726

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.

Vue d’ensemble de l’atelier de peinture. Stop motion.

Un élève fait son installation photo. Stop motion.Incrustation du titre « Arts plastiques ».


Story board fixe

31

34 35 36

3332

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 person-nage. Vidéo en accéléré.

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é.Plan rapproché d’un écran de la régie. Vidéo.


Story board fixe

37

40 41 42

3938

Vue des écrans. Vidéo. Incrustation du titre « Sciences humaines ». Ils sont dans un amphi avec leur professeur. Stop motion.

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é.Plans des élèves, et des professeurs en accéléré.


Story board fixe

43

46 47 48

4544

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.

Vue d’ensemble de la sale de sport. Stop motion. Entrainement Babington. Stop motion.Incrustation du titre « Sport ».


Story board fixe

49

52 53 54

5150

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.

Vue des étagères avec les étudiants qui circulent. Stop motion

Etudiants qui travaillent. Vidéo en accélérée.Suite du panoramique de la bibliothèque.


Story board fixe

55

58 59 60

5756

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.

Vue de haut .On éteint les lumières. Stop motion. Plan des escaliers. Les élèves descendent. Vidéo en accélérée.

Contre plongée. Bâtiment de la FLLASH se vide. Stop motion.


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.

Story board fixe Story board animé

61

62

Vue d’ensemble sur les bâtiments, le soleil se couche. Stop motion.

Générique de fin


Tests techniques et prise de vue

Tests techniques et prise de vue

Pour réaliser une prévisualisation du clip, plu-sieurs 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 Bi-bliothè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’ar-mes, l’arrivée du tram, les élèves en cours.

La réalisation d’essais techniques, comme le multiplan du pole Ronzier, et des photos panora-miques. 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.

L’animation des titres, qui sont réalisée grâce à After Effect. L’animation utilise trois effets. En pre-mier, 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.


III Production

Page n°34 III Production

Budget prévisionnel

N° DVCPRo HD qt Unité Coût Unitaire Total HT1 Droit artistique 0

Droits musicaux 1 € 0 0

2 Personnel 14650Producteur délégué 1 mois 2200 2200Chargé de production 1 mois 2000 2000Réalisateur /concepteur 15 Jours 250 3750Documentaliste 1 semaine 500 500Cameraman 4 jours 300 1200Script 1 Semaine 950 950Photographe 4 Jours 300 1200Infographiste 13 jours 150 1950Monteur 6 jours 150 900

3 Cotisations sociales 6300AuteursTechniciens 43% 6300


Budget prévisionnel

N° DVCPRo HD qt Unité Coût Unitaire Total HT4 Transport défraiements régie 1000

Déplacements, missions 1000

5 MoyeNS TeCHNIqUeS 2846Prise de vues 4 jours 240 960Lumière 4 jours 34 136Montage 2 jours 250 500Post production image et son 1 semaine 1250 1250

6 Consommables 750Supports magnétiques 30 Unité 25 750

7 SoUS ToTAL 25546

8 ASSURANCeS eT DIVeRS 2298Assurances 2% 510Frais généraux 3% 766Imprévus 4% 1022

9 ToTAL geNeRAL 27844


Planning par postes et taches

Les postes et taches

Producteur délégué :Il coproduit le produit. Il s’occupe de la finance

et du jurique. Il est aussi l’éditeur et fait la communi-cation sur le produit.

Chargé de production :Il organise le planning, des ressources humai-

nes et matérielles, budget sur le terrain.

Réalisateur /concepteur :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.

Documentaliste :Personne qui connaît très bien le sujet, le champ de sa documentation.

Infographiste/Vidéographe.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.

Monteur/Truquiste.Assemble les différentes parties du film qui ont

été tournées afin de créer le film final.

Cameraman :Prise de vue des plans en vidéo accéléré. Il

Fait le cadre, composer l’espace, le modèle.

Photographe :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.


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


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 16Recherche graphique pour le titre


Annexes

Recherche lexical

Lettres :

Esprit, Technique, Orthophonie, Français, méthodes, recherche, expression, argumentation, gestion du patrimoine, enseignement, documenta-tion, ressources humaines, Latin, grec.

Langues :

Communication, interaction, argumentation, analyse, traduction, synthèse, information, adminis-tration, linguistique, littéraire, histoire, culture, com-préhension, rédaction, analyse, civilisation, Anglais, Espagnol, Allemand.

Science humaines :

Homme, Sociologie, histoire, géographie, ex-pression, culture générale, langue vivante, civilisa-tion, 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éti-que, nouveaux medias, P.A.O, jeux, postproduc-tion 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


AnnexesLettres :

« La plume est la langue de l’âme. » Miguel de Cervantès

« 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

« 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

«La nature agit, l’homme fait.» Emmanuel Kant

« Toute science de l’homme n’est qu’un dis-cours. » 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.

Documents

Une journée à la fllash