Chapitre 1 sur 8 · 11 min
Le motion design et ce que l'IA y change
Par Noah Plaut
Vous avez un logo, un titre ou trois étapes à expliquer à l’écran, et vous aimeriez qu’ils bougent. D’ici cinq minutes, vous allez écrire le plan seconde par seconde d’une animation de cinq secondes, avant même de choisir un outil : c’est la partie que l’IA ne fait pas à votre place, et celle qui décide du résultat.
Avant de commencer (30 secondes). Imaginez l’animation de votre logo ou de votre titre. Notez : combien d’éléments bougent en même temps, et que voit-on à la seconde 3 ?
Votre premier essai, tout de suite
Ouvrez un assistant et collez ce modèle :
Je veux une animation de 5 secondes pour [mon logo / mon titre / mes trois étapes]. Public : [qui regarde, où]. Donne-moi un découpage seconde par seconde sous forme de tableau (seconde, ce qui apparaît, quel mouvement, quel son). Un seul élément principal bouge à la fois. Termine par ce qui pourrait gêner la lecture sur un téléphone.
Comparez avec votre image mentale : votre pari avait-il trop d’éléments en même temps ? Le plan seconde par seconde est ce qu’on remet ensuite à un outil ou à un animateur.
Maintenant, questionnez-le. Demandez : « Qu’as-tu supposé sur mon style et mon public ? Quel mouvement serait difficile à obtenir avec un outil d’IA ? » Notez la réponse : elle prépare la section sur ce que l’IA ne fait pas encore bien.
Ce qu’est le motion design et pourquoi on y revient
Un logo qui apparaît en trois temps au début d’une vidéo, un titre qui glisse en place, trois étapes qui s’enchaînent à l’écran pour expliquer un service, un chiffre qui s’incrémente : voilà du motion design. On en voit partout, et on croit qu’il faut pour cela un animateur, un logiciel coûteux et des semaines d’apprentissage. Ce n’est plus tout à fait vrai. Une personne seule peut aujourd’hui produire des animations propres, à condition de savoir ce qu’elle veut, de maîtriser quelques principes et de choisir le bon outil pour chaque besoin.
Ce chapitre pose le décor : ce qu’est le motion design, les usages qui valent la peine, les façons de le produire, et surtout la place exacte de l’IA dans la chaîne. À la fin, vous aurez choisi un premier projet réaliste et l’outil pour le mener.
Ce qu’est le motion design
Le motion design est l’art de faire bouger des éléments graphiques (texte, logo, formes, icônes, données) pour expliquer, attirer l’œil ou donner du rythme. Il se distingue de deux voisins :
- La vidéo filmée, où l’on capte du réel. Le motion design la complète : titres, légendes, transitions.
- La vidéo générée, où une IA produit des plans à partir d’un texte ou d’une image. Le sujet fait l’objet d’une autre formation, Images et vidéos par IA. Ici, nous nous en servirons comme d’une matière parmi d’autres, pas comme du produit final.
Ce qui fait un bon motion design tient en trois mots : clair, rythmé, sobre. Le mouvement n’est pas une décoration. Il dit où regarder, dans quel ordre lire, ce qui est important.
Les huit usages qui valent la peine
| Usage | À quoi il sert | Durée habituelle |
|---|---|---|
| Logo animé | Ouvrir ou fermer une vidéo, signature de marque | Quelques secondes |
| Titrage animé | Annoncer un sujet, rythmer une vidéo | Quelques secondes |
| Bandeau d’identification (nom, fonction) | Présenter un intervenant | Quelques secondes |
| Infographie animée | Montrer des étapes, un processus, des chiffres | 15 à 30 secondes |
| Vidéo explicative | Expliquer un service ou une idée | 30 à 90 secondes |
| Publicité courte, story | Attirer l’œil sur un réseau social | 6 à 20 secondes |
| Bannière ou visuel animé | Occuper un espace sur un site ou une page | Boucle de quelques secondes |
| Micro-animations d’interface | Guider dans une application ou un site | Une fraction de seconde |
Vous n’avez pas besoin de tout faire. Commencez par un seul, celui dont votre activité a vraiment besoin.
Les cinq façons de produire du mouvement
Il existe cinq familles d’outils, du plus simple au plus puissant. Elles se combinent.
| Famille | Principe | Convient pour | Limite |
|---|---|---|---|
| Un éditeur de modèles en ligne | On choisit un effet d’animation dans un menu | Réseaux sociaux, présentations, bannières | Peu de contrôle fin |
| Un logiciel de montage vidéo | On anime avec des repères de temps (images clés) | Titres, légendes, transitions | Moins adapté aux animations complexes |
| Un logiciel d’animation graphique | Calques, images clés, expressions | Logos animés, infographies soignées | Apprentissage plus long |
| Le code | On décrit le mouvement dans un fichier | Sites, boucles légères, animations réutilisables | Demande un peu de rigueur |
| La vidéo générative | Une IA produit des plans animés | Fonds, textures, ambiances | Contrôle faible sur le timing et le texte |
Un assistant d’IA intervient dans les cinq : il écrit le brief, le script, parfois le code ou les formules d’animation.
Ce que l’IA change, étape par étape
On peut suivre la chaîne de fabrication pour voir où l’IA apporte quelque chose.
1. Penser. Un assistant transforme une idée en script, en storyboard, en liste de plans. C’est là que l’on gagne le plus de temps, car la page blanche est le premier obstacle.
2. Fabriquer la matière. Générateurs d’images et de vecteurs produisent des illustrations, des icônes, des textures. On sépare ensuite les éléments pour pouvoir les animer.
3. Écrire le mouvement. Un assistant rédige les formules d’animation (« expressions » dans les logiciels qui les acceptent) ou le code d’une animation web. Vous testez et vous corrigez.
4. Prolonger ou générer des plans. Certains logiciels intègrent des fonctions génératives : prolonger de quelques images un plan trop court, créer un clip de fond à partir d’une image.
5. Décliner. Une fois l’animation faite, produire les versions pour chaque format (horizontal, vertical, carré) se fait vite si l’on a prévu les marges dès le départ.
Vérifié à l’automne 2026 :
| Fonction | Ce que la documentation indique |
|---|---|
| Prolongation d’un plan dans Premiere (Generative Extend) | Jusqu’à 2 secondes de vidéo et jusqu’à 10 secondes d’audio ; fonction « premium » accessible par certaines offres Creative Cloud ou par des offres Firefly |
| Génération de vidéo dans Adobe Firefly | À partir d’un texte ou d’une image ; page produit : clips de 5 secondes en 1080p, téléchargeables en MP4 ; formats 16:9, 9:16 ou 1:1 ; les réglages disponibles dépendent du modèle choisi |
| Animation dans Canva | On sélectionne une page ou un élément, on clique sur « Animer » dans la barre d’outils et on choisit un effet ; certaines animations sont réservées aux offres payantes ; pour conserver le mouvement, on télécharge en vidéo ou en GIF |
Ces points viennent de l’aide d’Adobe et de celle de Canva, recoupés par des articles spécialisés et des tutoriels. Les limites de durée et les menus changent souvent : vérifiez dans votre version.
Ce que l’IA ne fait pas (encore) bien
- Le contrôle précis du timing. Un clip généré ne tombe pas pile sur votre voix ou votre musique.
- Le texte lisible. Les lettres générées dans une image ou une vidéo se déforment ou changent d’une image à l’autre. On ajoute toujours le texte à part, avec une vraie police.
- La cohérence d’un plan à l’autre. Un même objet change de forme.
- Les boucles parfaites. Un clip généré ne reboucle pas proprement sans retouche.
- La fidélité à un logo. Si vous demandez à une IA d’animer votre logo, il se déforme. Pour votre logo, animez le fichier vectoriel d’origine.
D’où la règle de la formation : l’IA fabrique la matière et l’idée ; vous gardez la main sur le mouvement.
La chaîne que vous allez suivre
- Écrire le brief et le storyboard.
- Fabriquer les éléments (vecteurs, images, icônes).
- Animer avec le bon outil, sans en apprendre dix.
- Assembler : titres, plans réels ou générés, sons.
- Exporter et décliner.
- Vérifier : lisibilité, accessibilité, droits.
L’exemple suivi : le cabinet de Yasmine
Tout au long de la formation, nous suivrons Yasmine, qui dirige un petit cabinet de conseil en rénovation énergétique pour des particuliers. Yasmine est un personnage inventé pour la démonstration. Elle publie régulièrement sur LinkedIn et sur son site, et elle voudrait des supports animés sans engager un studio :
- un logo animé de cinq secondes, pour ouvrir et fermer ses vidéos ;
- un titrage et des bandeaux d’identification cohérents ;
- une infographie animée de vingt secondes montrant les trois étapes d’un projet (diagnostic, plan de travaux, suivi) ;
- une bannière animée pour son site ;
- les mêmes contenus en format vertical pour les réseaux.
Voici ce qu’elle a relevé en chronométrant. Les chiffres sont un exemple de présentation : les vôtres seront différents, et c’est pour cela qu’on les mesure.
| Tâche | Sans l’IA (estimation de Yasmine) | Avec l’IA, retouches et vérifications comprises |
|---|---|---|
| Storyboard d’une vidéo explicative de 30 secondes | 3 h | 40 min |
| Douze éléments vectoriels (icônes, formes) cohérents | 3 h | 45 min |
| Logo animé de 5 secondes | 3 h | 45 min |
| Infographie animée de 20 secondes | 4 h | 1 h 15 |
| Déclinaison en trois formats | 1 h 30 | 20 min |
Ordre de grandeur sur un cas comme celui-ci, jamais une promesse. Les gains viennent de la préparation (storyboard, éléments, formules d’animation écrites par l’assistant) beaucoup plus que de l’animation elle-même, qui reste un travail de réglage et d’écoute de l’œil.
Votre premier outil
Ne multipliez pas les logiciels. Choisissez selon ce que vous savez déjà et le résultat visé.
| Si vous voulez… | Commencez par | Pourquoi |
|---|---|---|
| Animer des visuels de réseaux sociaux ou une présentation | Un éditeur de modèles en ligne | Résultat en quelques minutes |
| Ajouter des titres et un logo à des vidéos que vous montez déjà | Votre logiciel de montage | Pas de nouveau logiciel |
| Un logo ou une infographie animés soignés | Un logiciel d’animation graphique | Contrôle fin, formules |
| Une animation légère pour un site | Le code, avec l’aide d’un assistant | Fichier léger et réutilisable |
| Un fond animé ou une ambiance | La vidéo générative | Gagne du temps sur la matière |
Ce que vous ne ferez pas
- Animer le visage ou la voix d’une personne réelle pour lui faire dire ce qu’elle n’a pas dit.
- Reprendre une animation ou un modèle sans en lire la licence. Beaucoup sont limités à un usage précis.
- Utiliser des effets de clignotement rapide. Ils peuvent déclencher des malaises chez certaines personnes, et nous y reviendrons avec les seuils officiels.
Modèle à copier : la fiche « besoin de mouvement »
| Rubrique | À remplir |
|---|---|
| Contenu à animer | Logo, titre, étapes, chiffre, bannière |
| Message en une phrase | Ce que le spectateur doit retenir |
| Où il sera vu | Site, LinkedIn, story, présentation |
| Format | 16:9, 9:16, 1:1 |
| Durée | En secondes |
| Son | Muet, musique, voix |
| Éléments disponibles | Logo vectoriel, charte de couleurs, polices |
| Temps actuel | Combien cela vous prend aujourd’hui |
Exercice
Durée : 30 à 40 minutes. Résultat : un premier projet choisi, avec sa fiche.
- Listez cinq contenus de votre activité qui gagneraient à bouger (un logo, une présentation, une explication de processus, une publicité, une bannière).
- Pour chacun, estimez le temps que vous y passeriez aujourd’hui ou que vous demanderiez à un prestataire.
- Choisissez-en un : le plus court et le plus utile.
- Remplissez la fiche « besoin de mouvement ».
- Choisissez votre premier outil avec le tableau ci-dessus. Notez pourquoi.
Critère de réussite : votre premier projet tient en une phrase (« une animation de six secondes de mon logo, en 16:9 et en 9:16, avec mon éditeur de montage »), avec une durée, un format, un usage et un outil. Si vous hésitez entre deux projets, prenez le plus petit.
Si cela ne marche pas : si vous hésitez entre deux projets, prenez le plus petit, comme le critère le dit. Si le choix d’outil vous bloque, ne retenez qu’une seule famille, celle que vous connaissez déjà, et notez pourquoi. Si vous ne savez pas estimer le temps d’un contenu, notez « inconnu » et chronométrez le premier essai.
Ce que vous savez maintenant
Répondez de mémoire, puis vérifiez avec les points qui suivent.
- Que fait le motion design, et quelles qualités doit-il avoir ?
- Combien de familles d’outils existent, et combien en choisit-on pour commencer ?
- Où l’IA intervient-elle, et que ne remplace-t-elle pas ?
- Pourquoi un premier projet court vaut-il mieux qu’un programme ambitieux ?
Points à retenir :
- Le motion design fait bouger des éléments graphiques pour expliquer et guider ; il est clair, rythmé et sobre.
- Cinq familles d’outils existent, du modèle en ligne à la vidéo générative ; on en choisit une seule pour commencer.
- L’IA intervient à cinq endroits (penser, fabriquer, écrire le mouvement, prolonger, décliner) mais ne remplace ni le contrôle du timing, ni le texte lisible, ni l’animation fidèle d’un logo.
- Un premier projet court, mesuré en temps, vaut mieux qu’un programme ambitieux.
Quand allez-vous le faire ?
Écrivez une phrase : « Dès que mon prochain contenu à illustrer arrive (présentation, publication), je remplis la fiche de besoin de mouvement avant de choisir l’outil. » Le déclencheur est la commande d’un contenu : à ce moment, la durée et le format sont encore à choisir.
La suite
Le chapitre suivant pose les principes du mouvement (durée, accélération, hiérarchie, rythme) et la carte de mouvement qui rend une animation réalisable dans n’importe quel outil. Viennent ensuite le brief, le script et le storyboard avec l’IA, la fabrication des éléments, l’animation dans un éditeur, un logiciel de montage ou par le code, la composition de titres et d’infographies, puis l’export, les déclinaisons et la livraison.
Vous avez lu le chapitre 1. La suite : 7 chapitres, 1 h 11 de lecture.
Accès immédiat et à vie, mises à jour comprises : 99 € une seule fois.
Acheter la formation, 99 €Remboursée sous 30 jours si vous avez lu moins d’un quart des chapitres.
Paiement sécurisé par Stripe · lien d’accès envoyé par e-mail · Déjà acheté ? Se connecter
Ou lisez toutes les formations avec l’abonnement, à partir de 29 € par mois.
Pour aller plus loin : la formation complète « Motion design par IA » · le guide gratuit Créer des images avec l'IA sans graphiste : méthode, outils et limites
À lire aussi, en lecture libre : Ce que l'IA sait faire pour le son, et par où commencer (Voix, musique et sons par IA) · Ce qu'est une identité visuelle, et ce que l'IA y change (Identité visuelle par IA)
Voir aussi : Voix, musique et sons par IA · Identité visuelle par IA · Créer une application avec l'IA, sans savoir coder