Glossaire du motion design : tous les termes à connaître

Le vocabulaire du motion design regroupe les termes utilisés pour concevoir, animer et diffuser des contenus animés : keyframe, easing, storyboard, animatique, codec ou encore Lottie. Maîtriser ce lexique vous permet de briefer un studio avec précision, de comprendre les devis et de suivre chaque étape de production sans malentendu.

Ce glossaire du motion design est organisé en quatre familles : pré-production, animation, technique et compositing, diffusion. Chaque terme est défini en quelques phrases claires. Un tableau récapitule les définitions essentielles, et une FAQ répond aux questions les plus fréquentes sur ce vocabulaire.

Le vocabulaire de la pré-production

La pré-production désigne toutes les étapes qui précèdent l'animation : cadrage, écriture et conception visuelle. C'est la partie du vocabulaire motion design la plus utile côté client, car c'est là que se prennent les grandes décisions.

• Brief : document qui cadre le projet. Il précise l'objectif de la vidéo, la cible, le message principal, les canaux de diffusion et les contraintes de délai ou de budget.
• Moodboard : planche d'images de référence qui définit une ambiance visuelle. Il aligne le studio et le client sur une direction esthétique avant de produire quoi que ce soit.
• Script : texte complet de la vidéo, incluant la voix off et les messages affichés à l'écran. Il fixe le fond du film et sa durée approximative.
• Storyboard : suite de vignettes dessinées qui découpe le film plan par plan. Il montre les cadrages, les actions et l'enchaînement des scènes.
• Animatique : version animée sommaire du storyboard, montée au rythme de la voix off. Elle permet de valider le tempo du film avant l'animation finale.
• Direction artistique : ensemble des choix visuels du projet : style graphique, palette de couleurs, typographies et traitement des personnages ou des décors.

Ces étapes structurent la méthode de toute agence motion design sérieuse. Les sauter figure d'ailleurs parmi les erreurs les plus fréquentes en production de vidéos animées.

Le vocabulaire de l'animation

L'animation désigne la mise en mouvement des éléments graphiques. Cette famille du vocabulaire du motion design décrit comment les objets bougent, à quelle vitesse et avec quelle intention.

• Keyframe (image clé) : point qui enregistre la valeur d'une propriété, position, échelle ou opacité, à un instant donné. L'animation naît du passage d'une keyframe à une autre.
• Interpolation : calcul automatique des images intermédiaires entre deux keyframes. C'est le logiciel qui « remplit » le mouvement entre les points définis par l'animateur.
• Easing : courbe d'accélération et de décélération d'un mouvement. Un easing bien réglé donne un rendu naturel, là où un mouvement linéaire paraît mécanique.
• Motion path (trajectoire) : chemin que suit un élément animé dans l'espace. Il peut être rectiligne ou courbe pour un mouvement plus organique.
• Rigging : création d'un squelette numérique pour un personnage ou un objet, afin de l'animer par articulations plutôt qu'image par image.
• Morphing : transformation progressive d'une forme en une autre. Très utilisé pour les transitions fluides entre deux scènes ou deux pictogrammes.
• Boucle (loop) : animation conçue pour se répéter sans rupture visible. C'est le format roi des GIF, des fonds animés et des publications sociales.
• Frame rate : nombre d'images par seconde d'une vidéo, souvent 24, 25 ou 30. Il conditionne la fluidité perçue du mouvement.
• Timing : durée de chaque action et moment où elle survient. C'est lui qui donne du rythme et de la crédibilité à l'animation.
• Spacing : répartition des positions d'un objet entre deux keyframes. Un spacing serré ralentit visuellement le mouvement, un spacing large l'accélère.

Timing, spacing et easing forment le cœur du métier d'animateur. Notre article dédié au timing et à l'easing en motion design les explore en détail.

Le vocabulaire technique et le compositing

Le compositing désigne l'assemblage de plusieurs sources visuelles en une seule image finale. Cette partie du lexique couvre la fabrication concrète des plans.

• Calque (layer) : niveau d'empilement d'un élément dans la composition. Chaque élément animé vit sur son propre calque, ce qui permet de le manipuler indépendamment.
• Masque : forme qui révèle ou cache une partie d'un calque. Les masques servent aux apparitions, aux transitions et aux effets de découpe.
• Alpha (couche alpha) : information de transparence d'une image ou d'une vidéo. Un export avec alpha permet d'incruster un élément sur n'importe quel fond.
• Motion blur (flou de mouvement) : flou appliqué aux objets rapides pour imiter le comportement d'une caméra réelle et adoucir le mouvement.
• Tracking : suivi d'un point ou d'une zone dans une vidéo filmée, pour y accrocher un élément graphique qui suit le mouvement de la caméra.
• Rendu (render) : calcul final qui transforme le projet en fichier vidéo. Sa durée dépend de la complexité des effets et de la résolution.
• Compositing : assemblage final des calques, des effets, de l'étalonnage et des éventuels éléments 3D en une image cohérente.

Le vocabulaire de la diffusion et de l'export

La diffusion recouvre l'export du film et son adaptation aux plateformes. Ce vocabulaire technique du motion design évite bien des allers-retours au moment de la livraison.

