Motion design : principes, outils, ajustements

Cette leçon est encore en test : elle s'améliore avec les retours des apprenants. Si quelque chose n'est pas clair, c'est la leçon qu'il faut corriger, pas toi.

À la fin de cette leçon, tu sauras

appliquer les principes du motion design : un mouvement, une intention ;
choisir l’outil le plus simple qui suffit ;
animer un texte et une image avec la transition Morphose de PowerPoint, ou dans ton logiciel de montage ;
ajuster une animation : durée, lisibilité, régularité.

Pourquoi ça t’intéresse

Le motion design, c’est l’art d’animer des textes, des formes et des images. Bien utilisé, il guide l’œil : la date apparaît au moment où la voix la dit, le lieu se met en valeur. Mal utilisé, il fatigue et cache le message. Les outils d’IA promettent beaucoup sur ce terrain, et changent vite. Les principes, eux, ne changent pas : c’est par eux qu’on commence.

Avant de commencer


Il te faut	Ton logiciel de présentation (PowerPoint, avec la transition Morphose si ton offre l’a) ou ton logiciel de montage ; ton storyboard (leçon 1) et ta fiche charte (module 10, leçon 4)
Coût	0 € avec tes logiciels ; la transition Morphose de PowerPoint demande Microsoft 365 ou une version récente d’Office
Durée	60 minutes
Rappel	Rien de personnel dans les textes animés

Comprendre en 3 minutes

Cinq principes :

Principe	Concrètement
Un mouvement, une intention	Chaque animation montre quelque chose : une information qui arrive, un lien entre deux idées
Un seul mouvement à la fois	L’œil suit une chose ; deux animations en même temps se gênent
Le temps de lire	Un texte reste à l’écran assez longtemps pour être lu en entier, à la vitesse de la vidéo
La régularité	Les mêmes entrées, les mêmes sorties, les mêmes durées dans toute la vidéo
La lisibilité	Taille et contraste suffisants (module 10, leçon 4 : 4,5:1 pour le texte courant, 3:1 pour le grand texte, d’après le W3C)

L’outil le plus simple qui suffit :

ton logiciel de présentation : des animations simples, et des transitions comme la Morphose de PowerPoint ;
ton logiciel de montage (leçon 4) : des titres animés, des transitions ;
des outils spécialisés ou du code animé par un agent : un autre niveau, pour plus tard.

La Morphose de PowerPoint, d’après l’aide de Microsoft (24/10/2026) : elle crée l’apparence d’un mouvement entre deux diapositives, pour du texte, des formes, des images, des graphiques SmartArt et du WordArt (pas les graphiques). Elle est disponible avec un abonnement Microsoft 365, ou dans les versions récentes d’Office.

Il faut deux diapositives avec au moins un objet en commun : le plus simple est de dupliquer la diapositive, puis de déplacer ou de modifier l’objet sur la seconde.

Faire ensemble

1Étape 1 : Choisir les moments à animer

Reprends ton storyboard. Marque deux ou trois moments où une animation sert le message : par exemple, la date qui grandit quand la voix la dit. Pas plus.

2Étape 2 : Une Morphose, pas à pas

Dans PowerPoint :

crée une diapositive avec la date en petit, en bas ;
duplique-la ;
sur la copie, agrandis la date et place-la au centre ;
applique la transition Morphose à la seconde diapositive ;
lance le diaporama : la date glisse et grandit ;
pour t’en servir dans ta vidéo, exporte la présentation en vidéo MP4 (sur Windows : Fichier, Exporter, Créer une vidéo ; sur Mac : Fichier, Exporter, puis le format MP4), et importe ce fichier dans ton logiciel de montage.
Regarde le résultat : d’après l’aide de Microsoft pour Mac, plusieurs transitions sont jouées différemment dans un film que dans une présentation, et les effets d’animation n’y sont pas du tout lus. Sur Mac, préfère donc les transitions, comme la Morphose.

Sans PowerPoint : fais le même mouvement avec un titre animé dans ton logiciel de montage.

3Étape 3 : Ajuster

Regarde l’animation à la vitesse réelle :

la date se lit-elle avant de disparaître ?
le mouvement dure-t-il moins d’une seconde, sans brusquer ?
les couleurs respectent-elles ta charte et son contraste ?
les autres animations de la vidéo ont-elles la même allure ?

Si tu te fais aider par une IA pour régler une animation, donne-lui ton logiciel et sa version, et vérifie dans l’aide officielle si le menu décrit n’existe pas chez toi.

Faire toi-même

Choisis deux ou trois moments à animer dans ta vidéo.
Anime-les avec l’outil le plus simple qui suffit.
Ajuste avec les quatre questions de l’étape 3.
Note les réglages (durées, style d’entrée) pour les réutiliser.

Vérifier

C’est réussi si :

chaque animation a une intention, et il n’y en a pas plus de deux ou trois ;
chaque texte animé se lit en entier ;
les animations se ressemblent d’un bout à l’autre de la vidéo ;
les couleurs respectent ta charte et ses contrastes.

Erreurs fréquentes :

animer tout, tout le temps ;
plusieurs mouvements en même temps ;
un texte qui passe trop vite pour être lu ;
un style d’animation différent à chaque plan.

Conserver et reprendre

Note tes réglages d’animation dans ta fiche charte : ils font partie de ton style.
Garde la présentation ou le projet de montage : c’est ta source modifiable.

Pour aller plus loin

facultatif

Un agent comme Claude Code peut écrire des animations en code (une page web animée, par exemple), à transformer ensuite en vidéo : c’est un travail avancé, qui demande les modules 4 et 12, et des outils à évaluer avec la méthode du module 13, leçon 4.

Mots nouveaux

4 mots expliqués

Mot	Ce que ça veut dire
Motion design	L’animation de textes, de formes et d’images, au service d’un message
Transition	Le passage animé d’une diapositive ou d’un plan au suivant
Morphose	La transition de PowerPoint qui fait se transformer un objet d’une diapositive à l’autre
Régularité	Les mêmes animations, durées et styles dans toute la vidéo

À vérifier : aucune animation n’a été réalisée pour cette leçon (pas de production vidéo pendant sa rédaction) ; les animations de Keynote, de Google Slides et des logiciels de montage ne sont pas décrites.