15
© 2003 Groupe Eyrolles A f t e r E f f e c t s M a s t e r c l a s s 2 Tutoriel Animation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage. Il peut arriver que l’on vous demande de créer une animation avec des images fixes comme seuls éléments à disposition. Or, si vous vous contentez d’enchaîner les images une à une, le résultat risque fort d’être ennuyeux. C’est pourquoi nous proposons dans ce tutoriel de vous faire découvrir la technique de banc-titrage. Utilisée par Ken Burns dans son célèbre documentaire The Civil War, elle consiste à reproduire un mouvement de caméra pour donner vie à une image fixe. Grâce à la liberté et à la souplesse qu’il procure, After Effects est l’outil idéal pour reproduire cet effet. En piste Ce tutoriel comporte trois grandes parties. Pour commencer, nous présentons la technique de banc- titrage d’After Effects, en rappelant en partie des notions traitées au chapitre 5. Nous examinons ensuite les différentes approches qu’offre After Effects pour exercer cette technique, notamment la réalisation de panoramiques, de zooms et de mouvements plus complexes qui combinent les deux. Figure T2.1 Cliquez sur l’image ci-dessus pour visualiser la version finale du film. Cette fonction a été désactivée dans la version en ligne du fichier. Retrouvez la sur le CD-Rom. Chapitre 3 animation d’images clés, position, lissage de vitesse et inversion des images clés Chapitre 4 animation d’échelle et d’opacité Chapitre 5 le point d’ancrage Chapitre 7 raccorder des calques Chapitre 21 (facultatif) ajouter des effets Chapitre 25 importer des médias Effets utilisés Remplir, Ombre portée, Boris BCC Tritone Voir aussi 2

Tutoriel Animation All That jazz - · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

Embed Size (px)

Citation preview

Page 1: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

© 2003 G

rou

pe E

yrolles

A f t e r E f f e c t s M a s t e r c l a s s

2T u t o r i e l

Animation All That jazzDonnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage.

Il peut arriver que l’on vous demande de créer une animation avec des images fixes comme seulséléments à disposition. Or, si vous vous contentez d’enchaîner les images une à une, le résultatrisque fort d’être ennuyeux. C’est pourquoi nous proposons dans ce tutoriel de vous faire découvrirla technique de banc-titrage. Utilisée par Ken Burns dans son célèbre documentaire The Civil War,elle consiste à reproduire un mouvement de caméra pour donner vie à une image fixe. Grâce à laliberté et à la souplesse qu’il procure, After Effects est l’outil idéal pour reproduire cet effet.

En pisteCe tutoriel comporte trois grandes parties. Pour commencer, nous présentons la technique de banc-titrage d’After Effects, en rappelant en partie des notions traitées au chapitre 5. Nous examinonsensuite les différentes approches qu’offre After Effects pour exercer cette technique, notamment laréalisation de panoramiques, de zooms et de mouvements plus complexes qui combinent les deux.

Figure T2.1Cliquez sur l’image ci-dessus pour visualiser la version finale du film.CCeettttee ffoonnccttiioonn aa ééttéé ddééssaaccttiivvééee ddaannss llaa vveerrssiioonn eenn lliiggnnee dduu ffiicchhiieerr.. RReettrroouuvveezz llaa ssuurr llee CCDD--RRoomm..

• Chapitre 3animation d’images clés,position, lissage de vitesseet inversion des images clés

• Chapitre 4animation d’échelle et d’opacité

• Chapitre 5le point d’ancrage

• Chapitre 7raccorder des calques

• Chapitre 21 (facultatif)

ajouter des effets

• Chapitre 25importer des médias

• Effets utilisésRemplir, Ombre portée, Boris BCC Tritone

Voir

aussi

2

Page 2: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

© 2

003

Gro

up

e E

yro

lles

A n i m a t i o n A l l T h a t j a z z

2T u t o r i e l

Pour finir, nous nous intéresserons à un générique d’ouverture qui fait appel à ces techniques pourcombiner des images fixes avec des images animées, du texte et de la musique.Si vous rencontrez des difficultés à lire le film à partir du PDF, sélectionnez Tutoriels/BT2-AllThatJazzet lancez BT2-AllThatJazz.mov. Assurez-vous d’avoir installé les effets gratuits inclus sur le CD-Rom,en particulier Boris BCC Tritone, qui sera très utilisé dans le projet final. Ouvrez ensuite le projetBT2-AllThatJazz.aep.

Immobilité et mouvement

Composition : Jazz*starterLes photographies sont rarement cadrées pour tenir dans un rapport d’image 4:3 adapté à la vidéo. Ainsi,nombre de photos issues des banques d’images professionnelles sont cadrées en portrait (plus haut quelarge), car elles sont plus facilement exploitables dans les pages des magazines ou des brochures, plutôtqu’en paysage (plus large que haut), format privilégié en vidéo et dans le monde du cinéma. Les troisphotos ci-contre (fig T2.2), issues du CD de Digital Vision intitulé All That Jazz, en sont l’illustration.Même si les photos avaient été cadrées en paysage, il aurait peut-être fallu procéder à un recadrage,afin de dégager l’espace nécessaire à un titrage. Par ailleurs, au-delà des considérations de cadrage,un mouvement donne plus de caractère à une scène figée, sans compter qu’une photo ne comportegénéralement pas un seul centre d’intérêt ; il peut donc se dégager certaines idées narratives de lafaçon dont nous focalisons l’attention du spectateur par les mouvements d’un point à l’autre del’image. Passons maintenant à la pratique en appliquant la technique du banc-titre à quelques photos.