• Codec : algorithme de compression d'une vidéo, comme H.264 ou ProRes. Il détermine l'équilibre entre le poids du fichier et la qualité d'image.
• Conteneur : format de fichier qui emballe la vidéo, l'audio et les métadonnées, comme MP4 ou MOV. Un même conteneur peut abriter plusieurs codecs.
• Ratio : proportion de l'image, comme 16:9 pour l'horizontal, 1:1 pour le carré ou 9:16 pour le vertical. Chaque plateforme a ses ratios privilégiés.
• Résolution : nombre de pixels de l'image, comme 1920 x 1080 pour la Full HD ou 3840 x 2160 pour la 4K.
• Lottie : format d'animation vectorielle léger, lu nativement par les sites et les applications. Idéal pour animer des interfaces sans passer par la vidéo.
• Habillage : ensemble des éléments graphiques animés qui structurent un contenu : jingles, synthés, transitions, logos animés.
• Pack shot : plan final qui met en scène le produit ou le logo, souvent accompagné de la signature de marque et de l'appel à l'action.

Le choix des codecs et des ratios mérite un article entier : consultez notre guide sur l'export en motion design pour livrer des fichiers propres sur chaque plateforme.

Comment utiliser ce vocabulaire dans vos projets

Connaître le vocabulaire du motion design sert d'abord à mieux collaborer. Un client qui distingue storyboard et animatique valide les bonnes choses au bon moment. Un motion designer débutant qui maîtrise timing et spacing progresse plus vite que celui qui empile les effets.

Trois situations où ce lexique change la donne :

• au brief : préciser les ratios attendus et les livrables évite les mauvaises surprises ;
• aux validations : commenter un storyboard ou une animatique avec les bons mots accélère les retours ;
• à la livraison : demander le bon codec, le bon conteneur et une version avec alpha si besoin.

Chez La Combine, nous prenons le temps d'expliquer ces termes à chaque client. Plus de 150 marques accompagnées nous ont confirmé une chose : un projet où tout le monde parle la même langue avance mieux. Et si vous débutez, notre guide « qu'est-ce que le motion design » pose toutes les bases avant d'entrer dans le lexique.

FAQ : vos questions sur le vocabulaire du motion design

Quelle est la différence entre un storyboard et une animatique ?

Le storyboard est une suite de vignettes fixes qui découpe le film plan par plan : il valide les cadrages, les actions et l'enchaînement des scènes. L'animatique est la mise en mouvement sommaire de ce storyboard, montée au rythme de la voix off. Elle valide le tempo du film. En résumé, le storyboard fige l'espace, l'animatique fige le temps. Les deux se valident avant l'animation finale, car les corriger à ce stade coûte très peu.

Que veut dire keyframe en motion design ?

Une keyframe, ou image clé, est un point posé sur la timeline qui enregistre la valeur d'une propriété à un instant précis : position, échelle, rotation ou opacité. En plaçant deux keyframes différentes, l'animateur demande au logiciel de calculer le passage de l'une à l'autre : c'est l'interpolation. Tout le motion design repose sur ce principe. La qualité du mouvement dépend ensuite du réglage de l'easing, la courbe d'accélération entre les deux points.

Quelle est la différence entre timing et spacing ?

Le timing définit quand une action se produit et combien de temps elle dure : c'est la dimension temporelle du mouvement. Le spacing définit comment les positions intermédiaires se répartissent entre deux keyframes : c'est la dimension spatiale. Deux animations peuvent durer exactement le même temps et paraître très différentes selon leur spacing. Ensemble, timing et spacing déterminent le poids, l'énergie et la crédibilité d'un mouvement. Ce sont deux principes hérités de l'animation traditionnelle.

Qu'est-ce que le format Lottie et quand l'utiliser ?

Lottie est un format d'animation vectorielle basé sur du code JSON, lu nativement par les navigateurs et les applications mobiles. Il permet d'intégrer des animations légères et nettes à toutes les tailles d'écran, sans passer par une vidéo. On l'utilise pour les interfaces : icônes animées, illustrations de sites web, micro-interactions, écrans de chargement. Pour un film avec voix off et musique, la vidéo classique reste en revanche le bon choix.

Quelle est la différence entre un codec et un conteneur ?

Le codec est l'algorithme qui compresse et décompresse la vidéo, comme H.264 ou ProRes. Il détermine la qualité d'image et le poids du fichier. Le conteneur est le format de fichier qui emballe la vidéo, l'audio et les métadonnées, comme MP4 ou MOV. Un même conteneur peut abriter différents codecs. Quand une plateforme demande un fichier précis, elle spécifie en général les deux : par exemple un MP4 encodé en H.264.

Faut-il connaître le vocabulaire du motion design pour briefer un studio ?

Non, un bon studio traduit et explique chaque terme. Mais connaître les notions de base, brief, storyboard, animatique, ratio, livrables, rend la collaboration plus fluide et les validations plus rapides. Vous savez ce que vous validez à chaque étape et ce que vous êtes en droit d'attendre à la livraison. C'est aussi une protection : un devis précis sur les formats et les déclinaisons évite les mauvaises surprises en fin de projet.

Parler le même langage, avancer plus vite

Ce vocabulaire du motion design n'est pas du jargon réservé aux initiés : c'est un outil de collaboration. Il sécurise les validations, précise les devis et fluidifie les livraisons. Gardez ce glossaire sous la main lors de votre prochain projet vidéo. Et si vous préférez en parler de vive voix, l'équipe de La Combine, qui a produit plus de 250 films, répond volontiers à vos questions : contactez-nous pour échanger sur votre projet.