Aller au contenu principal
Lundi Libre

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

  1. Écrire le brief et le storyboard.
  2. Fabriquer les éléments (vecteurs, images, icônes).
  3. Animer avec le bon outil, sans en apprendre dix.
  4. Assembler : titres, plans réels ou générés, sons.
  5. Exporter et décliner.
  6. 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.

  1. Listez cinq contenus de votre activité qui gagneraient à bouger (un logo, une présentation, une explication de processus, une publicité, une bannière).
  2. Pour chacun, estimez le temps que vous y passeriez aujourd’hui ou que vous demanderiez à un prestataire.
  3. Choisissez-en un : le plus court et le plus utile.
  4. Remplissez la fiche « besoin de mouvement ».
  5. 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.

  1. Que fait le motion design, et quelles qualités doit-il avoir ?
  2. Combien de familles d’outils existent, et combien en choisit-on pour commencer ?
  3. Où l’IA intervient-elle, et que ne remplace-t-elle pas ?
  4. 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.