Animation

Motion graphics pour les marques qui ne font pas de vidéo

La plupart des petites marques publient des images fixes, car la vidéo ressemble à un second métier. Une lente boucle de votre propre style qui bouge sous des mots immobiles vous mène presque au but, sans montage.

GradientlyCompte Gradiently vérifié··6 min de lecture
Couverture : Analog Seal · GR·AR5D·D3

L’essentiel en bref

  • Le motion graphics de marque le plus simple garde les mots et le logo immobiles et laisse l’arrière-plan bouger lentement, en courte boucle.
  • Une boucle de 5 à 30 secondes suffit pour les stories, les reels, les bannières de site et les écrans d’événement, sans montage ni images tournées.
  • Le mouvement devient une part de l’identité quand la même matière bouge de la même façon partout, comme une couleur de marque reste la même.
  • Un mouvement lent et calme convient à la plupart des marques ; le mouvement rapide et le cycle de couleurs sont de forts accents, à garder pour les lancements et les événements.
  • Chaque visuel animé doit avoir une version fixe pour les endroits qui ne lisent pas la vidéo et pour les personnes qui préfèrent la réduction des animations.
Sur cette page

Le motion graphics de marque n’implique pas forcément une équipe vidéo, un tournage ou une timeline de montage. Pour une marque qui publie surtout des images fixes, le mouvement le plus utile est le plus simple : gardez les mots et le logo parfaitement immobiles, et laissez l’arrière-plan dériver, couler ou luire dessous, en courte boucle. Cela paraît travaillé, c’est facile à faire chaque semaine, et cela vous garde fidèle à vous-même.

Voici un guide pratique de cette approche : pourquoi elle marche, quels types de mouvement conviennent à quelles marques, quelle durée et quelle vitesse, et où elle mérite sa place. Si vous voulez l’art de la boucle elle-même, voyez comment réaliser une vidéo en boucle parfaite.

Pourquoi les marques fixes gagnent à ajouter un peu de mouvement

Les stories, les reels et de nombreux fils lisent la vidéo automatiquement : un post animé s’y installe donc naturellement. Notre œil remarque aussi vite le mouvement en périphérie, ce qui explique qu’un lent glissement de couleur puisse retenir l’attention là où une énième image fixe serait ignorée. Rien de tout cela ne demande du spectaculaire. Un arrière-plan qui bouge doucement pendant que le message reste lisible fait le travail.

Le hic, c’est la production. Une marque fixe n’a en général ni images tournées, ni motion designer, ni temps. C’est pourquoi l’approche décrite ici marche : vous créez un post fixe comme d’habitude, et la seule chose qui bouge est la matière derrière.

Une annonce fixe, exportée en boucle : les mots tiennent, le champ bouge.

La même matière sur un post de fil, pour que le mouvement se lise comme la marque.

Production vidéo complète

  • Images tournées, montage et son
  • Les mots bougent, coupent et changent
  • Des jours par pièce
  • Difficile de rester cohérent d’une semaine à l’autre

Un arrière-plan animé

  • Un design fixe, rien à filmer
  • Les mots restent en place et faciles à lire
  • Des minutes par pièce
  • La même matière à chaque fois

Choisir le type de mouvement

Des mouvements différents disent des choses différentes, comme la typographie et la couleur. Choisissez-en un par défaut et gardez-le : votre mouvement devient reconnaissable. Les principes du motion design expliquent le raisonnement derrière chaque choix.

MouvementÀ quoi il ressembleConvient à
DériveLe champ glisse lentement dans le cadreMarques calmes, haut de gamme, éditoriales
FluxUn courant régulier traverse la couleurBien-être, voyage, tout ce qui parle d’aisance
RespirationLa lumière enfle et retombe, à peine mobileLuxe, beauté, annonces discrètes
TourbillonLa matière se plie et tourne sur elle-mêmeMusique, vie nocturne, marques ludiques
Glissement de couleurLes teintes penchent d’un côté puis reviennentPosts saisonniers et variété douce
Cycle de couleurLes teintes parcourent tout le cercleLancements et événements, avec parcimonie
Noms de mouvement tels qu’ils apparaissent dans l’export vidéo de Gradiently ; les idées valent dans n’importe quel outil.

Quelle durée et quelle vitesse

Des boucles de 5 à 30 secondes couvrent presque tous les usages. Les boucles courtes de 5 à 8 secondes se répètent souvent, ce qui convient aux stories et aux posts rapides. Les boucles plus longues de 15 à 30 secondes paraissent moins répétitives et conviennent aux écrans que l’on regarde un moment, comme la bannière d’un site ou l’affichage d’un lieu.

