← Guides pratiques
Guides pratiques

Créer du motion design avec l’IA : des publicités de qualité professionnelle sans After Effects

Un workflow en sept étapes pour le motion design avec l’IA : décomposer les références, planifier le son et le récit, valider les images clés, effectuer le rendu et affiner le résultat, avec des cas réels et des prompts réutilisables.

yoyoyoyo 22 octobre 2026 Guide écrit
Apercu: Créer du motion design avec l’IA : des publicités de qualité professionnelle sans After Effects

Études de cas : ce qui a changé et pourquoi

Training Season motion vidéo

Prompt du premier cycle

Crée un film vertical de motion design lyrique de 25 secondes sur « Training Season ».
1080×1920, 30fps. Three.js + postprocessing, GSAP pour les superpositions 2D.

AUDIO
Utilise exactement tel quel l’extrait audio de 25 s de ce reel — ne le coupe pas et ne fais aucun raccord :
https://www.instagram.com/reel/DczJLScIIuV/
Commence par récupérer toutes les paroles de cet extrait, construis une grille rythmique et cale chaque mot chanté.

RÉFÉRENCE DE MOUVEMENT
https://www.instagram.com/reel/DerrAaVIxjl/
Emprunte sa structure : la caméra ne s’arrête jamais, les paroles s’enroulent autour d’un anneau rotatif,
les mots clés frappent toute la largeur de l’écran sur le temps, transitions en panoramique fouetté.
Son mouvement est excellent, mais pas son goût visuel : ne copie pas le rose unique,
le tunnel répétitif ni le mélange de polices.

RÉCIT
Une femme inscrit la relation amoureuse qu’elle souhaite sur un tableau de manifestation, la nuit.
C’est son exigence, pas une supplication. Sur « training season’s over », elle cesse
d’attendre : chaque souhait reçoit une coche rouge, et le jour se lève.
Féministe, plein d’espoir — « il y a encore demain ». Aucun homme à l’image.
Arc : nuit calme → rédaction de la liste → un moment de fragilité → surcharge → déclaration → matin.

STYLE
Collage / impression : lettres découpées dans des magazines, tableau de visualisation, une de journal.
Crème / rose / argent avec un grain de pellicule chaleureux ; rouge uniquement en accent. 2 polices maximum.
Aucun visage de personne réelle : utilise des silhouettes et des objets.

RÈGLES DE MOUVEMENT
- 11 mots clés sont composés en typographie 3D extrudée et occupent 85 à 100 % de la largeur de l’écran à leur arrivée,
  nets et lisibles pendant au moins 0,3 s.
- Chaque autre mot des paroles apparaît lorsqu’il est chanté, avec une hauteur d’au moins 90px.
- 3 couches maximum par image, un seul élément principal à la fois.
- La profondeur provient d’un environnement fixe dans l’espace (pièce quadrillée, anneaux orbitaux,
  graduations), et non d’éléments décoratifs flottants.
- Transitions : panoramique fouetté + flou, une seule image blanche ou passage à travers un objet.
- Flou de mouvement sous-image sur chaque mouvement rapide. Ne laisse pas le bloom créer un voile.
- Point culminant visuel sur le premier temps du refrain.

FIN
Sur « over » : « manifested ✓ », six coches rouges apparaissent une par une,
puis « made with OD Motion ».

Montre-moi d’abord 3 à 5 images fixes clés. N’anime rien avant ma validation.

IKEA motion vidéo

Prompt du premier cycle

Crée un film de lancement de produit de 11 secondes pour la nouvelle collection PS 2026 d’IKEA.
Concept non officiel. 1920×1080, 60fps, HTML + GSAP.

RÉFÉRENCE
Reproduis le rythme de ce reel plan par plan, mais PAS son récit :
https://www.instagram.com/reel/DcVTS2exsRR/
(des fiches produit en dessin au trait avancent une par une → forment une grille → se regroupent en une seule toile → logo)

MARQUE (IKEA doit être reconnaissable dès la première seconde)
- Couleurs : bleu IKEA #0058A3, jaune #FFDB00, blanc, gris foncé #3C3C3C
- Langage visuel : dessins au trait de notice de montage IKEA (isométriques, fin contour noir)
- Police : sans-serif géométrique et nette, en gras pour les prix

