# Créer une story Instagram animée qui retient l’attention

[Canonical HTML page](https://gradiently.design/fr/guide/animated-instagram-story)

Une story dispose d’une seconde ou deux avant que le pouce passe à la suivante. Le bon mouvement gagne le reste du cadre ; le mauvais rend seulement les mots plus difficiles à lire.

## The short version

- 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.

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](https://gradiently.design/fr/guide/motion-design-principles) 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.

| Animation | Ce qu’elle fait | À utiliser pour |
| --- | --- | --- |
| Montée | Les mots glissent un peu vers le haut et se posent | Annonces calmes, citations, stories éditoriales |
| Pop | Les mots grandissent avec un léger dépassement | Offres, lancements, marques ludiques |
| Volet | Une ligne se révèle depuis un côté | Titres au sens de lecture marqué |
| Machine à écrire | Les lettres apparaissent l’une après l’autre | Questions, teasers, accroches courtes de quelques mots |

Choisissez-en une par story. La machine à écrire est la plus lente : gardez sa ligne courte, sinon elle tapera encore quand les gens passeront à la suite.

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](https://gradiently.design/fr/guide/text-animation-ideas).

Story verticale avec un fond en dégradé animé annonçant l’ouverture d’un nouveau studio vendredi

Le titre monte en premier, puis le détail. Les deux sont dans la bande centrale, à l’écart de l’interface.

Story verticale de compte à rebours indiquant Plus que deux jours pour une sélection printemps, sur un dégradé animé doux

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](https://gradiently.design/fr/guide/seamless-loop-video).

> **Faites de la première image une création finie** Les miniatures, les aperçus et les connexions lentes peuvent afficher la première image seule. Si vos mots entrent à partir de rien, cette image n’est qu’un fond vide. Commencez avec le titre en partie visible, ou concevez la première image comme une image fixe complète.

## 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](https://gradiently.design/fr/guide/instagram-story-size).

- Story et Reel 9:16: 1080 × 1920
- Post du fil 4:5: 1080 × 1350
- Carré 1:1: 1080 × 1080

Le cadre de story à côté des formats du fil. Concevez la story sur toute la hauteur plutôt que d’étirer un post du fil.

| Réglage | Recommandation | Pourquoi |
| --- | --- | --- |
| Format | MP4 | Instagram lit la vidéo nativement et garde des dégradés lisses |
| Taille | 1080×1920 px | Rien n’est redimensionné ni encadré de bandes |
| Cadence | 30 i/s | Assez fluide pour un mouvement lent, fichiers légers |
| Son | Facultatif | Beaucoup regardent sans le son, les mots doivent porter le message |
| À éviter | L’envoi de GIF | 256 couleurs par image créent des bandes dans les dégradés |

Réglages d’export pour une story animée conçue.

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](https://gradiently.design/fr/guide/gif-vs-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](https://gradiently.design/fr/guide/reels-tiktok-backgrounds) sans la reconstruire. L’export vidéo fait partie de Pro et enregistre en MP4 quand votre navigateur le permet.

Story verticale minimale avec une seule ligne sur une nouvelle carte, sur un dégradé qui bouge lentement

Un Mark lent derrière une seule ligne immobile. Le fond bouge ; les mots, jamais.

## FAQ

### 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.