Figure T2.2Les trois photos ont été cadrées en portrait

(plus hautes que larges), ce qui se démarque du rapport d’image usuel en vidéo.

Toutes les photos sont issues du CD de Digital Vision, All That Jazz.

3

Page 3: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

A f t e r E f f e c t s M a s t e r c l a s s

2T u t o r i e l

© 2003 G

rou

pe E

yrolles

Mouvement de position

DV_AllThatJazz_singer

ÉTAPE 1 – Double-cliquez sur lacomposition Jazz*starter pourl’ouvrir et appuyez sur la toucheHome pour vous caler à 00:00.Dans le dossier Sources/Stills,sélectionnez DV_AllThatJazz-singeret appuyez sur �+ = (Ctrl + =) pourl’ajouter à la composition. Le cadra-ge d’origine n’est pas satisfaisant(fig. 2.3), puisque les yeux et unepartie du micro sont coupés, maisnous allons y remédier.

ÉTAPE 2 – Cette photographiecomporte deux objets principaux :le micro et le visage de la chan-

teuse. Commençons par nous intéresser au micro. Déplacez l’image dans la fenêtre Composition jusqu’àce que le cadrage s’arrête parfaitement sur le micro. Si vous avez besoin d’aide pour repérer le centrede l’image, ou pour déterminer si l’image dépasse les zones admissibles, appuyez sur la touchepourcentage (%) pour afficher les repères de zones admissibles (fig T2.4). Veillez à ne pas trop déplacerla photo, afin de ne pas dévoiler l’arrière-plan vide de la composition ; un bon « truc » consiste à attribuerune couleur de fond de composition assez vive, comme du rouge, qui vous alertera en cas d’excès.

ÉTAPE 3 – Assurez-vous que l’image DV_AllThatJazz-singer est sélectionnée dans la fenêtre Montage.Appuyez sur la touche P pour faire apparaître sa propriété Position, et cliquez sur l’icône Chronomètre àgauche du mot Position pour activer l’image clé de l’animation ; vous ajoutez ainsi une image clé (fig T2.5).

Figure T2.3Étape 1 – On obtient rarement un cadrage

satisfaisant en plaçant simplement une photographie au centre d’une composition.

Figure T2.4Étape 2 – Commençons notre mouvement en nous focalisant surle micro. Nous avons activé les repères des zones admissibles pourrepérer le centre et les portions tronquées de l’image.

Figure T2.5Étape 3 – Après avoir recadré notre imagesur le micro, nous souhaitons mémoriser cette position en activant l’animationpar images clés de la propriété Positiondans la fenêtre Montage.

4

Page 4: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

© 2

003

Gro

up

e E

yro

lles

A n i m a t i o n A l l T h a t j a z z

2T u t o r i e l

ÉTAPE 4 – Avancez la tête de lecture, par exemple à 05:00. Maintenant, déplacez la photodans la fenêtre Composition de manière à la recadrer sur le visage de la chanteuse. Unarrière-plan de couleur vive prend toute son utilité ; en effet, il peut être tentant de déplacerl’image un peu trop vers la gauche (puisqu’il y a très peu de marge sur la droite de la photod’origine). Veillez à ce que l’œil gauche de la chanteuse se trouve bien dans les zonesadmissibles (fig. T2.6). La fenêtre Composition permet de visualiser la trajectoire d’animationreliant les deux images clés Position.

ÉTAPE 5 – Saisissez � + U (Ctrl + U) pour que la qualité du calque soit optimale et lancez uneprévisualisation RAM de la composition (0 sur le pavé numérique). Vous pouvez arrêter laprévisualisation après 05:00 en appuyant sur n’importe quelle touche une fois que la barre vertesur le dessus de la fenêtre Montage a dépassé cette image clé.

ÉTAPE 6 – Vos impressions sur le timing ? En ce qui nous concerne, nous trouvons l’ensembleun peu trop lent. Toutes les transitions de vitesse sur les images clés sont quelque peu brutales.Sélectionnez les deux images clés Position et cliquez sur Animation/Assistant d’image clé/Lissage de vitesse pour adoucir les changements de vitesse. Appuyez sur F2 pour désélectionnerles deux images clés, et déplacez-les séparément pour influer sur la vitesse du mouvement ; lerapprochement des images clés augmente la vitesse, alors que leur éloignement la ralentit.Procédez à des prévisualisations RAM jusqu’à ce que vous soyez satisfait du résultat.

ÉTAPE 7 – Il est courant qu’un animateur travaillant sous After Effects prépare des éléments en vue d’unassemblage ultérieur par un monteur ; il arrive aussi que le monteur utilise directement After Effectspour créer lui-même ces éléments. Dans les deux cas, quelques règles doivent être respectées pourfaciliter le travail en montage. L’une d’elles consiste à ajouter des « poignées », c’est-à-dire à laisser unpeu de marge avant et après l’animation, afin de pouvoir utiliser ce plan en coupe plus longtemps, ouencore d’allonger une transition. En général, nous ajoutons 1 à 2 secondes de poignées, en précisantleur durée exacte, de manière à pouvoir répéter l’animation en boucle dans l’hypothèse où l’on ait besoind’un plan plus long. Pour ajouter des poignées à cette composition, cliquez sur le mot Position dans lafenêtre Montage pour sélectionner les deux images clés Position, avancez la tête de lecture à 02:00, etdécalez la première image clé vers la droite (fig. T2.7). Après avoir commencé à la déplacer, appuyez surla touche Maj : l’image clé sera alors ancrée à la tête de lecture à l’approche de 02:00.

