AnimAtion d’une présentAtion multimédi A · 2012. 11. 9. · 122 leçon 5 Animation d’une présentation multimédia 2. Dans la colonne Parent de n’importe lequel des calques

119

AnimAtion d’une présentAtion multimédiA

Au cours de cette leçon, vous apprendrez à :• créer une animation multicalque complexe ;

• ajuster la durée d’un calque ;

• masquer une vidéo à l’aide d’un masque de forme ;

• animer avec les images clés de position, d’échelle et de rotation ;

• animer un calque précomposé ;

• appliquer l’effet Ondes radio sur un calque solide ;

• ajouter une piste audio à un projet ;

• mettre en boucle une piste audio avec le remappage temporel.

Cette leçon vous prendra environ une heure. Si vous ne l’avez pas déjà fait, copiez le dossier Lesson05 depuis le DVD-ROM Adobe After Effects CS6 Classroom in a Book sur votre disque dur. Au cours de cette leçon, vous ne modifierez pas les fichiers de départ. Si vous devez néanmoins revenir à la version d’origine du fichier, copiez-le de nouveau depuis le DVD-ROM.

5

05-CIABAfterEffectsCS6FR.indd 119 08/10/2012 10:31:56

© 2012 Pearson France – Adobe® After Effects® CS6 – Adobe Press

120 leçon 5 Animation d’une présentation multimédia

préparatifsPour ce projet, l’illustrateur professionnel Gordon Studer a créé un fichier Photoshop d’une scène urbaine comprenant plusieurs objets sur des calques distincts, que vous allez animer dans After Effects. Il a même préparé un projet After Effects contenant ce fichier multicalque Photoshop ainsi que les fichiers vidéo et audio dont vous aurez besoin plus tard dans cette leçon.

Vous allez animer une illustration de ce visage graphiste en train de conduire une voiture devant un fond urbain qui défile. À la fin de l’animation, la voiture laissera la place à un chevalet sur lequel seront présentés en diaporama des exemples de ses travaux. Cette animation est assez complexe. Vous commencerez par animer le fond et certains objets pour que la caméra virtuelle semble effectuer un long travelling de gauche à droite. Puis vous animerez le déplacement de la voiture sur la route et mas-querez le visage de l’illustrateur installé au-dessus du volant. Vous animerez ensuite quelques autres véhicules et immeubles pour ajouter de l’intérêt au fond de scène. Vous terminerez par l’animation du diaporama sur le chevalet.

1. Assurez-vous que les fichiers suivants se trouvent sur votre disque dur dans le dossier AECS6_CIB/Lessons/Lesson05 ou bien copiez-les depuis le DVD-ROM Adobe After Effects CS6 Classroom in a Book :

• dans le dossier Start_Project_File : Lesson05_Start.aep ;

• dans le dossier Assets : CarRide.psd, GordonsHead.mov, piano.wav et plusieurs images JPEG dont les noms commencent par “studer_” ;

• dans le dossier Animation_preset : HeadShape.ffx ;

• dans le dossier nommé Sample_Movies : Lesson05.mov.

2. Ouvrez et lancez la lecture de la séquence d’exemple Lesson05.mov pour juger du résultat à atteindre en fin de leçon. Quittez ensuite le lecteur QuickTime. Vous pouvez supprimer le fichier d’exemple si l’espace est compté sur votre disque dur.

Restaurez les paramètres d’application par défaut d’After Effects lors de son lancement. (Reportez-vous à la section “Rétablissement des préférences par défaut” de l’Introduction.)

3. Lancez After Effects et appuyez immédiatement sur Ctrl+Alt+Maj (Windows) ou Cmd+Option+Maj (Mac OS) pour restaurer les préférences par défaut. Cliquez sur OK pour confirmer la suppression du fichier de préférences.

4. Cliquez sur Fermer dans l’écran de bienvenue.



Adobe AFTeR eFFeCTS CS6 ClASSRoom in A book 121

5. Cliquez sur Fichier > Ouvrir un projet.

6. Parcourez votre disque dur jusqu’au dossier AECS6_CIB/Lessons/Lesson05/Start_Project_File. Sélectionnez le fichier Lesson05_Start.aep et cliquez sur Ouvrir.