RESSOURCES (jointes)
- 5 photos de produits sur fond blanc + prix :
  Tabouret 69,99 $ · Chaise pliante 59,00 $ · Table d’appoint 39,99 $ · Fauteuil-lit 399,00 $ · Table de chevet 69,99 $
- 3 plans cotés officiels (utilise-les pour dessiner les illustrations au trait)
- Logo IKEA (SVG)
- Texte : « MAKE ROOM FOR PLAY » / « Playful functionality since 1995. »
- Mots clés des fiches : Playful / Flexible / Affordable

PLANS
0.0–2.5s  Les fiches produit glissent sur un convoyeur ; chaque poussée tombe sur un temps
          (0.55 / 0.775 / 1.0 / 1.175s). Chaque fiche = dessin au trait + nom + prix.
          Le tabouret tombe incliné, puis se redresse.
          Les étiquettes de prix tombent et s’épinglent avec une légère oscillation élastique.
          Le dessin au trait se trouve sur une couche plus profonde que sa fiche (parallaxe).
          La rangée supérieure monte à mi-hauteur, le fauteuil-lit surgit par le bas.
          Maintien de 0.3s pendant que les dessins flottent.
2.5–6.0s  Les fiches se placent pour former le plan d’une pièce. La fiche du fauteuil-lit se déplie pour devenir sa
          silhouette et se pose sur la bande. La rangée de produits réels apparaît par balayage
          du centre vers l’extérieur. Les étiquettes de prix s’épinglent sur les produits réels,
          de gauche à droite. « MAKE ROOM FOR PLAY » se révèle ligne par ligne.
6.0–8.0s  Logo : les lettres I-K-E-A frappent l’écran une par une, balayage vers le bleu IKEA, avancée.
Carton final  « Unofficial concept · not affiliated with IKEA »

RÈGLES DE MOUVEMENT
- Aucun flash blanc, aucune coupe franche. Chaque transition est une poussée ou un balayage continu.
- Les éléments se chevauchent et se suivent ; rien n’apparaît seul brutalement.
- Flou de mouvement sur les déplacements rapides.

SON
Verrouille d’abord la musique, puis place chaque mouvement clé sur un temps.
Un léger whoosh sous chaque mouvement, un petit « pin » sur chaque étiquette de prix.
Mixage à -16 LUFS, sans aigus agressifs.

Montre-moi d’abord 3 à 5 images clés. N’effectue pas le rendu du film complet avant ma validation.

poppi motion vidéo

Prompt du premier cycle

Crée un film de marque de 11 secondes pour poppi, le soda prébiotique.
Concept non officiel. 1920×1080, 60fps, HTML + GSAP.

RÉFÉRENCE
Reproduis le rythme de ce reel plan par plan, mais utilise l’univers propre à poppi :
https://www.instagram.com/reel/DbqR1UxhTvE/

MARQUE (poppi doit être reconnaissable dès la première seconde)
- Chaque coupe utilise la couleur d’un parfum poppi. Magenta #EC008C, jaune #FFF200,
  bleu #0667BE, orange #F15506, rose #FF8CCB, rouge #D4002E
- Logotype poppi (SVG, joint)
- Texte (tiré de drinkpoppi.com) : « Soda’s back, but better » / « THE PREBIOTIC SODA »
- Mots de personnalité : FIZZY / BOLD / FRUITY / BUBBLY / FUN

RESSOURCES (jointes)
- Logotype poppi SVG
- Rendus de canettes : Strawberry Lemon, Orange Cream, Shirley Temple, Cream Soda,
  Ginger Lime, Sour Apple, Alpine Blast, Doc Pop
- 3 photos lifestyle

PLANS
0.00–1.85  9 coupes franches sur le temps. Chaque coupe = une explosion étoilée dans la couleur d’un parfum
           (zoom percutant 1.18 → 1.03) + le fruit correspondant qui surgit (1.3 → 1).
           Les kicks à 0.285 / 0.785s font pomper l’image entière.
           Étoiles imbriquées : l’extérieur tourne lentement, l’intérieur tourne en sens inverse et grandit.
1.85       Le logotype surgit avec squash & stretch, violet → magenta, explosion étoilée.
2.73       Une fenêtre photo se dévoile par masque depuis le bas et s’arrondit en carte ;
           « Soda’s back, but better » descend depuis le haut ; des bulles montent.