Figure T2.6Étape 4 – Notre seconde image clé Position est centrée sur le visage de la chanteuse. Assurez-vous de placer son œil dans les zones admissibles.

Figure T2.7Étape 7 – La fenêtre Montage. Les images clés ont été lissées à l’approche, afin d’adoucir les changements de vitesse. Les premières imagesclés sont placées à 02:00, ce qui laisse au montagequelques « poignées » supplémentaires pour travailler.

Haché et flouSi vous préférez un mouvement plusrapide, mais que vous n’appréciezpas particulièrement l’effet strobos-copique, activez le Flou de bougépour le calque et la composition.

5

Page 5: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

A f t e r E f f e c t s M a s t e r c l a s s

2T u t o r i e l

© 2003 G

rou

pe E

yrolles

ÉTAPE 8 – Il est également recommandé de préparer pour le montage des versions différentes de lamême photo, au minimum une version avec un mouvement de caméra inversé, au cas où ce mouvementfonctionne mieux pour retranscrire l’histoire racontée. La réalisation d’un mouvement inversé requiertplus de temps sur un banc de montage qu’avec After Effects, qui, au final, offre de surcroît une meilleurequalité d’image. Il existe plusieurs façons de procéder. Vous pouvez par exemple dupliquer lacomposition et inverser les images clés. Ne cherchez pas ici à dupliquer la composition, maissélectionnez les deux images clés de l’animation et choisissez Animation/Assistant d’image clé/Inverserles images clé. Lancez une prévisualisation RAM pour apprécier le résultat.Entraînez-vous, si vous le souhaitez, à animer un peu cette image ; nous allons maintenant effacerce calque et essayer un autre type de mouvement…

Trucage haut de gammeCréer des mouvements de caméra dans After Effects peut donner de meilleurs résultats qu’avec unevraie caméra placée sur un banc-titre.• Les photos ont souvent moins de bruit que la vidéo.• After Effects n’induit pas de tremblement de caméra pendant les mouvements (bien qu’on puisse enajouter avec la commande Expressions, ou Fenêtre/Tremblement dans la version Production Bundle).• After Effects conserve une image nette durant les zooms (vous pouvez toujours ajouter du flou debougé si vous le souhaitez).• Vous pouvez retravailler le mouvement plus tard, sans avoir à préparer le banc-titre.En revanche, veillez à bien contrôler le scintillement ; en effet, les photos numérisées comportentsouvent des détails extrêmement précis, pouvant induire un scintillement une fois l’animation compiléeen vidéo entrelacée. Un léger flou vertical résout ce problème, mais vous pouvez également y remédieren travaillant au préalable l’image dans Photoshop, qui propose des solutions similaires.

6

Page 6: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

© 2

003

Gro

up

e E

yro

lles

A n i m a t i o n A l l T h a t j a z z

2T u t o r i e l

Zoom caméra

DV_AllThatJazz_trumpetDans ce tutoriel, nous commençons par expliquer ce qu’il ne faut pas faire, pour finalement vousmontrer la meilleure manière de procéder. Certes l’approche peut sembler ennuyeuse, voire inutile.Cependant, le jeu en vaut la chandelle, car vous allez comprendre pourquoi nous proposons d’animerdes images au moyen d’un paramètre que vous n’auriez jamais songé à utiliser.

ÉTAPE 1 – Commencez par effacer le calque DV_AllThatJazz_singer de la composition Jazz*starter.Positionnez la tête de lecture sur 00:00 ; sélectionnez DV_AllThatJazz_trumpet dans le dossierSources/Stills, et appuyez sur les touches � + = (Ctrl + =) pour ajouter l’image au centre de lacomposition. Le cadrage par défaut est acceptable, mais nous souhaitons cependant animer un reculde la caméra pour mettre davantage l’accent sur le musicien.

ÉTAPE 2 – La valeur par défaut de l’échelle est 100 % (fig. T2.8), ce qui correspondau rapprochement maximal pour ne pas perdre de définition de l’image (au-delàde 100 %, l’image serait pixellisée). Décalez la position de l’image dans la fenêtreComposition de façon à obtenir un cadrage harmonieux.

ÉTAPE 3 – Sélectionnez le calque DV_AllThatJazz_trumpet et saisissez � + U(Ctrl + U) pour le passer en qualité optimale. Appuyez ensuite sur la touche Spour faire apparaître le paramètre d’échelle. Cliquez sur le chronomètre à gauchedu mot Échelle dans la fenêtre Montage pour placer la première image clé.

ÉTAPE 4 – Avancez la tête de lecture dans la composition. Diminuez la valeurd’échelle au minimum pour que la taille du calque soit la plus petite possible,sans révéler l’arrière-plan de la composition. Appréciez le mouvement par uneprévisualisation RAM.

