Le 26 septembre, j’ai monté deux petits films : une vidéo d’interface et une animation du logo HOCUSBOOKUS. En les terminant, je me suis rendu compte que chaque effet que j’avais construit pourrait resservir. Plutôt que de tout recommencer à chaque vidéo, j’en ai fait des briques. Ces briques sont devenues Waza.
技, « la technique »
En japonais, waza désigne la technique, le geste maîtrisé qu’on enchaîne, en kyūdō comme en judo. C’est exactement l’idée : chaque brique de Waza est un geste de motion design éprouvé. La goutte qui fait éclore le phare du logo, la lampe de poche qui révèle un texte, le néon qui grésille, le défilé des maillots… On les voit tourner dans une galerie, on les pose sur une musique, on exporte la vidéo.
Les briques ne sont pas réservées au logo. Elles s’appliquent à n’importe quelle source : un mot tapé au clavier, un fichier SVG dont chaque calque s’anime séparément, ou une photo découpée en formes de couleur.
Composer sur la musique
Le cœur de Waza, c’est le compositeur. La musique est découpée en mesures, avec ses passages calmes, ses montées et ses moments forts. On glisse les briques sur la frise, elles s’aimantent aux temps, et la scène se joue en direct. Un film peut enchaîner plusieurs plans, chacun avec sa source, reliés par des transitions : palettes de gare, stores, iris, éclatement en tuiles, effet memory…
Le résultat, c’est que le rythme vient de la musique et pas du hasard. Chaque apparition tombe sur un temps, chaque transition sur une mesure.
Une brique qui manque ? Une phrase suffit
Quand un geste n’existe pas encore, je le décris en une phrase, avec au besoin une animation de référence. Claude écrit la brique. Mais elle n’entre pas directement dans la bibliothèque : Waza la fait tourner dans un navigateur, vérifie qu’elle fonctionne, et la renvoie à corriger si besoin. Chaque brique générée garde son étiquette « générée par Claude » et la demande d’origine.
C’est le même principe que pour mon banc d’essai des modèles IA : l’IA produit, mais rien n’est accepté sans vérification.
Un langage commun
Pour parler d’animation avec une IA (ou avec un humain), il faut des mots précis. Waza tient un lexique : chaque geste a un code qui ne change jamais, un nom de métier et une fiche qui décrit ce que l’on voit, l’intention, la technique. À côté, des dizaines de termes de base du motion design, en français et en anglais, avec leurs définitions et les confusions à éviter. Une composition peut ainsi se « dire » mesure par mesure, comme une partition.
Voici les termes de base du lexique déjà vérifiés. Cherche-les en français ou en anglais : c’est le vocabulaire du motion design qui sert aussi bien à briefer un graphiste qu’à décrire une animation à une IA.
Clé d’animation
Valeur d’une propriété enregistrée à un instant précis ; l’animation entre deux clés dépend du mode d’interpolation.
Timing
Le moment où une action commence, sa durée et le moment où elle s’arrête.
Ce que ça produit : Poids, vitesse, lisibilité.
À ne pas confondre avec : espacement
Espacement
Répartition des positions successives au cours du mouvement ; détermine accélérations et ralentissements, indépendamment de la durée.
Ce que ça produit : Donne la sensation d’accélération ou de freinage.
À ne pas confondre avec : timing
Linéaire
Taux de variation constant entre deux valeurs (sur une trajectoire droite : vitesse constante).
Ce que ça produit : Mécanique, artificiel.
Accélération (départ doux)
Le mouvement part lentement et accélère.
Ce que ça produit : Élan, départ.
À ne pas confondre avec : décélération (arrivée douce)
Décélération (arrivée douce)
Le mouvement arrive vite et freine jusqu’à l’arrêt.
Ce que ça produit : Arrivée naturelle, posée.
À ne pas confondre avec : accélération (départ doux)
Départ et arrivée doux
Accélère au départ, freine à l’arrivée.
Ce que ça produit : Fluide, sans à-coup.
Courbe de Bézier
Courbe de vitesse définie par des poignées ; forme libre de l’accélération.
À ne pas confondre avec : ressort
Anticipation
Mouvement ou pose préparatoire qui annonce l’action principale ; souvent opposé à celle-ci, pas obligatoirement.
Ce que ça produit : Prépare l’œil, donne de l’élan.
Dépassement
Dépassement temporaire de la valeur ou de la position cible avant retour et stabilisation.
Ce que ça produit : Dynamisme, élasticité.
À ne pas confondre avec : rebond
Rebond
Un ou plusieurs rebonds, généralement d’amplitude décroissante.
Ce que ça produit : Poids, gravité, jeu.
À ne pas confondre avec : dépassement
Ressort
Animation fondée sur un modèle de ressort (masse, raideur, amortissement) ; peut produire dépassement et oscillations.
Ce que ça produit : Organique, physique.
À ne pas confondre avec : courbe de Bézier
Amortissement
Paramètre qui dissipe l’énergie d’un système oscillant et réduit les oscillations ; un amortissement élevé ne supprime pas forcément tout dépassement.
Écrasement et étirement
Compression et étirement pour communiquer poids, vitesse et souplesse ; la conservation apparente du volume est un principe, pas une obligation physique.
Ce que ça produit : Poids, souplesse, matière.
Prolongement
Poursuite du mouvement de certaines parties après que l’élément principal s’est arrêté ou a changé de direction.
Ce que ça produit : Inertie, réalisme.
À ne pas confondre avec : action secondaire
Action secondaire
Action secondaire qui soutient l’action principale et enrichit son sens sans détourner l’attention.
À ne pas confondre avec : prolongement
Oscillation
Mouvement répété autour d’une valeur d’équilibre, périodique ou amorti.
À ne pas confondre avec : ondulation
Décalage en cascade
Décalage systématique d’une animation ou d’un paramètre entre plusieurs éléments (pas nécessairement régulier).
Ce que ça produit : Lecture guidée, rythme.
À ne pas confondre avec : séquence
Chevauchement
Chevauchement temporel d’actions ; en animation, parties qui bougent avec retard les unes sur les autres (overlapping action).
Ce que ça produit : Fluidité, continuité.
Parentage
Un élément enfant suit les transformations de son parent.
Fondu
Apparition ou disparition par l’opacité.
Volet
Une frontière traverse l’image pour remplacer ou révéler son contenu.
À ne pas confondre avec : révélation par masque
Tracé progressif
Opération d’After Effects sur les formes vectorielles : animer le début, la fin et le décalage d’un tracé.
À ne pas confondre avec : écriture progressive
Écriture progressive
Donne l’impression qu’un trait, un dessin ou un texte est tracé progressivement ; aussi le nom d’un effet After Effects.
Morphose
Une forme se transforme continûment en une autre.
Dissolution
Transition où une image ou un élément disparaît progressivement pendant qu’un autre apparaît ou que le fond est révélé.
À ne pas confondre avec : dissolution en particules
Parallaxe
Profondeur produite par le déplacement apparent différent d’éléments situés à différentes distances.
Trajectoire en arc
Trajectoire courbe plutôt que rectiligne ; principe classique de l’animation.
Panoramique
Rotation horizontale de la caméra autour de son axe vertical (la caméra reste en place) ; pas un glissement latéral.
À ne pas confondre avec : déplacement latéral de caméra
Inclinaison de caméra
Rotation verticale de la caméra autour de son axe horizontal : le regard monte ou descend.
Avancée vers le sujet
Le cadre se rapproche progressivement du sujet ; décrit l’effet perçu, qu’il vienne d’un déplacement de caméra ou d’un zoom.
Ce que ça produit : Concentration, emphase.
À ne pas confondre avec : travelling avant ou arrière
Travelling avant ou arrière
Déplacement de la caméra en avant ou en arrière ; change les relations de perspective, contrairement à un simple zoom.
À ne pas confondre avec : avancée vers le sujet
Orbite
Déplacement de la caméra autour d’un sujet qui reste le point d’intérêt.
Déformation par déplacement
Déformation obtenue en déplaçant points ou pixels selon une valeur ou une carte (Displacement Map est le nom d’un effet After Effects).
Ce terme n’est pas (encore) dans le lexique.
34 termes de base du motion design, en français et en anglais, tirés du lexique de Waza. Seules les définitions déjà vérifiées sont publiées ici.
Du film au paquet de livraison
Une fois le film terminé, Waza prépare tout ce qu’il faut pour le diffuser : une version haute qualité, une version allégée pour les réseaux, une version verticale pour les stories, des images fixes et des vignettes au bon format pour X et LinkedIn. Avant la livraison, il relit la vidéo image par image pour repérer les clignements indésirables. Et ce rendu ne consomme aucune IA : il se fait entièrement sur la machine.
Pourquoi je raconte tout ça
Waza est un outil maison : il tourne sur mon poste et sert à produire les vidéos de HOCUSBOOKUS. Mais il illustre une façon de travailler avec l’IA que je défends en formation : se construire ses propres outils, garder la main sur le résultat, et utiliser l’IA là où elle fait gagner du temps sans décider à notre place.
Si la vidéo générée par IA vous intéresse pour votre communication, c’est le sujet de notre formation création vidéo par IA.
Crédits du film : musique ElevenLabs. Made with ♥ and Claude Opus 5.5 × GPT-6 Astra × ElevenLabs.
Coulisses : ce billet a été préparé avec une IA, puis relu, vérifié et validé par Yanick. Les visuels sont dessinés en code. Ce blog montre aussi ce qu’on peut faire à deux, un humain et une IA.
Un projet vidéo ou un besoin de formation ?
Motion design, vidéo générée, outils sur mesure : parlons de ce qui servirait vraiment votre communication. Sans hype, sans jargon, avec des cas concrets.