3.65       Photo à gauche, fraise géante à droite, autocollant « NEW » plaqué dessus.
4.56       Une orange géante tombe sur deux autres, les trois s’enfoncent.
5.56       Les mots de personnalité défilent verticalement avec un flou de mouvement ; la rangée centrale est jaune vif.
6.60       Une canette s’abat sur le côté, une flaque de soda s’étale, « THE PREBIOTIC SODA » remplit la largeur.
≈7.5       Les canettes entrent en tournant (Sour Apple → Orange Cream), chacune atterrit avec un anneau d’impact.
≈8.3       Les cartes photo glissent de droite à gauche.
≈9.2       Photo plein écran, clignement rapide.
≈9.8–11    Carton final : une canette arrive en bondissant (style Pixar), s’ouvre, une bulle monte et
           devient le point du « i » du logotype.
Carton final   « Unofficial concept · not affiliated with poppi »

SON
Verrouille d’abord la musique et ne la coupe pas. Chaque coupe franche tombe sur un temps.
Le son principal est un véritable « tss » d’ouverture de canette. Mixage à -16 LUFS.

Montre-moi d’abord 3 à 5 images clés. N’effectue pas le rendu du film complet avant ma validation.

Duolingo motion vidéo

Prompt du premier cycle

Crée un film de lancement de 21 secondes pour la nouvelle fonctionnalité Image Flashcards de Duolingo
(lancée le 19 oct. 2026 : après une leçon, une image s’affiche, sans choix de réponse,
et l’utilisateur prononce le mot à voix haute ; les cartes manquées reviennent).
Concept non officiel. 1920×1080, 60fps, HTML + GSAP.

RÉFÉRENCE (mouvement uniquement — PAS le récit)
https://www.instagram.com/reel/DafsqUut4x1/
À emprunter : interface sur une scène, grands mots apparaissant un par un, caméra sans aucune coupe.
Le récit doit venir de la fonctionnalité Duolingo, pas de ce reel.

MARQUE (Duolingo doit être reconnaissable dès la première seconde)
- Duo à l’écran dès la première seconde
- Vert #58CC02, bleu #1CB0F6, rouge #FF4B4B, gris foncé #3C3C3C
- Boutons 3D massifs ; typographie arrondie (Nunito)
- Utilise si possible les animations Lottie officielles de Duolingo (jointes)

SCRIPT (voix off féminine naturelle)
1. « Easy. »  (sur la leçon familière où l’on touche des tuiles)
2. « Remembering it? … Not so much. »
3. « So we took the choices away. »
4. « Meet Image Flashcards. »
5. « A picture… and your voice. »
6. « Miss one? It comes back. »  → terminer sur l’icône de l’app Duolingo + son nom

PLANS
0.0–5.9   Leçon sur téléphone : des doigts touchent les tuiles ; Duo bondit hors du téléphone sur « Easy. »
5.9–8.0   Les tuiles tombent ; zoom à travers elles jusqu’à une carte vierge.
8.0       « Meet Image Flashcards » — explosion officielle.
10.2      Une image apparaît, le micro s’active, l’apprenant prononce le mot.
14.2      Correct!
14.9      Une carte manquée revient en se balançant : « Miss one? It comes back. »
17.3–21   L’icône de l’app se réveille et explose sur « Duolingo ».
Carton final  « Unofficial concept · not affiliated with Duolingo »

MOUVEMENT SIGNATURE
Une pression géante sur un bouton 3D Duolingo qui envahit l’écran pour mener à la scène suivante. Utilise-la pour chaque transition.

RÈGLES DE MOUVEMENT
Aucun flash blanc, aucune coupe franche. Caméra continue avec profondeur en parallaxe. Flou de mouvement sur les déplacements rapides.

SON
Enregistre ou génère d’abord la voix off, puis monte l’image sur chaque phrase.
Chaque action a son propre son : toucher, pop, balayage de carte, activation du micro, réussite, échec, explosion.
Musique sous la voix. Mixage à -14 LUFS.

Montre-moi d’abord 3 à 5 images clés. N’effectue pas le rendu du film complet avant ma validation.

IKEA motion vidéo