Le rythme compte plus que la durée. Un mouvement lent se lit comme assuré et laisse les mots parler ; un mouvement vif se lit comme énergique mais détourne l’attention du message. En cas de doute, allez plus lentement que ce que vous imaginez d’abord. Un bon test : pouvez-vous lire le post confortablement pendant que l’arrière-plan bouge ? Si votre œil est sans cesse tiré loin des mots, ralentissez.

Story et Reel

1080 × 1920

Post Instagram

1080 × 1350

Post X

1600 × 900

Bannière de site

1920 × 1080

Les formats où un arrière-plan animé travaille le plus. Chacun a sa propre mise en page, ce n’est pas un recadrage d’un autre.

Où le mouvement mérite sa place

  • Stories et reels : la maison naturelle des boucles. Voyez les arrière-plans pour Reels et TikTok pour les zones de sécurité.
  • Posts de fil : une version animée d’une annonce ou d’une offre se distingue des posts fixes. Posts animés ou fixes explique quand cela aide.
  • Bannières de site : une vidéo en boucle sans son ou un arrière-plan vivant derrière le titre, avec une version fixe de secours.
  • Écrans d’événement et de boutique : de longues boucles lentes qui tournent toute la soirée sans paraître répétitives.
  • E-mail : seulement en petit GIF, car la plupart des messageries ne lisent pas la vidéo. GIF ou MP4 explique le compromis.
  1. 1

    Créez d’abord le design fixe

    Faites le post comme s’il ne devait jamais bouger. Si le design fixe ne marche pas, le mouvement ne le sauvera pas.

  2. 2

    Choisissez votre mouvement maison

    Choisissez un mouvement et un rythme pour les posts du quotidien, et notez-les à côté de vos couleurs et de vos polices.

  3. 3

    Exportez une boucle

    Exportez 8 à 15 secondes pour les réseaux, plus pour les écrans. Vérifiez que la fin rejoint le début sans saut.

  4. 4

    Gardez une version fixe

    Exportez un PNG du même design pour les endroits qui ne lisent pas la vidéo, et pour les personnes qui ont demandé la réduction des animations.

  5. 5

    Gardez les grands mouvements pour les moments forts

    Le cycle de couleurs, un rythme plus rapide et les particules sont des accents. Utilisez-les pour un lancement ou un événement, pour qu’ils gardent leur effet.

Faire du mouvement une part de l’identité

Le mouvement fonctionne comme tout autre élément de marque distinctif : il devient reconnaissable par la répétition. Si votre arrière-plan dérive lentement vers la gauche dans chaque story, les gens finissent par associer cette dérive à vous. Si chaque post bouge différemment, le mouvement n’est que de la décoration.

C’est là qu’un Mark aide. Dans Gradiently, le Mark derrière vos designs est une matière vivante : n’importe quel design peut donc être exporté en boucle de 5 à 30 secondes, avec le mouvement, le rythme, le comportement des couleurs et les particules de votre choix. La boucle est raccordée de sorte que sa fin rejoigne son début, et elle s’exporte en vidéo jusqu’à 1080p, ou en petit GIF. Comme la matière animée est le même Mark que vos posts fixes, le mouvement ressemble au reste de votre fil au lieu d’en être l’exception.

Analog Seal

GR·AR5D·D3

Analog Seal

Voir ce Mark
Le Mark derrière cet article. La matière qui reste immobile derrière un post est celle qui bouge dans sa boucle.

Les questions qu’on nous pose

Qu’est-ce que le motion graphics pour les marques ?

Ce sont des visuels animés au style de la marque : logos, arrière-plans, textes et formes qui bougent. Pour les petites marques, un design fixe sur un arrière-plan qui bouge lentement est la forme la plus simple et la plus cohérente.

Combien de temps doit durer une animation de marque en boucle ?

5 à 30 secondes couvrent la plupart des usages. Prenez 5 à 15 secondes pour les stories et les posts, et des boucles plus longues et plus lentes pour les bannières de site et les écrans d’événement.

Faut-il un logiciel vidéo pour animer mes posts ?

Non. Les outils qui rendent un arrière-plan animé derrière un design fixe, dont Gradiently, exportent directement une vidéo en boucle, sans timeline de montage.

Les mots doivent-ils bouger aussi ?

En général non. Garder les mots immobiles les rend faciles à lire et laisse l’arrière-plan porter le mouvement, ce qui garde aussi le design calme.

Quel format pour un post en boucle ?

Le MP4 est le choix sûr pour les réseaux et les sites. Utilisez un GIF seulement là où la vidéo ne se lit pas, comme dans la plupart des messageries.

Partager ce guide

Écrit par GradientlyCompte Gradiently vérifié

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
Tous les guides : Animation