ÉTAPE 5 – Il est fort probable que le cadrage de l’image ne soit plus satisfaisantune fois la deuxième image clé Échelle positionnée. Faut-il alors animer leparamètre Position ? Cela implique de retourner au début de la composition, derappeler la position, de placer une première image clé pour conserver la valeur initiale, puis de sedéplacer vers la seconde image clé Échelle et enfin d’ajouter une deuxième image clé Position enajustant les paramètres. Il faut également gérer les images clés par paires, pour éviter qu’elles nese désynchronisent l’une par rapport à l’autre. Malgré tout, vous allez constater que si vous modifiezà nouveau Échelle, la position de l’image flotte, obligeant à modifier une fois de plus les imagesclés. Dans ces conditions, vous êtes en droit de vous demander comment éviter de tourner en rondde la sorte.Il convient avant tout de bien comprendre ce qui est à l’origine du problème : nous avons en fait deux« centres » sur l’image. Le premier est le centre « visible » une fois l’image alignée. Le second est le pointd’ancrage du calque, représenté par un cercle avec un X au milieu, qui se trouve par défaut au centre du

Figure T2.8Étape 2 – Cadrage initial du trompettiste.

7

Page 7: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

A f t e r E f f e c t s M a s t e r c l a s s

2T u t o r i e l

© 2003 G

rou

pe E

yrolles

calque, mais pas nécessairement au centre de la portion d’image visible à l’écran(fig. T2.9). Si les deux centres ne sont pas alignés, les problèmes sont assurés !Gardez toujours à l’esprit que toutes les transformations, y compris cellesappliquées à l’échelle, sont centrées autour du point d’ancrage du calque. Ainsi,si vous augmentez la propriété d’échelle d’un calque, tous les pixels qui ne sontpas exactement centrés sur le point d’ancrage vont être repoussés vers lesextrémités. L’inverse se produit également si vous réduisez l’échelle.À la figure T2.9 ci-contre, le point d’ancrage se trouve au-dessus du nez du musicien,juste sur le rebord de son chapeau. Cependant, nous avons placé le calque dans lafenêtre Composition de telle sorte que son centre soit situé plus bas sur son nez, auniveau de la lèvre supérieure. Si vous augmentez les valeurs d’échelle, le pointd’ancrage ne semble pas bouger, puisque la variation d’échelle reste ancrée autourde ce point. Le seul mouvement provoqué est le glissement des lèvres, loin du centrede la composition. Essayez vous-même : en vous plaçant sur la seconde image clé,augmentez l’échelle en sélectionnant ce calque et en appuyant sur les touches Option(Alt) et + (plus) du pavé numérique ; la touche – (moins) sert à réduire l’échelle. Vouspouvez également faire varier cette valeur dans la fenêtre Montage.Plutôt que de chercher à contrecarrer le point d’ancrage, essayons de l’utiliser ànotre avantage. Effacez le calque, retournez au début de la composition (au temps00:00, voir l’étape 1 précédente), et appuyez sur les touches z + U (Ctrl + U). Nousallons procéder d’une toute autre manière.

ÉTAPE 2 (bis) – Dans la fenêtre Composition, vous constatez que la position pardéfaut du calque correspond au point d’ancrage centré dans la composition. Double-cliquez sur DV_AllThatJazz_trumpet pour ouvrir la fenêtre de calque associée, etdéplacez-la, de façon à ce qu’elle ne masque pas la fenêtre Composition. Cliquez surle petit triangle noir, en haut à droite de la fenêtre de calque, pour faire apparaître lemenu d’options ; sélectionnez Chemin du point d’ancrage pour être certain de bienintervenir sur le paramètre de cette fenêtre (fig. T2.10).

ÉTAPE 3 – Déplacez l’icône de point d’ancrage vers le point de l’image où voussouhaitez focaliser la caméra virtuelle. Si vous maintenez enfoncée la touche Majavant le déplacement, vous contraignez ainsi le mouvement le long des axes X ou Y.Dans le cas présent, placez le point d’ancrage juste sous le nez du musicien.

ÉTAPE 4 – Avec le calque DV_AllThatJazz-trumpet toujours sélectionné, appuyezsur la touche S pour faire apparaître la propriété d’échelle, et cliquez sur lechronomètre pour activer l’animation.

ÉTAPE 5 – Avancez la tête de lecture dans la composition. Diminuez la valeurd’échelle au maximum pour que la taille du calque soit la plus petite possible,sans révéler l’arrière-plan dans la fenêtre Composition ; vous avez atteint la limite

Figure T2.10Étape 2 bis – Pour définir et animer le point d’ancrage, ouvrez le calque dans sa propre

fenêtre de calque, et sélectionnez Chemin de point d’ancrage dans le menu d’options

en haut à droite.

Figure T2.9Le cercle surmonté d’un X symbolise le point

d’ancrage ; il s’agit du centre du calque autourduquel s’opèrent les variations d’échelle

et de rotation. S’il n’est pas aligné avec le centrede la fenêtre Composition (la croix au milieu),

il génère des problèmes de mouvement dès lorsque vous intervenez sur le paramètre Échelle.

8

Page 8: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

© 2

003

Gro

up

e E

yro

lles

A n i m a t i o n A l l T h a t j a z z

2T u t o r i e l

de recul de la caméra virtuelle (fig. T2.11). Si vous ne souhaitez pas reculer aussiloin, libre à vous d’opter pour une valeur d’échelle plus élevée. Lancez uneprévisualisation RAM pour apprécier votre nouveau mouvement de recul.

ÉTAPE 6 – Si vous n’appréciez pas le cadrage de fin, deux options s’offrent à vous.• Décider ce qui, du cadrage de départ ou d’arrivée, est le plus important. Placezensuite le repère temporel sur l’image clé de votre choix et déplacez le pointd’ancrage pour focaliser la caméra là où vous le souhaitez. Vous ne pouvez alorsqu’accepter la nouvelle valeur imposée à l’autre image clé.• Décider que la caméra virtuelle doit se déplacer durant le zoom, ce qui impliqued’ajouter une image clé pour le point d’ancrage (appuyez sur Option ou Alt +Maj + A pour l’ajouter dans la fenêtre Montage), tout comme pour l’échelle. Bienqu’elle ressemble à l’option précédente, cette solution est préconisée ; en effet,si vous revenez en arrière un peu plus tard et que vous décidez de modifier ànouveau la valeur d’échelle, votre image ne flotte pas hors du cadre, puisque lerecadrage est relatif au point d’ancrage qui a été recentré (en supposant que vousayez résisté à la tentation de modifier la position par défaut du calque, centréedans la composition).Vous pouvez à présent terminer cette animation en suivant les mêmes conseilsque ceux des étapes 6 à 8 pour la chanteuse, à savoir appliquer aux images clésl’assistant de point clé Lissage de vitesse, tout en les décalant l’une par rapport à l’autre, de façonà ce que le timing soit convenable. Vous pouvez également déplacer les images clés de telle sorteque la première apparaisse à 01:00 ou 02:00, pour ajouter un peu de poignées avant l’animation.Notez que vous pouvez aussi effectuer des déplacements de caméra comparables au premiermouvement que nous avons travaillé, en animant simplement le point d’ancrage au lieu de Position ;c’est ce que nous vous recommandons.Poursuivons maintenant en créant un mouvement dans lequel nous allons combiner un déplacementde caméra et un zoom.

L’outil Point d’ancrageL’outil de Déplacement arrière (raccourci clavier Y) peut aussi être utilisé pour placer le point d’ancragedirectement dans la fenêtre Composition. Ainsi, si vous déplacez le point d’ancrage vers le centre dela composition, le calque semble être dans la même position lorsque vous relâchez la souris, mais ilévoluera autour d’un nouveau point d’ancrage (la valeur de position est automatiquement compensée).Cette méthode est expliquée en détail au chapitre 6.

Figure T2.11Lorsque nous paramétrons l’échelle, le point d’ancrage reste centré dans la fenêtre Composition.

9

Page 9: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

A f t e r E f f e c t s M a s t e r c l a s s

2T u t o r i e l

© 2003 G

rou

pe E

yrolles

Zoom et panoramique

DV_AllThatJazz_duoNous allons maintenant combiner un déplacement de caméra et un zoom en animant parallèlementle point d’ancrage et l’échelle, de façon à effectuer un mouvement panoramique. Supprimez tousles calques qui se trouvent dans la composition Jazz*starter et appuyez sur la touche Home pourrevenir au début de la composition. Commençons par préparer les fenêtres.

ÉTAPE 1 – Dans le dossier Sources/Stills qui se trouve dans la fenêtre Projet, sélectionnezDV_AllThatJazz_duo, et saisissez � + + (Ctrl + +), (la touche + du clavier, et non celle du pavénumérique), pour l’inclure à la composition et pour placer la valeur de position (ainsi que celle dupoint d’ancrage) sur le centre de la composition. Appuyez sur � + U (Ctrl + U) pour appliquer unequalité optimale et activer l’anti-aliasing lors du zoom.Double-cliquez sur ce calque pour ouvrir la fenêtre associée. Comme la taille de cette dernière estrelativement importante, diminuez son affichage dans le menu zoom à 50 % ou 25 %. Positionnezles fenêtres Calque et Composition côte à côte, de façon à conserver une lisibilité dans chacuned’elles (fig. T2.12).

Notre photo est composée dedeux musiciens : un pianiste etun trompettiste. L’histoire quenous souhaitons raconter est lasuivante : le pianiste plaque sesaccords en rythme, avant d’êtrerejoint par le trompettiste. Aussi,notre mouvement de caméradoit-il commencer sur un grosplan des mains du pianiste pourarriver vers un cadrage plus largeincluant les deux visages.

ÉTAPE 2 – Assurez-vous que lecalque DV_AllThatJazz_duo estsélectionné dans la fenêtre Mon-tage, appuyez sur la touche Spour faire apparaître le para-mètre d’échelle, puis sur Maj + Apour ajouter le paramètre depoint d’ancrage. Activez l’anima-tion en cliquant sur le chrono-mètre pour chacune des deux

Figure T2.12Les fenêtres Calque et Composition ouvertes côte à côte permettent de dépla-cer plus facilement le point d’ancrage. Regardez la fenêtre Calque (à gauche) ;nous souhaitons effectuer un mouvement de caméra en partant des mains dupianiste pour arriver vers un plan large des visages des deux musiciens.

10

Page 10: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

© 2

003

Gro

up

e E

yro

lles

A n i m a t i o n A l l T h a t j a z z

2T u t o r i e l