Lisez A, puis B, avec le même volume sur l’appareil. A contient de la musique. B ajoute une couche d’effets décrivant les actions individuelles, notamment des whooshes dont les pics coïncident avec les mouvements les plus rapides. L’objectif est d’entendre l’apport des effets sans modifier l’image.

A — musique seule. Étude de concept interne.
B — musique plus effets alignés sur les actions. Étude de concept interne.

100K & OpenDesign Logo motion vidéo

Le film narratif 100K suivait une référence de film de lancement HyperFrames, avec une interface de tweets, des courbes réelles et des blocs de motion design pour les publications, graphiques et compteurs. Sa musique a connu 15 versions avant que le point culminant propre au morceau ne s’aligne sur l’image. Les notes créditent Pixabay comme source musicale.

Film narratif 100K. La progression musicale et visuelle a été alignée par itérations.
Saut du logo v20. Production : Claude Code et une skill Huashu.

Commencez par une référence. Décomposez-la temps fort par temps fort. Choisissez un mouvement signature. Validez les images fixes avant le rendu. Verrouillez le son avant de caler l’image.

Un brief de motion design tel que « rendez ceci plus énergique » laisse trop de questions sans réponse. Qu’est-ce qui bouge ? Où le regard se porte-t-il ? Quel mot tombe sur le temps musical ? Que doit reconnaître le spectateur dès la première seconde ?

Le workflow ci-dessous transforme ces questions en décisions pouvant être validées. Il convient à un lancement de produit, à une publicité conceptuelle pour du mobilier, à un film de typographie cinétique ou à une courte histoire de marque. Vous terminerez avec un brief, une liste de plans minutée, des images clés validées, un projet de motion design modifiable et un export vidéo vérifié.

Quatre passes de production regroupant les sept étapes du motion design
Étudier → décider → démontrer → finaliser. Validez le récit, le son et les images fixes avant de lancer le rendu complet.

Ce qu’il vous faut avant de commencer

Préparez un message clair, un public cible, un format de livraison et les ressources qui rendent le travail reconnaissable : un logo, l’interface utilisateur du produit, des photographies du produit ou un petit ensemble d’images validées. Choisissez une musique ou une narration que vous êtes autorisé à utiliser pour la diffusion prévue. Une référence est un support d’étude ; l’autorisation de consulter une référence n’accorde pas celle de republier ses images ou sa bande-son.

Il vous faut également un moyen de générer ou de préparer les ressources, un moteur de rendu d’animation et une personne capable de valider la direction visuelle. Dans ces projets, Claude s’est chargé de la direction et des briefs, Codex de la génération des ressources et de l’implémentation, tandis que les adaptations répétitives de marque pouvaient être déléguées séparément. Il s’agit de rôles de production, et non d’abonnements obligatoires à des modèles.

ÉtapeLivrable concretOutils
Trouver des référencesUne sélection avec des liens et des justificationsNavigateur ; yt-dlp lorsque le téléchargement est autorisé
Analyser la référencePlanche-contact et notes détaillées temps fort par temps fortFFmpeg ; outils de transcription et d’analyse audio
Rédiger le briefRègles visuelles et liste de plansClaude ; un simple brief en Markdown
Planifier le sonMusique ou narration avec repères temporelsAnalyse audio avec Python ; ElevenLabs pour les effets sonores
Préparer les images fixesRessources et images clés validéesGénération d’images avec Codex ; détourages ; HyperFrames
Animer et effectuer le renduProjet modifiable et vidéoHyperFrames/GSAP pour la 2D ; Three.js pour le travail spatial
ValiderExport visionné et notes de comparaisonFFmpeg ; inspection des images ; vidéos côte à côte

Étape 1 : choisir une référence pour sa structure

Commencez par déterminer le type de communication dont vous avez besoin, puis choisissez une référence. Une publicité pour du mobilier et le lancement d’un logiciel peuvent tous deux comporter de superbes transitions, mais ils répondent à des problèmes différents.

Images des études de motion design IKEA, poppi, Duolingo et Training Season
Quatre langages visuels issus des films servant d’études de cas. Rangée du haut : produits IKEA et univers de marque poppi. Rangée du bas : narration par l’interface Duolingo et typographie de Training Season.

Choisissez parmi quatre formats d’animation :