La composition CarRide s’ouvre dans les panneaux Composition et Montage.

7. Cliquez sur Fichier > Enregistrer sous > Enregistrer sous.

8. Dans la boîte de dialogue Enregistrer sous, placez-vous dans le dossier AECS6_CIB/Lessons/Lesson05/Finished_Project, donnez au projet le nom Leçon05_Final.aep et cliquez sur Enregistrer.

Animation de la scène par filiationPour animer les différents éléments de la scène de façon efficace au niveau du fond, vous allez profiter du processus de filiation parent-enfant entre calques. Comme vous l’avez vu au cours de la Leçon 3, la création d’une relation de filiation permet de synchroniser les changements effectués dans le calque parent en les répercutant aux valeurs dans le ou les calques enfants. Vous avez employé ce processus dans la Leçon 3 pour propager les modifications d’échelle d’un calque à un autre. Vous allez vous en servir ici pour synchroniser les mouvements des objets dans trois calques différents. Il s’agit des calques leaves (feuilles), full skyline (ciel) et FG (foreground, premier plan), par rapport au calque d’arrière-plan BG (background).

préparer la filiationPour commencer, vous allez établir la relation parent-enfant entre les différents calques dans le panneau Montage.

1. Dans le panneau Montage, cliquez en maintenant la touche Ctrl (Windows) ou Cmd (Mac OS) enfoncée sur les calques leaves, FG et full skyline pour les sélectionner.




2. Dans la colonne Parent de n’importe lequel des calques sélectionnés, choisissez 8. BG sur la liste. Vous définissez ainsi une relation de filiation entre les trois calques sélectionnés et le calque parent BG (le fond).

�Astuce: Si vous ne voyez pas la colonne Parent, cliquez sur Colonnes > Parent dans le menu du panneau montage.

Animer le calque parentVous allez maintenant animer la position du calque de fond, qui est le calque parent, pour qu’il se déplace horizontalement. Les calques enfants effectueront alors le même mouvement.

1. Appuyez sur la touche Origine ou déplacez l’Indicateur d’instant courant au début de l’échelle de temps.

2. Sélectionnez le calque BG dans le panneau Montage et pressez la touche P pour afficher sa propriété Position.

3. Donnez à la propriété Position du calque BG les valeurs 1029, 120 et cliquez sur l’icône Chronomètre ( ) pour insérer une image clé de Position. Cela déplace le calque de fond sur le bord gauche de la scène, comme si la caméra avait été déplacée.

4. Placez-vous à 10:15.

�Astuce: Pour atteindre rapidement une image, pressez les touches Alt+maj+J (Windows) ou option+maj+J (mac oS) afin d’ouvrir la boîte de dialogue Atteindre l’instant, puis saisissez directement la valeur souhaitée sans ponctuation (par exemple 1015pour 10:15). Validez ensuite par la touche entrée ou Retour.




5. Réglez les valeurs de la propriété Position du calque BG à –626, 120. After Effects insère automatiquement une seconde image clé et vous montre la trajectoire de l’animation dans la fenêtre de composition. Le fond traverse à présent la composition. Les calques leaves, full skyline et FG étant enfants du calque BG, ils se déplacent également horizontalement à partir de la même position de départ.

6. Sélectionnez le calque BG et pressez la touche P pour cacher ses propriétés et maintenir le panneau Montage organisé.

Animer la position de l’abeilleUn autre élément de la composition, l’abeille, doit également traverser la scène au début de l’animation. Vous allez l’animer maintenant.

1. Appuyez sur la touche Origine ou placez-vous à 0:00.

2. Sélectionnez le calque Bee dans le panneau Montage et pressez la touche P pour afficher sa propriété Position. L’abeille n’est pas visible à 0:00 dans la fenêtre de composition.

3. Donnez à la propriété Position du calque Bee les valeurs 825, 120 pour que l’abeille soit hors de l’écran à gauche en début d’animation. Cliquez ensuite sur l’icône Chronomètre ( ) pour insérer une image clé de Position.

4. Placez-vous à 1:00 et donnez à la propriété Position du calque Bee les valeurs 1411, 120 pour placer l’abeille hors de l’écran à droite. After Effects ajoute une image clé.

