L’essentiel en bref
- Les modèles de motion design sont des designs déjà animés où vous changez les mots, les couleurs et les médias pendant que le mouvement reste prêt.
- Les modèles pour After Effects et Premiere Pro exigent ces logiciels, tandis que les outils de design dans le navigateur proposent des modèles animés que l’on modifie comme un design ordinaire.
- Un bon modèle animé a peu d’éléments en mouvement, du texte modifiable, des formats pour chaque plateforme et une boucle qui se raccorde proprement.
- Les modèles paraissent génériques quand les couleurs, la typographie et le fond restent tels quels : remplacez les trois avant de publier.
- Des boucles courtes de 5 à 15 secondes conviennent à la plupart des posts et stories animés.
Sur cette page
Les modèles de motion design sont des designs déjà animés : vous changez les mots, les couleurs, les photos ou le logo, et le mouvement est fait pour vous. Ils existent pour des logiciels vidéo professionnels comme After Effects et Premiere Pro, mais vous n’avez besoin ni de l’un ni de l’autre. Les outils de design dans le navigateur proposent des modèles animés que l’on modifie comme n’importe quel design, puis que l’on exporte en vidéo ou en GIF. Le secret : choisir des modèles au mouvement simple et calme, et en remplacer assez pour que le résultat ressemble à votre marque.
Les différents types de modèles de motion design
« Modèle animé » recouvre des fichiers très différents. Celui qu’il vous faut dépend du logiciel que vous utilisez déjà et du niveau de contrôle dont vous avez besoin.
Fonctionne dans
Idéal pour
Prise en main
Fonctionne dans
Idéal pour
Prise en main
Fonctionne dans
Idéal pour
Prise en main
Fonctionne dans
Idéal pour
Prise en main
Fonctionne dans
Idéal pour
Prise en main
Du motion design sans After Effects
After Effects est conçu pour les images clés, les expressions et la composition, bien plus que ce dont un post de soldes animé a besoin. Pour la plupart des contenus sociaux et marketing, trois types de mouvement font tout le travail, et les bons outils dans le navigateur les proposent tous les trois sans une seule image clé.
- Le mouvement du fond. Le champ de couleur dérive, s’écoule ou respire lentement derrière des mots immobiles. Calme, haut de gamme et facile à boucler.
- Les entrées de texte. Les mots montent en place, surgissent, apparaissent en volet ou s’écrivent lettre par lettre, puis restent immobiles assez longtemps pour être lus.
- Les séquences de pages. Plusieurs écrans s’enchaînent avec une transition entre eux, comme un carrousel animé.
La règle qui garde les trois professionnels : faites bouger une seule chose à la fois, et laissez les mots se poser avant que quoi que ce soit d’autre ne se passe. Les principes du motion design et l’easing expliquent pourquoi un mouvement calme se lit comme un gage de qualité.
Ce qui fait un bon modèle animé
À laisser de côté
- Tout bouge en même temps
- Le texte disparaît avant que vous puissiez le lire
- Un seul format possible
- Un saut quand la boucle redémarre
- Des effets qui ne marchent qu’avec la photo de démo
À choisir
- Un ou deux éléments en mouvement, le reste immobile
- Les mots arrivent, puis restent deux secondes ou plus
- Des versions story, post et carré
- Une boucle qui se raccorde sans couture visible
- Beau avec vos mots, pas seulement avec l’exemple
Testez un modèle avec votre vrai titre, le plus long, avant de vous engager. Beaucoup de modèles sont superbes avec une ligne d’exemple de trois mots et s’effondrent avec la vôtre.
Les modèles à garder sous la main
Une petite série de modèles animés couvre l’essentiel de ce que publie une entreprise. Créez chacun une fois dans votre marque, enregistrez-le, et chaque version future ne demandera que deux minutes de modification.
Une story de compte à rebours : le chiffre change chaque jour, le fond et la mise en page jamais.
Un post de soldes où les mots montent sur un fond qui dérive, puis restent en place.
- Annonce : nouveau produit, nouveaux horaires, nouvelle recrue. Voyez le post d’annonce.
- Compte à rebours : lancements, événements, échéances. Voyez le post compte à rebours.
- Citation ou témoignage : les mots d’un client, écrits ligne par ligne.
- Soldes ou offre : le titre et les dates, rien d’autre.
- Conseil ou tutoriel : une courte séquence de pages, une étape par page.
- Événement : date, lieu, une ligne sur le pourquoi.
Comment faire ressembler un modèle à votre marque
On repère un modèle en un instant quand il porte encore ses couleurs d’origine. Remplacez ces éléments, dans cet ordre, et il devient le vôtre.
- 1
Changez le fond
Le fond occupe la majeure partie de l’image, il fait donc l’essentiel du travail de marque. Utilisez votre propre champ de couleur ou dégradé, pas celui du modèle.
- 2
Changez la typographie
Composez les titres dans la police de titre de votre marque et les petits textes dans sa police de texte.
- 3
Supprimez le superflu
Effacez les formes décoratives, autocollants et zones de texte en trop. Moins d’éléments, qui bougent moins, paraissent plus haut de gamme.
- 4
Ralentissez le mouvement
Si le modèle propose un rythme, choisissez le plus lent. Les boucles rapides font bon marché à la répétition.
- 5
Faites tous les formats à partir d’un design
Construisez les versions story, fil et carré à partir du même fichier pour qu’elles gardent exactement le même style.
Exporter des modèles animés
Exportez en MP4 pour Instagram, TikTok, LinkedIn et partout où la vidéo se lit ; n’utilisez le GIF que là où la vidéo ne passe pas, comme dans certains clients e-mail. Gardez des boucles de 5 à 15 secondes pour les posts et les stories, et vérifiez que la dernière image s’enchaîne avec la première. GIF ou MP4 explique les compromis, et les posts Instagram animés couvrent la publication.
Les modèles animés dans Gradiently
Les modèles de Gradiently (posts, stories, affiches, menus, cartes et fonds d’écran) prennent votre Mark comme fond : la partie en mouvement est un dégradé ou une matière vivante qui n’appartient qu’à vous une fois réservée, et aucun autre modèle ne lui ressemble. Les mots peuvent monter, surgir, apparaître en volet ou s’écrire à la machine, le Mark peut dériver, s’écouler, respirer ou tourbillonner, et avec Pro vous exportez des boucles parfaites de 5 à 30 secondes en MP4, WebM ou GIF, chaque format étant tiré d’un seul design. La bibliothèque complète de modèles fait partie de Pro.
Les questions qu’on nous pose
Qu’est-ce qu’un modèle de motion design ?
Un design déjà animé où vous changez les mots, les couleurs et les médias pendant que l’animation reste en place. Il en existe pour After Effects, Premiere Pro, Final Cut Pro et les outils de design dans le navigateur.
Peut-on faire du motion design sans After Effects ?
Oui. Les outils de design dans le navigateur proposent des modèles animés avec mouvement de fond, entrées de texte et transitions de pages, exportés en MP4 ou en GIF, sans images clés à apprendre.
Qu’est-ce qu’un fichier MOGRT ?
Un fichier Motion Graphics Template pour Adobe Premiere Pro. Il est en général construit dans After Effects et expose des commandes simples, comme le texte et la couleur, à modifier dans Premiere.
Quelle durée pour un post animé sur les réseaux sociaux ?
Cinq à quinze secondes conviennent à la plupart des posts et stories. Laissez les mots immobiles au moins deux secondes pour qu’on puisse les lire.
Comment éviter qu’un modèle animé paraisse générique ?
Remplacez son fond, ses polices et ses couleurs par les vôtres, supprimez les éléments décoratifs et ralentissez le mouvement.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil