Cours 2¶

Bases de l’animation¶

Lissage¶

Le lissage de vitesse (ease) est une fonction qui permet de lisser la vitesse d'une animation en créant une transition fluide entre les mouvements, en ralentissant le début (ease in) ou la fin (ease out) d'une interpolation pour un rendu plus naturel et agréable.

Le lissage de vitesse

Panneau Caractère

Pour retirer le lissage de vitesse d'une image-clé : clique-droit sur l'image-clé sélectionné / Interpolation d'image-clé. Dans la boite de dialogue, dans la liste Interpolation temporelle", sélectionnez linéaire.

Les 12 principes de l’animation¶

L'origine¶

Disney Animation: The Illusion of Life¹ (1981)

Feuilleter l'œuvre complète

Dans ce livre, les auteurs ont étudié les principes d'animation des années 1930 et ont classé les différentes approches en 12 principes fondamentaux.

1. Écrasement et étirement¶

Sans doute le plus fondamental des 12 principes de l'animation.

Donne une impression de poids ou de flexibilité aux objets ou aux personnes.

Par exemple, une balle rebondissante. Lorsqu'elle touche le sol, vous pouvez écraser la balle pour l'aplatir et l'élargir.

Squash & Stretch | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

2. Anticipation¶

Utilisation d'une petite action pour indiquer qu'une action majeure est sur le point de se produire.

La technique d'anticipation prépare subtilement le spectateur à la suite d'un mouvement.

Anticipation | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

3. Mise en scène¶

La mise en scène est la présentation d'une idée de manière à la rendre parfaitement claire pour le spectateur.

C'est l'art de diriger l'attention du spectateur vers l'élément essentiel de la scène et d'amplifier une émotion.

Staging | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

4. Animation directe et pose clé¶

Deux techniques d'animation : enchaînement fluide image par image ou travail à partir de positions clés.

Animation directe (Straight Ahead Action) : Cette technique consiste à dessiner image par image de manière séquentielle, permettant de créer des mouvements fluides et dynamiques, souvent utilisés pour les animations d'action ou les effets naturels.

Pose clé (Pose to Pose) : Cette méthode implique de dessiner d'abord les poses clés principales de l'animation, puis d'ajouter les images intermédiaires, offrant un meilleur contrôle du rythme et de la cohérence du mouvement.

Straight Ahead & Pose to Pose | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

5. Conséquence et chevauchement¶

Ajout de mouvements secondaires qui continuent après l'arrêt du mouvement principal (conséquence).

Le décalage dans le rythme des différentes parties d'un sujet (chevauchement) crée ainsi un sentiment de réalisme et simule l'inertie/masse.

Follow Through & Overlapping Action | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

6. Lissage¶

Ralentissement progressif en début et fin d'action pour créer un sentiment réaliste d'accélération et de décélération.

Slow In & Slow Out | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

7. Arcs de mouvement¶

Trajectoires courbes suivies par les objets ou les personnages en mouvement, reflétant les lois naturelles du mouvement et permettant d'obtenir des animations plus fluides et réalistes.

Arcs | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

8. Action secondaire¶

Actions secondaires qui enrichissent l'action principale.

Secondary Action | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

9. Rythme et synchronisation¶

L'ajustement du nombre d'images pour modifier la perception de la vitesse d'une animation.

La personnalité et la nature d'une animation sont grandement influencées par le nombre d'images insérées entre chaque action principale.

Timing | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

10. Exagération¶

Dramatise ou intensifie une action afin de la rendre plus expressive et compréhensible pour le spectateur.

Exaggeration | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

11. Dessin de volume¶

Représenter des formes avec du volume et du poids pour donner l'illusion de 3D

Solid Drawing | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

12. Attrait visuel¶

Captiver le public en créant une animation simple, claire et attrayante

Appeal | AlanBeckerTutorials (en anglais mais possibilité de sous-titrer en français)

Exercices¶

Exercices - After Effects | Adobe.com
1. Trajectoire courbe
2. Outil de forme
3. Liaison parent-enfant

Exercice - After Effects
3 principes de l'animations

Exercice - After Effects
La balle de tennis

Exercice - After Effects
Le totem en LEGO

Disney Animation: The Illusion of Life (Wikipedia, en anglais) : https://en.wikipedia.org/wiki/Disney_Animation:_The_Illusion_of_Life ↩