Création de personnages animés à partir d’images fixes avec After Effects
L’outil Marionnette, l’une de mes fonctions préférées dans Adobe® After Effects® CS3, a tout pour donner à la plupart des gens l’envie de jouer les docteurs Frankenstein. C’est le moyen le plus simple de créer des personnages animés à partir d’images fixes, et je vais vous montrer comment faire en me servant d’une image extraite de notre tournage « Aquo » réalisé à Whistler, en Colombie-Britannique (Canada).
Prérequis
Pour suivre cet article, vous devez utiliser le logiciel suivant :
Adobe After Effects CS3
Adobe Photoshop CS3
Connaissances prérequises :
Connaissances générales et maîtrise élémentaire de Photoshop CS3 et After Effects CS3
Animation d’une image fixe
Ces petits oiseaux étaient absolument partout et j’ai pensé qu’il serait amusant de voir celui-ci donner du bec sur le pneu de ce vélo.
Figure 1 : image source pour mon animation.
Avant de commencer, vous devez séparer le personnage (dans mon cas, l’oiseau) de l’arrière-plan de l’image dans Adobe Photoshop®. J’ai sélectionné l’oiseau à l’aide de l’outil Sélection rapide (vous pouvez voir la sélection dans l’image ci-dessus), je l’ai retiré de l’arrière-plan et j’ai utilisé l’outil Tampon de duplication pour nettoyer le calque d’arrière-plan. Pour plus d’informations sur ces outils, consultez les rubriques Sélection avec l’outil Sélection rapide et Retouche à l’aide de l’outil Tampon de duplication dans Photoshop LiveDocs.
Figure 2 : l’oiseau, l’arrière-plan et le calque d’arrière-plan nettoyé.
- Sélectionnez la commande Fichier > Importer > Fichier pour importer votre fichier Photoshop dans After Effects. Veillez à sélectionner l’option Composition dans le menu déroulant Importer sous de la boîte de dialogue Importation.
- Cliquez deux fois sur le fichier Photoshop importé dans le panneau Projet, puis sélectionnez l’outil Coin marionnette (il ressemble à une épingle et se trouve à droite sur la barre d’outils After Effects).
Figure 3 : outil Coin marionnette sur la barre d’outils After Effects.
- Sélectionnez le calque dans le montage, puis l’outil Coin marionnette et enfin cliquez sur l’image pour y placer les coins. Placez les coins sur le personnage selon le mouvement que vous souhaitez lui donner. Vous obtiendrez de meilleurs résultats en limitant le nombre de coins utilisés. Dans le cas de mon oiseau, j’en ai placé un sur sa tête, sa patte, sa queue et son dos.
Figure 4 : coins marionnette placés sur la tête, la patte, la queue et le dos de l’oiseau.
- Pour animer les coins, vous pouvez afficher les commandes de l’outil Coin marionnette dans le montage et définir des images clés. Néanmoins, la méthode la plus simple consiste à utiliser l’outil Dessin de trajectoire (voir l’étape suivante).
- Pour utiliser l’outil Dessin de trajectoire, appuyez sur la touche Commande (Mac) ou Ctrl (Win) et placez le curseur sur un coin. Le curseur prend alors la forme d’un chronomètre.
Figure 5 : le curseur prend la forme d’un chronomètre lorsque vous utilisez l’outil Dessin de trajectoire.
- Tout en maintenant la touche Commande ou Ctrl enfoncée, cliquez sur le coin et faites-le glisser pour enregistrer les mouvements de la souris en temps réel ; vous verrez apparaître le contour de votre personnage au cours du tracé.
Il est vraiment très facile d’enregistrer une animation en procédant de cette façon. Vous pouvez tracer plusieurs trajectoires pour animer autant de coins que vous le souhaitez ; les trajectoires enregistrées sont visibles au cours de l’enregistrement de nouvelles trajectoires de sorte que vous pouvez aisément synchroniser le mouvement.
J’ai commencé par dessiner une trajectoire permettant simplement de faire bouger la queue de l’oiseau, puis j’ai tracé le mouvement de sa tête pour qu’il donne des coups de bec dans le pneu. Ensuite, j’ai animé l’échelle de la scène en définissant un zoom avant dans le temps. Lorsque vous avez terminé, choisissez la commande Composition > Prévisualisation > Prévisualisation RAM pour afficher un aperçu de votre travail. Voici ce que j’ai obtenu :
This content requires Flash
To view this content, JavaScript must be enabled, and you need the latest version of Adobe® Flash® Player.
Download the free Flash Player now!
Que faire maintenant
Il s’agit là d’un exemple très simple. Vous pouvez aller beaucoup plus loin avec cet outil. Lorsque vous maintenez le bouton Coin marionnette enfoncé sur la barre d’outils, les outils Recouvrement marionnette et Empois marionnette s’affichent.
L’outil Recouvrement marionnette permet de contrôler les parties du personnage à afficher au-dessus ou au-dessous des autres, tandis que l’outil Empois marionnette permet, comme son nom l’indique, de fixer les coins et d’éviter ainsi les distorsions indésirables. Il vous suffit de cliquer sur le personnage pour appliquer l’un ou l’autre de ces outils.
Pour plus d’informations sur l’utilisation d’After Effects, y compris l’outil Marionnette, consultez les ressources suivantes :
Vous avez terminé ce didacticiel et souhaitez partager les résultats de votre dur labeur avec la communauté ? Postez un lien vers votre travail sur le blog Web et vidéo du Pôle de création *!