5. Sélectionnez le calque Bee et appuyez sur la touche P pour masquer sa propriété Position dans le panneau Montage.

�Astuce: Vous pouvez aussi changer les valeurs de position du calque bee en déplaçant celui-ci dans le panneau Composition avec l’outil Sélection jusqu’à ce qu’il se trouve dans la bonne position.




réduire la durée d’un calqueComme l’abeille ne doit plus être visible dans la composition après 1:00, vous devez réduire la durée de ce calque. Limiter (ou masquer) le début ou la fin d’un métrage permet de décider quelles images sont les premières ou les dernières à s’afficher dans la composition. La première image visible correspond au point d’entrée et la dernière au point de sortie. Vous pouvez donc réduire la durée d’un calque en modifiant les valeurs des points d’entrée et de sortie dans le panneau Calque ou dans le panneau Montage, selon ce que vous souhaitez changer. Pour cet exemple, vous allez modifier le point de sortie du calque Bee dans le panneau Montage.

1. Assurez-vous que l’Indicateur d’instant courant est à 1:00 et que le calque Bee est sélectionné dans le panneau Montage.

2. Appuyez sur Alt+$ (Windows) ou Option+$ (Mac OS) pour définir le point de sortie du calque à 1:00.

Appliquer un flou de mouvementPour finir l’animation de l’abeille, vous allez appliquer un flou directionnel (ou flou de bougé) afin de rendre le mouvement plus réaliste.

1. Cliquez sur l’option Flou de mouvement ( ) du calque Bee pour appliquer un flou directionnel.

2. Cliquez sur le bouton Applique le flou de bougé ( ) en haut du panneau Montage pour que le flou directionnel soit visible dans la fenêtre de composition.

prévisualiser l’animationUne prévisualisation manuelle vous montrera comment les différents éléments de la scène s’animent.

1. Déplacez l’Indicateur d’instant courant entre 0:00 et 10:15. L’animation du fond, de l’abeille, des objets du premier plan et des objets dans le ciel simule un travelling de gauche à droite.

�Astuce: Vous pouvez également déplacer le bord droit de la barre de durée du calque vers la gauche pour modifier le point de sortie.




2. Amenez ensuite l’Indicateur d’instant courant à 0:00, puis cliquez sur Fichier > Enregistrer pour sauvegarder votre travail.

Ajustement d’un point d’ancrageMaintenant que le mouvement du décor est terminé, il est temps d’animer l’artiste dans sa petite voiture rouge afin qu’il semble cheminer le long de la composition. Vous devez d’abord déplacer le point d’ancrage du calque contenant la voiture rouge (le calque Artist) sans déplacer la position relative de ce calque dans la composition. Pour modifier le point d’ancrage d’un calque, vous devez l’ouvrir dans le panneau Calque.

1. Double-cliquez sur le calque Artist dans le panneau Montage pour l’ouvrir dans son propre panneau Calque.

2. Choisissez Chemin du point d’ancrage dans le menu Afficher situé au bas du panneau, afin de visualiser le point d’ancrage du calque qui se trouve au centre par défaut.

3. Sélectionnez l’outil Déplacement arrière ( ) dans le panneau Outils (ou pressez la touche Y pour l’activer).

4. Choisissez Ajuster jusqu’à 100 % dans le menu déroulant Zoom si nécessaire pour voir la totalité du calque, puis faites glisser le point d’ancrage dans le coin inférieur gauche de la voiture.

5. Cliquez sur l’onglet Composition : Car Ride pour afficher cette composition.

6. Sélectionnez le calque Artist dans le panneau Montage et pressez la touche P pour afficher sa propriété Position.




7. Donnez à la propriété Position du calque Artist les valeurs 50, 207 pour que la voiture soit centrée dans l’image, puis cliquez sur l’icône Chronomètre ( ) pour insérer une image clé de position. Cette position temporaire vous permet de voir la voiture pendant que vous mettez en place le visage du conducteur avec un masque. Vous animerez ensuite la voiture pour qu’elle se déplace de droite à gauche dans la composition.

8. Sélectionnez le calque Artist et pressez la touche P pour cacher sa propriété Position, puis cliquez sur Fichier > Enregistrer.