propriétés : les premières images clés sont alors positionnées à l’instant 00:00 ; nous pourronstoujours les déplacer par la suite pour ajouter des poignées (fig. T2.13).

ÉTAPE 3 – Il n’est pas conseillé d’augmenter l’échelle au-delà de 100 % ; considérons cette valeurcomme point de départ du zoom. Dans la fenêtre Calque, assurez-vous que Chemin du point d’ancrageest sélectionné dans le menu d’options, puis décalez l’icône du point d’ancrage tout en surveillant lafenêtre Composition. Déplacez le point d’ancrage de façon à recadrer les mains du pianiste (fig. T2.14).

ÉTAPE 4 – Une partie des mains est maintenant hors cadre, et ce décalage sera amplifié si l’on tientcompte des zones admissibles. Diminuez sensiblement la valeur d’échelle (ce qui revient à reculer lacaméra virtuelle) en cliquant sur la valeur affichée dans la fenêtre de montage et en déplaçant le curseurde la souris vers la gauche. Une valeur proche de 80 % est souhaitable ; les doigts et les poignets dupianiste sont alors compris dans les zones admissibles (si ces zones ne sont pas visibles, activez-les).

ÉTAPE 5 – Pour ajuster le cadrage, déplacez le point d’ancrage dans la fenêtre Calque. Si vous avez dumal à ajuster précisément sa position, utilisez l’outil Zoom pour agrandir la zone autour des mains. Une

Figure T2.13Étape 2 – Nous allons animer le point d’ancrage et l’échelle ; affichez seulement leurs paramètres et activez l’animation.

Figure T2.15Étape 5 – Les mains sont convenablement cadrées. C’est àpartir de cette valeur de plan que nous allons commencernotre mouvement.

Figure T2.14Étape 3 – Nous avons convenablement placé notre Pointd’ancrage de façon à centrer les mains dans la Fenêtre decomposition, mais le zoom est un peu trop prononcé : il nousfaut réduire légèrement l’échelle.

11

Page 11: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

A f t e r E f f e c t s M a s t e r c l a s s

2T u t o r i e l

© 2003 G

rou

pe E

yrolles

fois l’ajustement terminé, appuyez sur la touche Option (Alt), toujours en utilisant l’outil zoompour prendre du recul et visualiser ainsi l’image dans son intégralité (fig T2.15).

ÉTAPE 6 – Avancez la tête de lecture dans la composition, autour de 08:00. Dans la fenêtreCalque, déplacez le point d’ancrage sur les visages afin d’obtenir un cadrage initial satisfaisantdans la fenêtre Composition. Diminuez la valeur d’échelle pour dézoomer légèrement, etmodifiez à nouveau la position du point d’ancrage jusqu’à ce que le cadrage vous convienne(fig. T2.16). Veillez à ne pas révéler une partie de l’arrière plan en vous déplaçant ou en reculanten dehors des zones admissibles.Sans doute avez-vous remarqué que la trajectoire du déplacement était désormais visibledans la fenêtre Calque, contrairement à la trajectoire relative au paramètre de position, quireste visible dans la fenêtre Composition comme dans les premiers exemples. Nousajusterons la trajectoire du point d’ancrage ultérieurement dans la fenêtre Calque.

ÉTAPE 7 – Lancez une prévisualisation RAM pour ce mouvement préliminaire (avec la touche 0du pavé numérique) ; c’est un bon début. Pour lisser les changements de vitesse, sélectionnez

toutes les images clés en cliquant sur point d’ancrage dans la fenêtre Montage, puis cliquez ànouveau sur Échelle en maintenant la touche Maj enfoncée. Appuyez alors la touche F9 (le raccourciclavier pour Animation/Assistant d’image clé/Lissage de la vitesse). Lancez à nouveau une prévisua-lisation RAM pour apprécier la différence.

ÉTAPE 8 – Nous sommes déjà bien loin d’un simple plan figé, mais nous pouvons encore améliorerle résultat. Pour commencer, regardez la courbe décrite par les bras du pianiste : un mouvementpotentiel ? Dans la fenêtre Calque, déplacez les tangentes de la courbe de Bézier du point d’ancragepour leur donner une forme d’hameçon qui épouse la courbure des bras du pianiste (fig. T2.17).N’exagérez rien de façon trop brutale : les mouvements de caméra doivent rester très fluides. N’allezpas non plus trop loin dans la courbure vers la gauche, vous seriez ensuite obligé de revenir versla droite. Lancez une prévisualisation RAM et affinez à votre guise.

ÉTAPE 9 – Nous arrivons à ce stade dans le domaine du subjectif ; en ce qui nous concerne, noussouhaiterions nous attarder davantage sur les mains avant de nous éloigner. Par ailleurs, aucunerègle ne spécifie qu’il faille impérativement conserver les paramètres par défaut du Lissage devitesse, ni que l’influence du point d’ancrage et celle de l’Échelle doivent être identique. Nous allonsdonc modifier ces valeurs. Affichez les paramètres d’échelle et de point d’ancrage, et ajustez-les enmodifiant leurs tangentes. Souvenez-vous que pour ajuster les tangentes, il faut d’abordsélectionner l’image clé, faute de quoi les tangentes ne sont pas visibles. Vous pouvez aussi appuyersur la touche Option (Alt), tout en double-cliquant sur une image clé, et entrer alors une valeurnumérique dans la boîte de dialogue Vélocité d’image clé.Si vous optez pour cette méthode, il est préférable de laisser les paramètres de vitesse à 0 pixel parseconde, de telle sorte que les mouvements en entrée et sortie de l’image clé restent progressifs.Nous pouvons néanmoins jouer sur le paramètre d’influence. Dans le cas présent où noussouhaitons nous attarder sur les mains, il nous faut ralentir le déplacement du point d’ancrage,

