Métier
Anticipation et chevauchement : ce qui distingue un travail pro
L’anticipation et le chevauchement font la différence entre un mouvement mécanique et une animation vivante. Principes, exemples et erreurs à éviter.
Déplacer un bloc de A à B, c’est du mouvement. Lui donner de la vie, c’est de l’animation. Deux principes, parmi ceux décrits par Frank Thomas et Ollie Johnston dans *The Illusion of Life* (1981), font l’essentiel de cette différence : l’anticipation et le chevauchement.
L’anticipation
Avant de sauter, on plie les genoux. L’anticipation est ce petit mouvement préparatoire, en sens inverse, qui annonce l’action. Pour un titre qui entre à l’écran, cela peut être un léger recul avant la poussée. Il prévient l’œil de ce qui va arriver et donne du poids.
- Gardez-la brève : quelques images suffisent.
- Proportionnez-la à l’action : un grand mouvement demande un plus grand élan.
- Évitez-la pour une apparition douce ; elle n’est pas obligatoire partout.
Le chevauchement
Dans la réalité, les parties d’un objet ne s’arrêtent pas toutes en même temps. Une antenne continue de vibrer après l’arrêt de la voiture. En animation, on décale les éléments d’un même groupe : le titre arrive, puis le sous-titre quelques images après, puis le bouton.
- Décalez les entrées d’un groupe de quelques images.
- Faites finir les éléments à des moments légèrement différents.
- Gardez un ordre de lecture cohérent : le plus important arrive en premier.
L’erreur la plus fréquente
Un bloc dont tout bouge d’un seul tenant se lit comme une image qu’on déplace. Rien ne s’y ajoute, rien ne s’y décale : le mouvement paraît mécanique. Introduire un décalage entre les parties suffit souvent à rendre un plan plus vivant.
Comment MotionMaker les applique
Les mouvements d’entrée de MotionMaker utilisent une anticipation et un décalage entre les éléments d’un même groupe. Ces valeurs sont dérivées du seed et restent cohérentes dans toute la vidéo : même manière de bouger du premier au dernier plan. Voir motion design par IA.
Ces principes s’accompagnent de la gestion de l’accélération. Lisez aussi les courbes d’accélération expliquées.
Un exemple image par image
À 30 images par seconde, une image dure un trentième de seconde, soit environ 33 millisecondes. Un titre qui entre en un quart de seconde occupe donc sept ou huit images. C’est peu, et chaque image compte : l’anticipation et le chevauchement se jouent sur quelques images seulement.
Prenons un titre qui doit entrer par le bas puis se poser, accompagné d’un sous-titre et d’un bouton. Sans réglage, les trois éléments partent ensemble, à la même vitesse, et s’arrêtent ensemble. Avec anticipation et chevauchement, voici la séquence :
- Le titre recule très légèrement vers le bas (anticipation), sur deux ou trois images.
- Il remonte franchement, ralentit en arrivant, et dépasse peut-être sa position finale de quelques pixels avant de s’y poser.
- Le sous-titre démarre quelques images après le titre et finit après lui.
- Le bouton démarre après le sous-titre et finit en dernier.
Le spectateur ne voit aucun de ces détails séparément. Il voit un bloc qui a du poids, qui arrive avec intention, qui se range dans un ordre de lecture. C’est exactement ce qu’on appelle une animation soignée.
Les deux principes dans le contexte des douze
Thomas et Johnston décrivent douze principes : écraser et étirer, anticipation, mise en scène, mouvement continu et pose à pose, chevauchement et suite du mouvement, ralentissement en entrée et en sortie, arcs, action secondaire, timing, exagération, dessin solide et attrait. Tous ne sont pas utiles à la même mesure pour une vidéo de marque : les personnages n’ont pas besoin de poids ni d’« attrait », mais les textes et les interfaces ont besoin de timing, d’accélération et de chevauchement.
| Principe | Ce qu’il règle | Effet sur un film de marque |
|---|---|---|
| Anticipation | Le geste qui précède l’action | L’entrée paraît voulue, pas mécanique |
| Chevauchement | Le décalage entre les parties | Le bloc paraît vivant |
| Ralentissement en entrée et en sortie | La courbe de vitesse | Le mouvement se pose au lieu de s’arrêter net |
| Mise en scène | Ce que l’œil regarde | Un seul point d’attention à la fois |
| Timing | La durée du mouvement | Le ton : énergique ou posé |
Dosage : trop d’anticipation tue l’effet
Ces principes sont faciles à surdoser. Une anticipation trop longue fait attendre le spectateur ; un chevauchement trop large fait traîner la fin du plan ; un dépassement trop fort fait dessin animé quand on cherche le sérieux. Le bon dosage dépend du ton de la marque.
- Marque sérieuse : anticipation discrète, peu de dépassement, décalages courts.
- Marque joueuse : anticipation plus marquée, léger dépassement, décalages plus larges.
- Dans tous les cas : la même manière de bouger du premier au dernier plan. Un film dont chaque scène a un caractère différent paraît assemblé au hasard.
Une signature de mouvement
C’est ce dernier point qui explique le choix de MotionMaker : plutôt que de régler chaque scène séparément, le moteur tire une signature de mouvement à partir du seed de la vidéo, et la fait traverser tout le film, y compris la durée des transitions. Même seed, même signature, même film, image par image. La cohérence n’est pas laissée au hasard d’un réglage plan par plan.
Cette approche est aussi ce qui rend un film reproductible et débogable : si un mouvement ne vous plaît pas, il se retrouve à l’identique. Pour le raisonnement derrière cette garantie, lisez même seed, même vidéo.
Comment repérer ces principes dans un film existant
Prenez un film de marque que vous trouvez bien fait, et regardez-le trois fois.
- Première fois, à vitesse normale : notez ce que vous ressentez (énergique, posé, précis).
- Deuxième fois, au ralenti : regardez si les éléments d’un même groupe partent ensemble ou en décalé.
- Troisième fois, image par image : cherchez le petit recul avant l’action et le léger dépassement à l’arrivée.
Vous verrez rapidement que ce qui paraît « bien fait » repose sur ces détails. À l’inverse, un film qui vous paraît « plat » est souvent un film où tout démarre à la même image avec la même courbe.
Pour aller plus loin
La définition du motion design replace ces principes dans le métier, et la page sur le motion design par IA explique comment un moteur peut les appliquer sans que l’IA invente quoi que ce soit.