masquage d’une vidéo à l’aide de formes vectoriellesMaintenant que la voiture est en place, vous pouvez ajouter le conducteur. Pour cela, vous allez appliquer une animation prédéfinie afin de créer un masque à partir d’un calque de forme. Cette forme permettra de détourer le visage et de transformer une photo de face en vue de profil, ce qui correspond au style picassien typique de Gordon Studer.

Créer une nouvelle compositionPour mieux gérer le mouvement de ce calque par la suite, vous allez créer une nouvelle composition que vous ajouterez à la composition principale.

1. Dans le panneau Projet, faites glisser le métrage GordonsHead.mov du dossier source sur le bouton Créer une nouvelle composition ( ) situé au bas du panneau.

After Effects crée une nouvelle composition nomméonsHead, fondée sur les paramètres de la séquence vidéo, et l’ouvre dans les panneaux Montage et Composition.

�Note: Pour en savoir plus sur les masques, consultez la leçon 7.




Malheureusement, la vidéo GordonsHead n’est pas dans la même résolution que la composition CarRide, et vous devez corriger cela.

2. Cliquez sur Composition > Paramètres de composition.

3. Dans la boîte de dialogue Paramètres de composition, réglez la Largeur à 360 pixels. Si l’option Verrouiller le format des pixels est activée, After Effects modifie automatiquement la Hauteur à 240 pixels. Cliquez sur OK.

Vous allez maintenant redimensionner le calque pour que sa taille corresponde à celle de la composition.

4. Sélectionnez le calque GordonsHead dans le panneau Montage, puis cliquez sur Calque > Géométrie > Ajuster à la composition.




utiliser les animations prédéfinies avec les calques de formeSi vous êtes une personne créative comme Gordon Studer, vous pouvez créer des calques de forme et les enregistrer en tant que paramètres prédéfinis pour les reprendre dans d’autres projets. Vous allez appliquer une animation prédéfinie sur un calque de forme afin de modifier l’apparence de la tête de Gordon.

1. Cliquez sur Calque > Créer > Calque de forme. After Effects ajoute un nouveau calque de forme à la composition.

2. Sélectionnez le calque Calque de forme 1 dans le panneau Montage, puis cliquez sur Animation > Parcourir les paramètres prédéfinis. Adobe Bridge s’ouvre alors.

3. Dans Adobe Bridge, naviguez jusqu’au dossier AECS6_CIB/Lessons/Lesson05/Animation_preset.

4. Double-cliquez sur le fichier HeadShape.ffx pour l’appliquer sur le calque Calque de forme 1. Vous pouvez ensuite fermer Adobe Bridge ou le laisser ouvert pour la suite de cette leçon.

masquer un calque avec un cache alphaPlusieurs techniques permettent de masquer les calques dans After Effects. Vous pouvez, par exemple, recourir aux outils de forme pour tracer un masque. Dans cette leçon, vous allez appliquer un cache alpha qui utilise la couche alpha d’un calque pour masquer un autre calque.

1. Cliquez sur Afficher/masquer options et modes au bas du panneau Montage pour afficher la colonne Mode.

2. Dans le menu déroulant Cache du calque GordonsHead, choisissez Alpha Calque de forme 1.




Le calque est maintenant masqué par le calque de forme.

remplacer le contenu d’un calque par une compositionÀ présent que le visage de Gordon est masqué par la forme vectorielle, vous devez lier l’ensemble à la voiture. Vous allez travailler dans la composition principale CarRide et transférer la composition GordonsHead dans le calque head qui est, pour l’instant, un calque solide vide.

1. Cliquez sur l’onglet de la composition CarRide dans le panneau Montage.

2. Sélectionnez le calque head dans le panneau Montage. Maintenez la touche Alt (Windows) ou Option (Mac OS) enfoncée et faites glisser la composition GordonsHead depuis le panneau Projet pour la déposer sur le calque head dans le panneau Montage.

3. Activez l’outil Sélection ( ) et déplacez le calque head dans le panneau Composition pour que le visage soit correctement placé au niveau du volant de la voiture.

Vous allez de nouveau utiliser le processus de filiation pour que la tête de Gordon se déplace en même temps que la voiture.