Figure T2.16Étape 6 – Les secondes images clés permettent

de dézoomer et de remonter vers les visages.

Figure T2.17Étape 8 – Sélectionnez les images clés et étirez

les poignées des tangentes pour créer un cheminde déplacement de caméra qui suive les bras

du pianiste.

12

Page 12: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

© 2

003

Gro

up

e E

yro

lles

ce qui revient à accroître l’influence de la première image clé. En d’autres termes, nous souhaitonsrester proche d’une valeur équivalente à 0 sur une plus longue période. Réciproquement, vouspouvez aussi réduire l’influence de la première image clé Échelle, afin d’amorcer le zoom arrièreplus rapidement (en d’autres termes, s’éloigner de la vitesse nulle plus rapidement).Quand vous approchez d’un zoom arrière qui vous satisfait dès les premières images clés, n’oubliezpas d’ajuster les secondes images clés (fig. T2.18). En effet, les images clés ont aussi une incidencesur le milieu du mouvement. N’hésitez surtout pas à revenir sur vos pas en modifiant le chemin depoint d’ancrage ; vous pouvez alors dessiner un arc plus ou moins prononcé dès lors que vous avezmodifié la vitesse. Si vous constatez un effet stroboscopique sur la partie rapide du mouvement,pensez à utiliser un flou de bougé (chapitre 9).

Figure T2.18Les images clés finales : nous nous éloignons rapidement, tout en remontant plus lentement vers le haut de l’image.

Il est indispensable de maîtriser la technique du mouvement de caméra ; After Effects propose unmeilleur contrôle qu’un banc-titre traditionnel. Il ne tient qu’à vous de vous entraîner ! Vous pouvezinventer de nouveaux scénarios avec ces images (en commençant par exemple le mouvement sur levisage du trompettiste, en incurvant la trajectoire du visage du pianiste vers ses mains). Vous pouvezaussi essayer des mouvements sur les autres images du dossier Sources/Stills sur le CD ; de nombreusesphotos de Digital Vision (comme les collections Beauty, Inner Gaze, Music Mix et The Body) se prêtentà ces exercices. Toutes comportent plusieurs centres d’intérêts et possèdent une définition permettantde zoomer fortement.

A n i m a t i o n A l l T h a t j a z z

2T u t o r i e l

13

Page 13: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

A f t e r E f f e c t s M a s t e r c l a s s

2T u t o r i e l

© 2003 G

rou

pe E

yrolles

Le grand jeu

Composition : AllThatJazz_finalPour terminer, voyons comment utiliser ces images avec des images animées afin de réaliser le génériqued’un documentaire fictif sur le jazz. Vous pouvez visualiser le générique final en cliquant sur l’image T2.1de ce PDF ou bien en ouvrant le fichier BT2-AllThatJazz.mov (Tutoriels/BT2-AllThatJazz). Ensuite, ouvrezla composition AllThatJazz_final dans le dossier Final version qui se trouve dans ce projet.

Calque 9 : SS_JazzTrioCette piste son a été créée à l’aide du logiciel SmartSound® for Multimedia de Sonic Desktop(www.sonicdesktop.com). Ce programme génère des pistes musicales de façon automatisée en sebasant sur un certain nombre de critères que vous précisez, tels que le style musical ou la duréesouhaitée. Dans cet exemple, la piste musicale provient de la section Cool Jazz de leur CD Dimensions,montée de façon plus complexe dans leur séquenceur.Nous avons balisé la piste son et ajouté des repères de calque ainsi que des commentairescorrespondant à des temps forts de la musique. Cela nous aide à ajuster précisément le timing denos images clés pour une meilleure synchronisation avec la musique.

Calque 8 : HD_bassguitar_xBACe rush HD_bassguitar_xBA fourni par Herd of Mavericks se trouve dans le dossier Sources du CD.Nous lui avons fait subir un traitement, grâce à l’un de nos filtres favoris issu de la collection BorisContinuum Complete : Multitone Mix et Gaussian Blur (fig. T2.19). Si vous avez ces plug-ins sous lamain, ouvrez le projet _Boris_preprocessmovs.aep (dans le dossier BT2-AllThatJazz sur le CD-Rom)pour vous rendre compte des nombreux effets mis en œuvre.Nous avons décalé ce calque pour le synchroniser au mieux avec la piste son (qui diffère de ce quejoue le bassiste) ; le départ a été fondu en entrée pour masquer le fait que le musicien jouait déjàavant que la musique ne commence.

Calque 7 : DV_AllThatJazz_singerCe calque correspond à la photo de la chanteuse, que nous avons utilisée précédemment pour réaliserun mouvement de caméra. Remarquez que l’image est inversée par rapport à la photo d’origine ; nousavons en effet inversé l’image horizontalement en affectant un coefficient négatif à la valeur Échellehorizontale (fig. T2.21). Nous avons également appliqué des couleurs plus chaudes à la photo aumoyen de Boris BBC Tritone (inclus gratuitement sur le CD). Une sauvegarde est enregistrée dans ledossier Bonus du CD : BorisTritone_sepia.ffx.

