L’essentiel en bref
- Une story Instagram animée est une vidéo en 1080×1920, en général une courte boucle, utilisée à la place d’une story fixe.
- Les stories animées les plus lisibles font bouger le fond lentement et font entrer les mots une seule fois, puis les gardent immobiles.
- La première seconde compte le plus, donc le titre doit être entièrement à l’écran environ une seconde après l’ouverture de la story.
- Publiez les stories animées en vidéo MP4 en 1080×1920 plutôt qu’en GIF, pour que les dégradés restent lisses.
- Gardez texte et logos hors du haut et du bas du cadre, là où Instagram affiche sa propre interface.
Sur cette page
Une story Instagram animée fonctionne quand un seul élément bouge avec une intention et que tout le reste reste lisible. Concrètement : un fond qui dérive lentement, un titre qui entre une fois avec une courte animation puis reste en place, et rien d’important en haut ou en bas du cadre 1080×1920. Exportez-la en MP4, pas en GIF, et assurez-vous que la toute première image se lit déjà comme une création finie, car certaines personnes ne verront jamais que celle-là.
Ce qui doit bouger dans une story animée
Une story se regarde un instant, à bout de bras, souvent sans le son. Le mouvement attire l’œil, donc chaque élément qui bouge fait concurrence à vos mots. Les stories qui retiennent l’attention choisissent une seule couche animée et la rendent calme, puis laissent la typographie faire son travail. Les stories chargées paraissent dynamiques dans l’éditeur et épuisantes sur un téléphone.
Fatigant à regarder
- Chaque ligne de texte s’anime d’une façon différente
- Les mots continuent de bouger après leur arrivée
- Un fond rapide et très contrasté derrière un petit texte
- Stickers, GIF et effets empilés sur une même image
- Le titre apparaît après trois secondes
Retient l’attention
- Un seul style d’animation de texte pour toute la story
- Les mots arrivent, puis restent parfaitement immobiles
- Un fond lent avec une zone calme derrière les mots
- Un seul élément en mouvement, choisi exprès
- Le titre est lisible en moins d’une seconde
Le même principe traverse tout bon travail de motion, des logos aux sites web. Pour la théorie, les principes du motion design approfondissent le rythme, l’easing et la hiérarchie.
Quatre animations de texte qui marchent en story
L’animation de texte est le mouvement le plus utile d’une story, car elle indique à l’œil par où commencer. Gardez-la courte. Une entrée qui dure plus d’une demi-seconde environ commence à ressembler à une attente, et les gens zappent les attentes.
À utiliser pour
À utiliser pour
À utiliser pour
Ce qu’elle fait
À utiliser pour
Décalez les lignes plutôt que les mots : le titre d’abord, la ligne d’appui un temps après, l’invitation au lien en dernier. Cet ordre suit la façon dont on lit, et la story garde son sens même si quelqu’un part en cours de route. Pour d’autres approches, dont la typographie cinétique, voyez les idées d’animation de texte.
Le titre monte en premier, puis le détail. Les deux sont dans la bande centrale, à l’écart de l’interface.
Un compte à rebours qui surgit une fois. Le fond continue de bouger, donc la story reste vivante pendant que les mots tiennent.
Le rythme d’une story Instagram animée
Une story fixe reste à l’écran environ cinq secondes avant qu’Instagram passe à la suivante. Une story vidéo dure aussi longtemps que le clip, mais l’attention se concentre au début : si la première seconde est vide, le reste est rarement vu. Construisez la timeline à rebours à partir de là.
- 1
De 0 à 1 seconde : le titre
Le fond bouge déjà sur la première image. Le titre termine son entrée avant la fin de la première seconde.
- 2
De 1 à 2 secondes : l’appui
La deuxième ligne ou le produit arrive. Utilisez la même animation que pour le titre, avec un mouvement un peu plus réduit.
- 3
De 2 à 3 secondes : l’action
L’invitation au lien, la date ou le code apparaît. C’est la ligne sur laquelle on agit, elle a donc besoin de temps pour être lue.
- 4
Le reste : on tient
Plus rien n’entre. Le fond continue de dériver pour que la story boucle sans redémarrage visible.
Six à dix secondes est une durée confortable pour une story conçue avec un message court. Les clips plus longs conviennent à la parole ou à la démonstration, pas à un titre. Si la story doit boucler, le fond doit finir là où il a commencé, ce qui est expliqué pas à pas dans vidéo en boucle parfaite.
Taille, zones de sécurité et réglages d’export
Une story animée utilise le même cadre qu’une story fixe : 1080×1920 pixels, en 9:16. L’interface d’Instagram se superpose en haut et en bas, donc gardez mots et logos dans la bande centrale. Une règle de travail courante consiste à laisser sans texte environ les 250 pixels du haut et du bas. Le détail complet est dans taille de story Instagram.
Story et Reel 9:16
1080 × 1920
Post du fil 4:5
1080 × 1350
Carré 1:1
1080 × 1080
Pourquoi
Pourquoi
Pourquoi
Pourquoi
Pourquoi
Le GIF est le seul format à éviter ici. Sa limite de 256 couleurs transforme les dégradés doux en rayures, et pour Instagram une story qui bouge est une vidéo : donnez-lui une vidéo. La comparaison est détaillée dans GIF ou MP4.
Des stories animées qui ne ressemblent pas à celles des autres
La plupart des modèles de stories animées utilisent la même poignée de fonds animés, si bien qu’un fil qui en est rempli devient flou. Le fond est l’endroit où votre marque peut être reconnue avant que l’on lise un mot. Un champ de couleur animé qui vous appartient fait plus que n’importe quelle boucle de banque d’images.
Dans Gradiently, une story commence sur un Mark : un fond vivant en dégradé et en matière qui bouge de lui-même et qui est unique. Ajoutez votre titre, choisissez montée, pop, volet ou machine à écrire, et le Mark garde sa zone la plus calme derrière les mots pendant que l’encre automatique choisit un texte clair ou sombre ligne par ligne. La même création peut ensuite être déclinée en post du fil ou en fond de Reels sans la reconstruire. L’export vidéo fait partie de Pro et enregistre en MP4 quand votre navigateur le permet.
Un Mark lent derrière une seule ligne immobile. Le fond bouge ; les mots, jamais.
Les questions qu’on nous pose
Comment créer une story Instagram animée ?
Concevez un cadre 1080×1920 avec un fond animé et une seule animation de texte, gardez les mots dans la bande centrale, puis exportez en MP4 et publiez en story. La plupart des outils de design avec export vidéo savent le faire.
Quel format pour une story Instagram animée ?
Du MP4 en 1080×1920 pixels. Évitez le GIF : sa limite de 256 couleurs crée des bandes dans les dégradés, et Instagram traite de toute façon une story animée comme une vidéo.
Quelle durée pour une story Instagram animée ?
Pour une story conçue avec un message court, six à dix secondes est confortable. Affichez le titre dès la première seconde, car l’attention chute vite ensuite.
Pourquoi ma story animée est-elle floue ou pleine de bandes ?
En général, elle a été exportée en GIF, à la mauvaise taille ou avec un débit trop faible. Exportez en MP4 exactement en 1080×1920 pour qu’Instagram n’ait rien à redimensionner.
Le texte doit-il bouger tout le temps ?
Non. Faites entrer les mots une fois, puis laissez-les immobiles. Un texte en mouvement est plus difficile à lire, et un fond qui bouge lentement suffit à garder la story vivante.
É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