FamilleCe qui porte le récitPréparationÀ utiliser pour
Démonstration d’interfaceUn problème devient visible, puis une interface utilisateur le résoutÉcrans du produit ou éléments d’interface recréésLancements de produits et explications de fonctionnalités
Présentation de produitsDes produits détourés et une typographie imposante créent une attitudePhotographies de produits cohérentes et détourages propresFilms commerciaux et de marque
Typographie cinétiqueDes mots, des paroles ou une courte déclaration deviennent l’imageUne séquence de texte précise et une solide planification audioSlogans, paroles et courtes explications
Film de produit en 3DUn objet pivote, se sépare ou vient se placer dans une composition finaleUne ressource 3D exploitable ou un objet modéliséLancements de matériel et de produits physiques

Enregistrez le lien d’origine, le crédit du créateur, la date de collecte et une phrase expliquant ce que vous souhaitez apprendre. Si vous consignez le nombre de mentions J’aime ou de commentaires, conservez la date de l’observation : ces chiffres évoluent et n’expliquent pas pourquoi un film fonctionne.

Parmi les références de départ utiles citées dans les notes figurent Ramp par @studio.ojas, MUJI par @vanshika.motion, Henki par @bymyno_, et Visual Test 01 par @jordans.archivess. Ouvrez les publications originales pour étudier le travail de leurs créateurs.

Point de contrôle : vous pouvez expliquer pourquoi la référence correspond à votre message et identifier la technique précise que vous comptez étudier.

Étape 2 : décomposer la référence temps fort par temps fort

Regardez-la une première fois pour saisir l’ensemble du récit, une deuxième fois sans le son, puis une troisième fois en vous concentrant sur la bande-son. Ces passes permettent de séparer la structure visuelle de l’énergie audio. Créez ensuite une planche-contact afin de visualiser la progression du film sans avoir à parcourir sans cesse la timeline.

Si vous disposez d’une copie locale autorisée, FFmpeg peut créer une planche-contact approximative :

ffmpeg -i reference.mp4 -vf "fps=1,scale=240:-1,tile=5x4" -frames:v 1 reference-contact-sheet.jpg

Cet exemple échantillonne les 20 premières secondes à raison d’une image par seconde. Pour les films plus longs, créez des planches supplémentaires. Les transitions rapides nécessitent une inspection plus précise autour de leur timing réel ; une planche-contact ne permet pas de savoir si un mouvement produit la bonne sensation.

Quatre images chronologiques du concept IKEA montrant des fiches produit, une grille, une disposition de produits et la fin de marque
Décomposition des temps forts du concept IKEA interne : 0,7 s → 2,0 s → 4,8 s → 9,0 s, à lire de gauche à droite, puis de haut en bas. Échantillonnez la séquence réelle, puis décrivez ce qui change entre les images.

Consignez quatre éléments pour chaque temps fort :

  1. Objectif : qu’apprend ou que ressent le spectateur à cet instant ?
  2. Composition : quels sont le premier plan, l’arrière-plan et le principal point d’attention ?
  3. Mouvement : qu’est-ce qui entre, bouge, change ou sort ? Quel mouvement se répète ?
  4. Son : l’événement est-il déclenché par un accent musical, un mot prononcé ou un effet ?

Il est utile de distinguer une astuce visuelle du besoin auquel elle répond. Un mur de notes adhésives peut traduire la surcharge ; la leçon importante est la manière dont le film rend cette surcharge tangible. Votre propre produit peut nécessiter une métaphore différente.

Analyse cette référence comme un motion designer.
Pour chaque temps fort, décris l’objectif de communication, la composition,
les mouvements d’entrée, de maintien et de sortie, ainsi que l’événement sonore.
Identifie l’unique mouvement récurrent qui donne son identité au film.
Sépare les principes de mouvement réutilisables du récit du créateur,
des ressources de marque et des illustrations distinctives.
N’invente pas de timecodes que tu ne peux pas observer. Signale les inconnues.

Point de contrôle : vous disposez d’une décomposition minutée et pouvez expliquer comment le mouvement signature sert le récit.

Étape 3 : rédiger un brief original et une liste de plans

Empruntez un principe de mouvement, puis reconstruisez le récit autour de votre propre sujet. Dans le cas Duolingo, une première version reprenait le récit de VoiceOS en plus de son langage d’animation. Le résultat n’avait pas de sens pour le nouveau produit. Une ouverture ultérieure s’attardait trop longtemps sur des ciels et des forêts, ce qui rendait la marque difficile à reconnaître. La correction a introduit Duo, le vert de la marque et un bouton en volume dès la première seconde.

Pour un film de marque, la reconnaissance dès la première seconde constitue une règle de direction pratique. Ce n’est pas une exigence pour tous les films narratifs, mais c’est un contrôle utile lorsque l’objectif est de faire reconnaître immédiatement le produit.

Notez ce qu’il faut reprendre de la référence et ce qu’il faut laisser de côté. Verrouillez la typographie, la palette, le traitement des images, un mouvement récurrent et la progression émotionnelle avant de demander un rendu complet.

Crée un brief de motion design pour [produit ou sujet].
Public : [qui regardera].
Message unique : [ce que le public doit retenir].
Livraison : [durée, format d’image, résolution, fréquence d’images].
Ressources de marque : [fichiers validés].
Référence : [lien ou fichier local autorisé].
À emprunter : [principe de mouvement précis].
À ne pas emprunter : le récit, les formulations, les illustrations ou l’identité de la référence.

Définis les règles visuelles, l’arc émotionnel, un mouvement signature
et une liste de plans. Donne à chaque plan un objectif de communication,
un début et une fin minutés, des éléments visibles, un mouvement et un repère sonore.
Indique les éléments manquants avant l’implémentation.
Arrête-toi après le brief et le plan des images clés ; n’effectue pas encore le rendu.

Par exemple, un court concept pour du mobilier peut présenter un produit, montrer plusieurs objets formant une pièce, puis maintenir une composition finale de marque. Sa signature peut être la manière dont chaque objet vient s’aligner brusquement sur une grille commune. Veillez à ce que l’ouverture, le développement et la fin restent compréhensibles même si le spectateur manque une transition.

PlanObjectif de communicationImageRepère sonoreQuestion de validation
OuverturePrésenter le sujetProduit et identité reconnaissablesPremier accent netUn nouveau spectateur peut-il comprendre de quoi il s’agit ?
DéveloppementExpliquer la valeurLes produits ou l’interface forment un système cohérentRythme répétitifChaque nouvel objet apporte-t-il une information ?
AboutissementRésoudre l’idéeLe mouvement signature achève la compositionSommet musical ou narratifLa fin paraît-elle méritée ?
Maintien finalLaisser un message clairMessage final lisibleRésolution musicale naturelleLe temps de lecture est-il suffisant ?

Point de contrôle : une autre personne peut suivre le film à partir de la liste de plans sans voir la référence.

Étape 4 : verrouiller le son avant de caler l’image

Déterminez si le film sera porté par la musique ou par la narration. Pour un film porté par la musique, repérez les phrases, les temps forts, les transitions et une fin exploitable. Pour une narration, validez le texte et enregistrez une voix témoin avant de définir la durée des plans.

Ne vous fiez pas uniquement au BPM. Une grille rythmique indique où les pulsations se répètent ; elle n’identifie ni l’attaque d’un mot, ni une pause, ni le sommet émotionnel d’une chanson. Dans le cas Training Season, les notes indiquent un tempo de 122,75 BPM, mais la typographie nécessitait également un calage mot par mot.

Formes d’onde audio réelles de huit secondes pour les versions IKEA avec musique seule et musique plus effets
Formes d’onde A/B réelles extraites des vidéos sources, avec la même échelle d’amplitude. Il s’agit de signaux audio mixés, et non de pistes d’effets isolées ; écoutez les deux vidéos de l’étude de cas pour juger la différence.

Créez une petite feuille de repères indiquant le temps, l’événement, la réponse visuelle et l’effet. N’ajoutez des effets sonores que lorsqu’ils décrivent une action. Pour un whoosh, alignez la partie la plus forte du son sur la partie la plus rapide du mouvement, plutôt que de simplement démarrer les deux clips en même temps.

À partir de l’audio validé, crée une feuille de repères.
Indique les limites des phrases, les accents marqués, les attaques des mots prononcés
et une fin naturelle. Distingue les événements mesurés des estimations.
Associe chaque plan validé à ces repères.
Propose une couche d’effets sonores mesurée pour les mouvements significatifs.
Ne remplace ni ne raccorde la bande-son sans validation.

Deux enseignements sont ressortis des montages rejetés. Dans Training Season, le raccord de musiques provenant de sources différentes modifiait le timbre. Dans le film narratif 100K, la musique ne fonctionnait que lorsque son propre point culminant coïncidait avec le point culminant visuel et que sa progression musicale était préservée. Remonter l’image peut être une meilleure solution que de découper la musique pour lui donner une autre forme.

Point de contrôle : la bande-son possède un début et une fin intentionnels, et chaque grand temps fort visuel est justifié par l’audio.

Étape 5 : générer les ressources et valider les images clés

Préparez trois à cinq images fixes représentatives avant l’animation. Incluez l’ouverture, une image intermédiaire chargée, le point culminant et le maintien final. Si une scène particulière porte toute l’idée, ajoutez-la même si cela vous fait dépasser cinq images ; Training Season en a utilisé huit.

Images de Training Season à une, sept, quatorze et vingt-deux secondes, avec grilles, orbites, typographie et visuels communs
Validation d’images clés à partir de l’étude Training Season terminée : 1 s, 7 s, 14 s et 22 s. La grille spatiale commune, les lignes orbitales et le traitement des images inscrivent ces plans dans un même système visuel.

Utilisez des instructions de génération d’images cohérentes pour l’éclairage, l’angle de caméra, les matériaux et l’arrière-plan. Pour les films commerciaux, vérifiez les contours de détourage et les ombres de contact. Pour les films d’interface, vérifiez le texte et les détails du produit. Un moteur de rendu ne peut pas corriger un écran inexact ni une photographie de produit appartenant à un système visuel différent.

Prépare les images clés à partir du brief et de la liste de plans validés.
Utilise les véritables ressources de marque, le texte définitif et le format d’image prévu.
Montre l’ouverture, l’image la plus dense, le sommet émotionnel et le maintien final.
Pour chaque image, explique son objectif et le mouvement prévu.
Vérifie la lisibilité du texte, la cohérence des ressources, le recadrage et la reconnaissance de la marque.
N’anime pas le film complet avant la validation de ces images.

Examinez les images à leur taille d’affichage prévue, y compris sur un téléphone. Ne jugez pas une composition verticale uniquement comme une grande image affichée sur un ordinateur. Demandez-vous si le texte est lisible, si la hiérarchie est évidente et si l’idée visuelle récurrente subsiste d’une image à l’autre.

Point de contrôle : une personne chargée de la validation a approuvé la composition et les ressources réelles, et non une simple planche d’ambiance.

Étape 6 : animer avec le moteur de rendu adapté le plus simple

Utilisez la 2D lorsque le problème visuel concerne la typographie, des cartes, des produits détourés, des éléments d’interface ou une composition fondée sur une grille. Le workflow de production a utilisé HyperFrames avec GSAP pour les cas IKEA, poppi et Duolingo.

Utilisez la 3D lorsque la profondeur, la perspective, les mouvements de caméra ou les relations spatiales font partie de l’idée. Training Season est passé de HyperFrames à Three.js au fil des itérations. Son pipeline ultérieur utilisait le post-traitement pour la profondeur de champ, la lueur et les effets chromatiques, ainsi qu’un flou de mouvement sous-image. Ces techniques sont des options destinées à un style particulier, et non des ingrédients nécessaires à chaque film.

Définissez l’entrée, le maintien et la sortie de chaque plan. Faites revenir le mouvement signature avec des variations et réservez l’immobilité aux moments nécessitant de la lecture ou de l’emphase. Les projets cités ont été rendus à 60 fps ; choisissez votre propre fréquence d’images dans le brief et conservez-la tout au long du rendu et de l’export.

Implémente le projet de motion design validé.
Respecte les images clés et la feuille de repères validées.
Conserve un mouvement signature cohérent d’un plan à l’autre.
Rends le timing déterministe afin qu’un timecode demandé puisse être
rendu plusieurs fois. Conserve les ressources en local et indique explicitement les chemins.
Effectue le rendu d’un court segment représentatif avant celui du film complet.
Fournis la source modifiable, les dépendances des ressources et les paramètres d’export.
N’ajoute aucun effet non validé et ne modifie pas la bande-son.

Le segment représentatif doit inclure une transition difficile ou l’image la plus dense. Regardez-le avec le son avant de rendre le film entier. Vérifiez que le texte reste lisible pendant les mouvements, que la profondeur ne masque aucune information et que le moteur de rendu reproduit les images fixes validées.

