Le moment où un nouveau logo est approuvé sur fond blanc est le pire moment pour commencer à l'animer. Tout ce qui tournera mal en vidéo — un logotype qui s'effondre à 98 pixels, un contour conçu pour l'impression, des zones transparentes qui deviennent des boîtes grises dans un export compressé — est invisible dans le fichier que l'équipe de design vient de valider.
Le travail suit donc un ordre précis. Six vérifications, toutes peu coûteuses, toutes faites avant qu'un seul keyframe n'existe. Faites-les d'une traite et l'animation est un travail de vingt minutes. Sautez-les et l'animation est une reconstruction. Si vous n'avez jamais animé de marque auparavant, la mécanique est couverte dans comment animer un logo ; cet article parle de tout ce qui doit être vrai avant cela.
Un logo vidéo n'est pas un fichier de logo
La première correction mentale est qu'un logo vidéo n'est pas un logo différent. C'est la même marque, dans un ensemble de conditions bien plus dures, et cela change quelles décisions portent le poids.
Un logo imprimé est vu une fois, à une taille confortable, sur une surface qui ne le recompresse pas. Un logo vidéo est vu dans un avatar de 98 pixels, à bout de bras, après un encodage avec perte qui a déjà jeté les détails fins, parfois avec une barre de légende sur le tiers inférieur de l'image. Rien de tout cela n'est une critique du design. C'est simplement une condition de visionnage différente, et les éléments qui y survivent sont construits en ayant ces conditions en tête.
C'est pourquoi les vérifications ci-dessous sont ordonnées comme elles le sont. La petite taille d'abord, car c'est la décisive et la plus coûteuse à corriger plus tard. Puis les propriétés techniques, puis la taille de cadre, puis le traitement du mouvement, puis l'export. Inverser l'un des trois premiers coûte un redessin. Si vous partez d'une marque qui n'a jamais été conçue pour le mouvement, les contraintes sont rassemblées dans ce que l'animation de logo requiert vraiment.
Étape 1 · Testez la marque à 98 pixels
Exportez la marque à sa taille d'affichage réelle, mettez-la sur un téléphone, et regardez-la une seconde. Pas en zoom, pas sur un moniteur, pas en pleine résolution avec le nom de fichier à côté.
Trois choses échouent généralement. Les traits fins disparaissent entièrement — un filet d'un pixel dans l'original devient rien après la mise à l'échelle. L'espace négatif se referme, donc les contres se remplissent et les lettres fusionnent. Et tout dégradé s'aplatit en un seul ton moyen, ce qui peut changer silencieusement la relation de couleur entre le symbole et le logotype.
Le correctif n'est pas de tout redessiner. C'est de décider ce que montre le plus petit placement. Une version symbole seule pour les avatars et une version symbole plus logotype pour les cadres larges est le partage standard, et ça coûte un après-midi plutôt qu'un rebranding.
Concevoir sur une grande toile et décider à la petite taille est toute la méthode, et c'est la seule habitude qui rapporte sur chaque élément ensuite. Le même raisonnement s'applique à la version statique d'une marque qui finit dans un GIF : le format force la même simplification, c'est pourquoi les contraintes de palette derrière un GIF de logo valent la peine d'être comprises même si vous ne publiez que de la vidéo.
Étape 2 · Confirmez que la transparence est réelle
Un fichier de logo peut paraître transparent sans l'être. Ouvrez le PNG sur un fond sombre et vérifiez que la zone autour de la marque est réellement absente plutôt qu'un rectangle de blanc que le fond de la maquette a par hasard caché.
Cela compte plus en vidéo que partout ailleurs, car la marque animée est composée sur des fonds photographiques — une tête qui parle, une photo produit, un paysage urbain de nuit. Une plaque blanche derrière la marque est immédiatement visible comme une plaque blanche, et aucun design de mouvement ne la cache. Les ombres douces à demi transparentes sont l'autre échec courant : elles se lisent comme une boîte grise une fois que l'encodeur moyenne le canal alpha.
Les formats sûrs sont SVG et un PNG avec un vrai canal alpha, et la différence entre eux vaut la peine d'être connue avant d'exporter : le PNG prend en charge un mélange alpha complet, tandis que le format GIF est limité à un seul index totalement transparent par image, c'est pourquoi les bords doux y paraissent éraillés — w3.org — spécification PNG. Si votre seul fichier est un JPEG, vous n'avez pas encore un logo transparent.
Étape 3 · Décidez du plus petit cadre d'abord
La taille de cadre est une décision de conception, pas un réglage d'export, et la plus petite du jeu décide la composition.
Le vertical 9:16 est le recadrage le plus serré d'un ensemble de contenu normal — il a le moins de place horizontale pour un logotype, donc c'est là qu'un lockup fonctionne ou doit être reconstruit. Le carré 1:1 est le milieu sûr pour les placements en fil qui recadrent agressivement. L'horizontal 16:9 jusqu'à 4K couvre YouTube, les bandeaux de site web et tout ce qui est sur un écran dans une pièce physique.
Construisez la version verticale d'abord si le contenu est social-first, puis adaptez vers l'extérieur. Partir d'un maître large pour descendre au vertical est l'erreur qui produit le plus de redessins, car la composition était résolue pour une place que le cadre vertical n'a jamais eue. Si le lockup est le problème plutôt que l'animation, les conventions d'agencement sont couvertes dans les fondamentaux de la vidéo de logo.
Étape 4 · Choisissez le traitement du mouvement selon la géométrie de la marque
Le traitement doit se lire sur la marque elle-même. Un symbole géométrique à angles durs prend une révélation par masque ou une construction à partir de pièces, car la géométrie suggère déjà d'où viennent les morceaux. Une marque circulaire ou organique prend une mise à l'échelle radiale ou une stabilisation. Un logotype qui doit rester lisible ne prend presque rien — un court fondu et une tenue.
Ce qui ne marche pas est de choisir l'animation dans une liste d'effets et de l'appliquer à la marque qui se trouve devant vous. C'est le mécanisme derrière l'erreur reconnaissable où une marque semble bouger contre sa propre forme, ce que les spectateurs lisent comme amateur même s'ils ne peuvent pas expliquer pourquoi.
Deux valeurs décident du résultat plus que le choix de l'effet : le nombre d'images que prend l'entrée, et ce qui se passe dans les deux images autour de l'arrêt. Une entrée en moins de 24 images à 24 images par seconde paraît sûre d'elle. Une entrée de 40 images paraît une attente. Et une marque qui arrive et s'arrête net se lit comme un saut de montage plutôt qu'un mouvement, c'est pourquoi une stabilisation de deux images vaut la peine d'être ajoutée avant d'ajouter une durée.
Étape 5 · Fixez la base technique avant d'animer
Notez ces quatre valeurs une fois et réutilisez-les pour chaque export, car les spécifications de plateforme changent et reconstruire de mémoire est la façon dont un jeu finit incohérent entre les canaux.
Framerate : 24 pour tout ce qui a une stabilisation et une tenue, 30 là où une plateforme réencode agressivement. Ratios d'aspect : 9:16, 1:1 et 16:9, tous exportés d'une seule source pour que le timing reste identique. Durée : une à trois secondes pour une ouverture, deux à six pour un cut de lancement. Et espace colorimétrique : exportez en Rec. 709 et n'improvisez pas, car une couleur de marque saturée qui change après transcodage est pire que n'importe quel artefact de compression et elle ne sera visible qu'une fois le fichier joué sur le téléphone de quelqu'un d'autre.
Les chiffres de la plateforme valent la peine d'être vérifiés plutôt que supposés, car ils diffèrent plus que prévu. L'API de publication Reels de Meta documente ses exigences explicitement — ratio d'aspect 9:16, 1080 par 1920 pixels recommandés avec un minimum de 540 par 960, 24 à 60 images par seconde, et compression H.264 ou H.265 avec un GOP fermé de deux à cinq secondes — developers.facebook.com — publication Reels.
Étape 6 · Regardez-le en sourdine et à la taille de fil
La dernière vérification prend quatre-vingt-dix secondes et attrape les échecs que les cinq autres ne peuvent pas. Exportez la pièce finie, jouez-la sur un téléphone à la taille réelle de fil, sans son.
Si l'arrivée se lit encore comme délibérée sans l'audio, le timing porte le travail et la piste est un bonus. Si la couper fait paraître les cuts arbitraires, le problème est dans les points de cut, pas dans la musique — et ajouter un whoosh ou un riser ne réparera pas un cut qui est à quelques images du temps. C'est aussi là que la précision au niveau image d'une grille type métronome aide, et le modèle sous-jacent de la façon dont le timing est exprimé sur une durée est documenté dans la <a href="https://www.w3.org/TR/web-animations-1/">spécification Web Animations</a> du W3C, qui vaut un coup d'œil si vous voulez le vocabulaire de ce que vous ajustez.
Regardez-le trois fois avant de publier, pas une. Le premier regard voit le logo. Le second voit le timing. Le troisième voit ce qu'un étranger voit, qui est le seul qui compte.
Ce que l'arrivée d'un nouveau logo change au travail
Il y a une différence structurelle entre animer une marque établie et animer une toute nouvelle, et elle décide combien de l'ordre en six étapes vous pouvez sauter.
Une marque établie est déjà passée par ce filtre publiquement. Elle est apparue à petites tailles sur des années d'éléments, quelqu'un s'est plaint d'une version qui ne se lisait pas, et la variante simplifiée existe probablement déjà comme fichier secondaire. Les vérifications attrapent encore des problèmes, mais la marque a généralement été testée quelque part.
Une nouvelle marque a été testée dans un seul contexte précis : une présentation, à une taille confortable, sur un écran que personne ne défilait. C'est la condition de visionnage la plus indulgente que la marque rencontrera jamais. L'avatar de 98 pixels n'a jamais été considéré, l'export transparent n'existe peut-être pas encore, et personne n'a vérifié si le contour qui tient à l'échelle d'affiche survit à un encodage vidéo.
Les six étapes sont donc chargées au début à dessein : trois d'entre elles — le test de petite taille, la vérification de transparence et la décision de cadre — sont des vérifications du fichier source plutôt que de l'animation. Les corriger après que l'animation existe signifie refaire l'animation. Les corriger à l'avance coûte un après-midi et, dans la plupart des cas, une variante simplifiée de la marque.
Si vous voulez la version courte de toute la discipline avant de vous engager dans une construction complète, l'anatomie d'une marque animée — entrée, stabilisation, tenue — est exposée dans les styles que les marques utilisent réellement, et il est plus facile de choisir un traitement une fois que vous pouvez nommer les alternatives : styles de logo animé.
La fiche de transfert
Une page de chiffres, gardée à côté des fichiers d'export. Elle prend dix minutes à écrire une fois et c'est la différence entre une marque cohérente et un jeu de fichiers qui ont chacun dérivé un peu.
Fichier source : le SVG ou PNG transparent à partir duquel vous animez, avec la variante simplifiée symbole seule enregistrée séparément.
Mouvement : durée d'entrée en images, longueur de tenue en secondes, durée totale, et le nom du cas traité où la marque est dans son état final.
Technique : framerate, les trois ratios d'aspect, espace colorimétrique, et le profil de codec utilisé à l'export.
Musique : la piste, son tempo en battements par minute, et la confirmation qu'elle est autorisée pour une publication commerciale.
Puis faites les six vérifications contre cette fiche à chaque reconstruction plutôt que de mémoire. Personne ne se souvient d'un intervalle de keyframe six mois plus tard, et la seconde version de l'ouverture d'une marque est là où l'incohérence entre généralement.
FAQ
De quoi ai-je besoin pour qu'un nouveau logo vidéo fonctionne ?
Une marque qui se lit à 98 pixels, une vraie transparence dans le fichier, une taille de cadre décidée, un traitement du mouvement tiré de la géométrie de la marque, et une base technique que vous réutilisez. L'animation elle-même est la dernière étape et la plus courte — la plupart de l'effort est dans les vérifications qui la précèdent.
Puis-je animer un logo que je n'ai qu'en JPEG ?
Vous pouvez, mais vous devrez d'abord découper la marque. Un JPEG n'a pas de canal alpha, donc la zone autour du logo est une couleur unie qui se tiendra visiblement par-dessus tout fond vidéo. Réexportez en PNG avec transparence ou en SVG avant d'animer, et vérifiez le résultat sur un fond sombre pour confirmer que l'alpha est réel.
Quelle durée doit avoir une animation de logo vidéo ?
Une à trois secondes pour une ouverture de chaîne, deux à six secondes pour une pièce de lancement ou d'annonce. Tout ce qui est plus long porte généralement trois rôles à la fois — logo, titre et accroche — et le correctif est d'en supprimer deux plutôt que de serrer le timing des trois.
Ai-je besoin de fichiers différents pour le vertical et l'horizontal ?
Des ratios d'aspect différents, oui ; un timing différent, non. Exportez 9:16, 1:1 et 16:9 à partir du même fichier source pour que la durée d'entrée, l'alignement sur le temps et la longueur de tenue restent identiques. Seul le cadre autour de la marque change, ce qui empêche une marque de paraître trois entreprises différentes sur trois canaux.
L'animation doit-elle boucler ou s'estomper ?
Bouclez. Une vidéo en lecture automatique qui revient à sa première image paraît un objet continu unique dans un fil, tandis qu'un fondu au noir paraît un clip terminé qu'on défile. Même séquence, fin de fichier différente, temps de visionnage mesurablement différent — donc coupez net ou faites une boucle, et réservez le fondu pour un bandeau de site web si vous en avez besoin.
En résumé
Faites l'étape un avant tout le reste. Exportez la marque à 98 pixels, mettez-la sur un téléphone, regardez-la une seconde — et si elle tient à cette taille, les cinq autres vérifications sont de l'arithmétique plutôt qu'un redesign. Chaque équipe qui finit par redessiner une animation a sauté ce test, car le plus petit placement est le seul qui vous dit la vérité sur la marque. Vous pouvez le faire sur votre propre fichier dans l'éditeur de navigateur en environ dix minutes.