notes de cours

logiciels : multimédia 2
FLASH CS5
COURS 02 : LANGAGE CINÉMATOGRAPHIQUE / IMAGES VECTORIELLES / IMAGES FLASH
LANGAGE CINÉMATOGRAPHIQUE : QUELQUES NOTIONS
Le premier réflexe, lorsqu’on commence à créer des animations avec Flash, est de ne faire qu’un plan
unique (plan-séquence) vu d’un point unique et immobile à hauteur d’homme. Tout le monde ici dans la
classe connaît pourtant le langage cinématographique et sait le décoder. Il est utilisé partout autour de nous
(cinéma, télévision, etc) et nous y avons tous été exposés depuis notre enfance. Et rarement, sauf exception
comme le film Sleep (1963) d’Andy Warhol*, voit-on un film complet tourné de cette manière. Le but de ce
bref exposé sur les notions du langage cinématographique est de sensibiliser à cette grammaire pour éventuellement l’appliquer à des animations.
*Sleep montre le poète John Giorno dormant pendant six heures, et donnant l’illusion d’un plan séquence. Le film était une des premières expérimentations de
Warhol dans la réalisation cinématographique, et a été créé comme un « anti-film »
ÉTAPES DE CRÉATION
• L’IDÉE : texte bref pour décrire l’idée d’ensemble du film et des personnages (2 ou 3 phrases)
• LE SYNOPSIS (QUI, QUOI, OÙ, QUAND, COMMENT) : résumé décrivant les personnages, l’histoire, les
lieux, l’époque, l’ambiance, le ton (1 à 5 pages, pas de dialogue)
• LE SCÉNARIO : décrit avec précision toutes les actions, la manière de les amener (dialogues, actions,
plans, environnement, découpage en séquences et scènes ...)
• STORYBOARD (SCÉNARIMAGE)
»» Le storyboard (scénarimage) est une version du scénario présentée sous forme de dessins (ou de photos). Chaque scène ou séquence est découpée en plans. Exemple :
http://www.fredericback.com/ateliers/index.illusion.1.2.fr.shtml
»» Chaque plan est constitué de la manière suivante :
-- une vignette image représentant ce qu’on doit voir à l’écran (dessin ou photo)
-- une petite description de la scène
-- le numéro et la durée du plan, de la séquence et de la durée estimée
-- les dialogues
-- la valeur du plan (PE,PM...), les angles de prise de vues (PL, CPL)
-- les mouvements de caméra (PANO, TRAV), les Zooms (Zoom)
-- des indications techniques éventuelles sur les éclairages, le son
page 1
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
PLANS
»» Plan Grand Ensemble (PGE)
-- Situe le lieu
-- Plante le décor dans lequel va se dérouler
l’action
»» Plan d’Ensemble (PE)
-- Situe l’action
-- Les silhouettes ne sont plus anonymes
»» Plan Général (PG)
-- Situe le personnage ou le sujet dans l’action
(on reconnaît les têtes)
»» Plan Moyen (PM)
-- S’intéresse à l’action du personnage. Ce dernier prend de l’importance
»» Plan Américain (PA)
»» Plan Rapproché Taille (PRT)
»» Plan Rapproché Poitrine (PRT)
-- Ces trois types de plans mettent en évidence le jeu de l’acteur, ses expressions, ses mimiques, la
gestuelle.
»» Gros Plan (GP)
-- Insiste sur un fait, une expression...
»» Très Gros Plan (TGP)
-- Insiste fortement, intensité dramatique accrue
»» Plan Séquence (PS)
-- La caméra suit les personnages ou l’action au cours de la scène
PGE, PE, PG,PM,PA,PR,GP,TGP SONT APPELÉS VALEURS DE PLAN
-- On appelle champ, la partie de l’espace figurant dans le viseur de la caméra.
-- Lorsqu’on augmente l’espace visible pour un cadrage, on dit qu’on cadre plus large. On élargie le
champ.
-- Lorsqu’on diminue l’espace visible pour un cadrage,on dit qu’on cadre plus serré. On réduit le
champ.
page 2
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
MOUVEMENTS DE CAMÉRA
»» Panorama
-- La caméra tourne sur elle-même, dans un mouvement analogue à celui de la tête.
-- On suggère de faire bouger la caméra très lentement pour les panoramas.
-- On peut ‘panoter’ :
-- de Haut en Bas PANO H-B
-- de Bas en Haut PANO B-H
-- de Gauche à Droite PANO G-D
-- de Droite à Gauche PANO D-G
»» Travelling
»» La caméra se déplace de manière rectiligne (‘en ligne droite’)
»» Travelling latéral (de coté) :
»» Travelling Gauche-Droite TRAV G-D
»» Travelling Droite-Gauche TRAV D-G
»» Travelling avant TRAV AV
»» Travelling arrière TRAV AR
»»
»» Zoom - Travelling optique
»» L’effet de rapprochement est appelé Zoom Avant (Zoom AV)
»» L’effet d’éloignement est appelé Zoom Arrière (Zoom AR)
LES ANGLES DE PRISE DE VUES
»» Lorsque la caméra est située au-dessus du sujet l’angle de prise de vue est dit en plongée PL. Cet
angle de prise de vue ‘écrase’ le sujet
»» Lorsque la caméra est située en-dessous du sujet l’angle de prise de vue est dit en contre-plongée
CPL. Cet angle de prise de vue ‘donne de l’importance’ au sujet.
»» On parle parfois d’angle plat quand la caméra filme le sujet sur un plan horizontal à hauteur
d’homme.
page 3
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
COMPOSITION DE L’IMAGE ET CADRAGE
»» Équilibre de l’image
-- Si on divise en tiers horizontaux et verticaux une image, on se trouve en présence de 4 points
forts. Composer une image autour de ces points permet d’obtenir une image équilibrée. (Règle
des points forts)
»» Profondeur de l’image :
-- Lorsque qu’un élément est placé devant le sujet on dit de cet élément qu’il est au premier
plan. Un premier plan donne de la profondeur.
-- Lorsque qu’un élément est placé derrière le sujet on dit de cet élément qu’il est en arrière plan.
• LES RACCORDS
Les raccords constituent la manière dont s’effectue le passage d’un plan à un autre. Il existe des règles à ce
sujet. Par exemple :
»» Changement de valeur de plan : d’un plan au suivant, changer d’au moins d’une valeur de plan, par
exemple d’un plan moyen PM à un plan rapproché PR.
»» Règle des 30° : d’un plan au suivant, changer de place l’axe de la caméra (donc la caméra) d’au
moins 30° entre deux plans. Ceci évite une ‘saute en mouvement ‘ au moment du raccord.
page 4
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
»» Règle des 180° : d’un plan au suivant, la caméra reste du même côté d’une ligne qui fixe
»» Le champ/contre-champ : utilisé notamment lors d’un dialogue. Le coin de l’épaule est appelé
l’amorce.
RÉCAPITULATIF DES TERMES TECHNIQUES
SOURCES :
»» http://educlip87.crdp-limousin.fr/wp-content/uploads/2010/01/inicine.pdf
»» http://upload.wikimedia.org/wikipedia/commons/2/2e/Cadre_plan.png
page 5
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
IMAGES VECTORIELLES
Une image vectorielle (ou image en mode trait), en informatique, est une image numérique composée
d’objets géométriques individuels (segments de droite, polygones, arcs de cercle, etc.) définis chacun
par divers attributs de forme, de position, de couleur, etc. Elle se différencie de cette manière des images
matricielles (ou « bitmap »), dans lesquelles on travaille sur des pixels.
http://fr.wikipedia.org/wiki/Image_vectorielle
OÙ TROUVER DES IMAGES VECTORIELLES ?
»» Les dessiner soi-même.
»» Faire le contour d’une photo existante avec l’outil plume.
»» Conversion d’une photo bitmap en vectoriel.
»» À partir de vidéos : http://www.youtube.com/
»» Polices représentant des symboles ( Dingbats ) http://www.dafont.com
»» Documents PDF (pratiques pour les logos) http://www.brandsoftheworld.com/
»» Formes (brushes) pour Photoshop : http://www.psbrushes.net/ http://www.brushking.eu/
http://myphotoshopbrushes.com/ http://www.brusheezy.com/brushes
»» L’outil Déco (U) de Flash offre plusieurs formes vectorielles prédéfinies :
page 6
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
CONVERSION D’UNE IMAGE MATRICIELLE EN VECTORIEL AVEC ILLUSTRATOR (RAPIDE)
»» Cette technique offre plus d’options que la vectorisation dans Flash.
»» Isoler tout d’abord la portion de l’image que vous désirez utiliser dans Photoshop (détourage).
»» Convertir votre image en RVB et sauvegarder.
»» Dans Illustrator importez votre image puis faites menu objet / vectorisation dynamique / créer. Vous
pourrez par la suite appliquer les options prédéfinies de vectorisation :
CONVERSION D’UNE IMAGE MATRICIELLE (BITMAP) EN VECTORIEL AVEC FLASH
(RAPIDE)
»» Importez votre image dans Flash : Menu Fichier / Importer / Importer dans la scène... ( ⌘R ) Allez
sous le menu : Modification / Bitmap / Tracer le bitmap...
page 7
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
COMMENT SAUVEGARDER DES FILMS SUR LE WEB (YOUTUBE) ET LES TRANSFORMER EN IMAGES VECTORIELLES
»» À cette adresse vous pouvez télécharger une application qui télécharge les films et les converti :
»» http://www.tastyapps.com/ . Choisissez le second lien - Videobox (celui avec l’image de la télé) et
téléchargez l’application. Double-cliquez dessus une fois téléchargé.
»» Cliquez sur la télé (1), une nouvelle fenêtre s’ouvrira (2).
»» (1) Allez sur Youtube, repérez le film que vous voulez télécharger et cliquez sur le bouton “partager”
sous la vidéo.
»» (2) Un URL apparaîtra.
»» (3) Sélectionnez-le et glissez-le sur Videobox.
»» (4) Cliquez sur l’icone pour le télécharger.
AVEC QUICKTIME PRO on peut convertir un film en images bitmap. Pour ce faire, faites Exporter /
page 8
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
Séquence vers Suite d’images. Dans les options, vous pouvez paramétrer le nombre d’images par seconde que vous
désirez et le format de l’image (personnellement, je préfère .jpg).
»» Si vous n’avez pas Quicktime Pro, vous pouvez utiliser l’alternative des captures écran à répétition ( ⌘
Majuscule 3 ).
»» Ensuite, sélectionnez les images que vous considérez pertinentes pour recréer le mouvement (vous n’en avez
pas besoin de tant que çà) et retravaillez-les dans Photoshop (détourage, rectifications). Vous pourrez ensuite les
vectoriser ou tracer leur contour.
LES DIFFÉRENTS TYPES D’IMAGES
On appelle « images » dans Flash les cellules du scénario dans lesquelles sont placés les éléments ou objets.
image (F5)
image-clé (F6)
image-clé vide (F7) image de fin
L’IMAGE : permet de prolonger la durée d’affichage d’un élément sur la scène.
L’IMAGE-CLÉ : est un marqueur que l’on place dans le scénario pour pouvoir placer un nouvel élément. L’image-clé
marque un changement dans l’animation. La durée d’affichage d’une image-clé dépendera du nombre d’images la
séparant de la prochaine image-clé.
L’IMAGE-CLÉ VIDE : L’image-clé vide est une image qui ne contient pas d’élément à afficher. C’est souvent au niveau
des images-clés vides que l’on placera les actions (mais aussi dans les images-clés).
page 9
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
INSERTION D’IMAGES
Dès qu’on crée un nouveau document, qu’on y dessine un objet ou qu’on y importe un objet, une
image-clé est créée automatiquement dans la première image. On peut également commencer par
insérer une nouvelle image en allant sous Insertion > Scénario > Image (F5).
Pour créer une image-clé, choisissez Insertion > Scénario > Image-clé (F6). Vous pouvez également cliquer sur l’image dans laquelle placer l’image-clé avec le bouton droit de la souris
(Windows) ou cliquer dessus tout en appuyant sur la touche Ctrl (Macintosh), puis choisir Insérer
une image-clé dans le menu contextuel.
Pour créer une image-clé vide, choisissez Insertion > Scénario > Image-clé vide (F7) ou cliquez
avec le bouton droit de la souris (Windows) ou en appuyant sur la touche Ctrl (Macintosh) sur
l’image dans laquelle placer l’image-clé, puis choisissez Insérer une image-clé vide dans le menu
contextuel.
SUPPRESSION D’IMAGES
image (MAJUSCULE F5)
image-clé (MAJUSCULE F6)
image-clé vide (MAJUSCULE F6)
On peut également utiliser le menu contextuel en cliquant sur les images (contrôle clic ou clic de
droit de la souris) pour supprimer ou insérer des images :
page 10
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
page 11
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
FLASH CS5
logiciels : multimédia 2
FLASH CS5
MANIPULATION DES IMAGES
Vous pouvez déplacer des images en les sélectionnant simplement avec la souris. Si vous tenez le
bouton de votre souris enfoncé, vous pourrez sélectionner plusieurs images à la fois. Vous pourrez
les mettre n’importe où en relâchant le bouton de la souris.
Vous pouvez copier des sections entières d’images : Modifier / Scénario / Copier les images ( alt
⌘ C ) pour ensuite les coller dans une nouvelle image en prenant soin de créer une image-clé là
où vous désirez les placer : Modifier / Scénario / Coller les images ( alt ⌘ V ).
ICÔNE « MODIFIER PLUSIEURS IMAGES »
L’icône « modifier plusieurs images » vous permet de modifier le contenu sur la scène de plusieurs
images sur plusieurs calques en même temps. Assurez-vous de vérouiller les calques que vous
ne désirez pas modifier. Et sélectionnez tout ( ⌘ A ) pour vous assurer de bouger tous les objets
compris dans votre sélection.
EXEMPLES DE FLASH
http://changeperspective.saab.com/fr/fr/#/safety
http://www.orangecinemaseries.fr/evenement/universeries/#
http://www.giorgioarmanibeauty.co.uk/_en/_gb/armani-world/code/index.aspx
page 12
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068