Point de contrôle : le segment le plus difficile fonctionne en mouvement et le rendu complet est reproductible.

Étape 7 : valider l’export, puis comparer les versions

Regardez le fichier réellement exporté du début à la fin avec le son. Examinez-le ensuite sans le son, puis inspectez certaines images. Chaque passe révèle des défauts différents : rythme maladroit, narration visuelle faible et problèmes de rendu localisés.

Utilisez une consigne de révision ciblée. Au lieu de dire « améliore-le », indiquez un timecode, le problème observé et le résultat souhaité. Une comparaison côte à côte doit utiliser un timing aligné et les mêmes conditions de lecture ; sinon, une bande-son plus forte ou une coupe décalée peut fausser la comparaison.

Évalue le film exporté par rapport au brief validé.
Vérifie l’identité dès l’ouverture, le message, la lisibilité du texte,
la cohérence des ressources, le mouvement signature, les transitions, la synchronisation sonore,
la fin naturelle et le maintien final.
Pour chaque défaut, indique le timecode, les preuves visibles ou audibles,
l’impact sur le spectateur et une correction concrète proposée.
Compare les exports précédent et actuel sur ces mêmes points.
Ne valide pas le résultat uniquement sur la base d’une planche-contact ou de la réussite du rendu.

Avant de considérer le film comme terminé, vérifiez les points suivants :

  • La première image, toutes les transitions et la dernière image sont rendues correctement.
  • Le texte est lisible à la taille cible et reste affiché assez longtemps.
  • L’audio est présent du début à la fin, les effets sont alignés sur les actions et la fin semble intentionnelle.
  • Le fichier s’ouvre, permet la navigation et se lit jusqu’au bout.
  • La résolution, le format d’image, la fréquence d’images et la durée correspondent au brief.
  • La source modifiable et les ressources nécessaires sont incluses, avec les crédits de production et les limites d’utilisation préservés.

Conserver une bibliothèque de références réutilisable

Une bibliothèque utile consigne davantage que de jolies vignettes. Enregistrez le créateur et le lien d’origine, la raison de la collecte du film, sa famille de mouvement, le public visé ou le cas d’usage, les ressources nécessaires, les notes d’analyse et le statut actuel.

Utilisez une progression simple : idée → analysée → en production → terminée. Commencez par ajouter une idée avec trois champs : un nom, un lien et la raison pour laquelle vous l’avez enregistrée. Enrichissez-la lorsqu’elle devient pertinente pour un projet réel. Un tableau facilite la comparaison, une galerie facilite l’exploration visuelle et un tableau de statuts montre ce qui est prêt à être utilisé.

Questions fréquentes

Ai-je besoin de 3D pour obtenir un film soigné ?

Non. Dans ces projets, la typographie, les cartes et les compositions de produits ont souvent été réalisées avec des outils 2D. Utilisez la 3D lorsque la perspective ou le mouvement spatial est au cœur du message. Toute complexité de rendu supplémentaire doit résoudre un problème visible.

Pourquoi valider des images fixes si le résultat final est animé ?

Les images fixes révèlent à moindre coût une mauvaise hiérarchie, des ressources incohérentes, un texte illisible et une composition faible. Elles ne remplacent pas la validation du mouvement. Validez d’abord le système visuel, puis testez avec le son le segment animé le plus difficile.

Que faire si le film paraît statique ?

Repérez l’endroit où l’énergie disparaît. Le problème peut venir d’un maintien trop long, d’interpolations répétitives, d’une bande-son sans contraste ou d’un plan qui n’apporte aucune information. Conservez les pauses de lecture intentionnelles. Ajouter du mouvement partout peut rendre le film plus difficile à suivre.

Votre premier projet d’entraînement

Choisissez un produit et un message. Sélectionnez une référence dans la famille appropriée, analysez ses temps forts et rédigez un brief original comportant un mouvement signature. Choisissez le son, préparez des images fixes représentatives, validez le segment difficile, puis effectuez le rendu et examinez l’export complet.

Arrêtez-vous lorsque le message, l’image, le son et la livraison satisfont tous au brief. Conservez ensemble la source et les notes de validation : elles faciliteront la prochaine révision davantage que le recours à un autre prompt vague.