Calque 6 : DV_AllThatJazz_duoIl s’agit de la troisième photo qui a fait l’objet d’une étude dans ce tutoriel ; notre intervention aconsisté à animer à la fois la position de la caméra et le zoom, en paramétrant des images clés sur

14

Cré

dit

s (m

étra

ge)

Her

d o

f M

aver

icks

.

Figure T2.19Le plan initial de la guitare basse (ci-dessus),

puis après traitement avec Boris Multitone et Gaussian Blur (ci-dessous).

Page 14: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

© 2

003

Gro

up

e E

yro

lles

le point d’ancrage (pas la position) et l’échelle. Les couleurs de cette image ont également étémodifiées, selon le procédé Boris BCC Tritone.

Calque 5 : DigitalMavericks.aiIl s’agit du titre de notre générique, créé dans Illustrator avec les polices Pritchard Plain et BernardModern, et colorisé avec Effet/Rendu/Remplir, en échantillonnant une couleur qui nous plaisaitdepuis les images utilisées. Lors de la conception de ce clip, il a fallu penser, outre les mouvementssur les photos du duo et de la chanteuse, à trouver un emplacement suffisamment sombre pour faireressortir le titre (fig. T2.20).

Calque 4 : DV_AllThatJazz-trumpetCe calque représente le trompettiste de notre deuxième exemple. Remarquez que seule l’échelle estanimée ; une fois le point d’ancrage positionné, il n’est alors plus nécessaire d’animer les valeurs deposition et de point d’ancrage. Si vous parvenez à travailler avec moins d’images clés, le résultat estsouvent plus sobre et moins chargé. Double-cliquez sur ce calque si vous souhaitez vérifier la positiondu point d’ancrage. À nouveau, Boris BBC Tritone a été exploité pour la correction des couleurs.

Calque 3 : HD_sax swing_xBAVoici un autre élément de métrage provenant de Herd of Mavericks que nous avons retravaillé. En plusd’appliquer l’effet Boris Multitone Mix et Gaussian Blur, nous avons eu recours à une Interpolation(voir chapitre 8) ainsi qu’à un Remappage temporel à la fin du clip, de façon à prolonger suffisammentle plan sous notre titre de fin (fig. T2.21). Si vous disposez des effets Boris Continuum Complete, ouvrez

Figure T2.20L’image de la chanteuse a été inversée horizontalement de façon à ce que le titre DigitalMavericks apparaisse dans un espace vide, et se retrouve ainsi au-dessus de la main du pianiste dans la seconde image.

A n i m a t i o n A l l T h a t j a z z

2T u t o r i e l

15

Page 15: Tutoriel Animation All That jazz -   · PDF fileAnimation All That jazz Donnez de la vie aux images fixes en induisant un mouvement grâce au point d’ancrage

A f t e r E f f e c t s M a s t e r c l a s s

2T u t o r i e l

© 2003 G

rou

pe E

yrolles

le projet _Boris_preprocess movs.aep pour voir exactement la manière dont nous avons traité le rushinitial. On peut approcher d’un tel résultat grâce à Effet/Image/Colorama, en appliquant la recettedécrite dans « Nouvel effet » au chapitre 24.

Calque 2 : AllThatJazz_layers.aiIl s’agit du titre de fin, à nouveau conçu dans Illustrator au moyen de la police de caractère PritchardPlain. Le changement de couleur est pris en charge par Effet/Rendu/Remplir. En complément, Effet/Perspective/Ombre portée permet de détacher le titre du fond (fig. T2.22). Dans les deux cas, nousavons échantillonné les couleurs sur un point de la fenêtre de composition pour rester cohérents avecla tonalité globale.

Calque 1 : Solid_fade to blackComment fondre au noir toute une série de calques en une seule étape ? Animer individuellement lesopacités créerait des problèmes. Une astuce rapide consiste à fondre un aplat noir de taille identiqueà la composition, placé au somment de la pile des calques. À vous de jouer : réalisez votre propregénérique d’ouverture, en utilisant les mêmes images, mais en modifiant les ordres d’apparition, etpourquoi pas, les mouvements de caméra. Par exemple, comme la musique démarre par la basse,puis le piano et la trompette, il peut être intéressant de placer la photo du duo avant celle de lachanteuse, tout en déplaçant le mouvement de caméra des mains du pianiste vers le trompettiste, letout synchronisé sur la musique. Le titre de fin a aussi été créé dans Illustrator ; chaque mot estaffecté à un calque indépendant. Essayez d’importer à nouveau ce fichier, et faites apparaître chaquemot indépendamment. Vous pouvez aller plus loin encore, en remplaçant la piste son par votre airde jazz favori pour aboutir à un générique totalement différent !

Figure T2.22Le titre a été créé sous Illustrator et colorisé avec

l’effet Remplir. Une ombre portée a été ajoutéepour le détacher du fond.

Figure T2.21Le plan initial du saxophone (ci-dessus),

puis après traitement avec Boris Multitone et Gaussian Blur (ci-dessous).

16

Cré

dit

s (m

étra

ge)

Her

d o

f M

aver

icks

.