4. Dans le panneau Montage, choisissez 2. Artist dans le menu Parent du calque head.

5. Cliquez sur Fichier > Enregistrer pour sauvegarder votre projet.

Création d’images clés de mouvementVous êtes maintenant prêt à animer la voiture pour qu’elle se déplace dans la com -position, qu’elle augmente de taille vers la moitié de la séquence, comme si elle se rapprochait de la caméra, puis qu’elle fasse un démarrage sur les chapeaux de roue et sorte de l’écran. Vous allez commencer par installer une image clé de position de la voiture pour qu’elle soit visible à l’écran.

1. Appuyez sur la touche Origine ou déplacez l’Indicateur d’instant courant au début de l’échelle de temps.

2. Dans le panneau Montage, cliquez sur l’option Vidéo ( ) du calque leaves pour le masquer et ainsi mieux voir le calque Artist.

3. Sélectionnez le calque Artist dans le panneau Montage et rendez visibles toutes ses propriétés Transformer.

4. Donnez à la propriété Position les valeurs –162, 207 pour déplacer le calque Artist en dehors de l’écran sur la gauche (derrière les feuilles).

�Note: il existe déjà une image clé à cet instant, suite à l’exercice concernant le point d’ancrage.




5. Placez-vous à 2:20 et changez les valeurs de la propriété Position du calque Artist en 54,5, 207. After Effects insère une image clé.

6. Placez-vous à 6:00 et cliquez sur le bouton Ajoute ou supprime une image clé à l’instant courant (dans la colonne des options) pour le calque Artist. Cela ajoute une image clé de position pour ce calque avec les mêmes valeurs (54,5, 207).

Lorsque vous animez la propriété Position d’un calque pour le déplacer, After Effects affiche le mouvement sous la forme d’une trajectoire. Vous pouvez créer une trajectoire relativement à la position du calque ou à celle de son point d’ancrage. La trajectoire de position s’affiche dans le panneau Composition et celle du point d’ancrage s’affiche dans le panneau Calque. Les trajectoires sont formées d’une série de points, chaque point correspondant à la position du calque ou du point d’ancrage dans chaque image. Les carrés symbolisent la position d’une image clé. Le nombre de points entre chaque carré indique la vitesse relative du calque. Plus les points sont proches les uns des autres et plus la vitesse est lente.

modifier l’échelle et la rotation avec des images clésLa voiture se rapproche de l’écran par zoom. Vous allez donner l’impression qu’elle se rapproche de la caméra en augmentant sa taille. Vous lui appliquerez ensuite une rotation pour qu’elle démarre sur les roues arrière au moyen de la propriété Rotation.

1. Placez-vous à 7:15 et donnez à la propriété Échelle du calque Artist les valeurs 80, 80 %. Cliquez ensuite sur le Chronomètre ( ) pour insérer une image clé d’échelle.

�Note: Vous ne pouvez pas ajouter une image clé ici en cliquant sur le Chronomètre, qui est déjà activé. After effects n’ajoute pas automatiquement de nouvelle image clé si vous ne modifiez pas les valeurs. Vous devez donc cliquer sur le bouton Ajoute ou supprime une image clé à l’instant courant pour ajouter une image clé en conservant les mêmes valeurs.




2. Allez à 10:10 et donnez à la propriété Position du calque Artist les valeurs 28, 303. After Effects insère une image clé.

3. Toujours à 10:10, changez les valeurs de la propriété Échelle en 120, 120 %. After Effects ajoute une image clé.

4. Toujours à 10:10, cliquez sur l’icône Chronomètre ( ) de la propriété Rotation pour insérer une image clé de rotation avec la valeur par défaut 0,0°.

5. Placez-vous à 10:13 et modifiez la valeur de Rotation en 0x–14,0°. After Effects ajoute une image clé et l’avant de la voiture se relève.

Il vous reste à animer la disparition de la voiture par la droite de l’écran.

6. Placez-vous à 10:24 et réglez les valeurs de Position pour le calque Artist à 369, 258. After Effects ajoute une image clé.



Documents

AnimAtion d’une présentAtion multimédi A · 2012. 11. 9. · 122 leçon 5 Animation d’une présentation multimédia 2. Dans la colonne Parent de n’importe lequel des calques