Logo en balayage dégradé

Un logo reveal dans lequel vous glissez votre propre logo

Un logo reveal modifiable : un dégradé bicolore s’ouvre depuis le centre d’un cadre blanc papier et le remplit, un emblème blanc et un logotype à empattements s’y posent avec un slogan en dessous, puis le dégradé se replie vers le blanc papier pour une boucle parfaite. Six secondes : importez votre logo et c’est parti.

Modifiez ce modèle gratuitement Plus de product

6s: durée
4: formats d’image
7: contrôles
720p: exports gratuits et illimités

Logos · 6s · 9:16

Logo · Gradient · Reveal · Loop

Une animation d’apparition de logo épurée, sans plug-in

Un logo reveal n’a qu’une mission : donner l’impression que la marque vient d’arriver. Celui-ci y parvient en un seul mouvement : un grand disque de dégradé grandit depuis le centre jusqu’à couvrir le cadre, et le logo se pose sur la couleur plutôt que sur du blanc. L’emblème apparaît d’abord en douceur, le logotype monte se placer en dessous, le slogan suit et, après une pause, tout s’efface et le dégradé se replie vers le blanc papier.

Comme la dernière image correspond à la première, le même export sert d’ouverture, de carton de fin ou d’habillage de marque en boucle sur un écran. Le logo est un emplacement d’image : importez un PNG ou un SVG et il remplace l’emblème d’exemple. Les deux couleurs du dégradé, le nom de marque, le slogan et la taille du logotype sont des réglages. Le modèle est volontairement sobre : pas de reflets d’objectif, pas de particules, rien qui date la marque.

Cette page présente un seul modèle de logo reveal, avec un mouvement fixe. Ce n’est pas l’outil Logo Motion : cet outil, à l’adresse /tools/logo-animation, place votre logo dans 36 scènes éclairées (béton, verre, enseigne, etc.), et c’est là qu’il faut aller pour essayer de nombreux rendus sur le même logo.

6 secondes, trois temps

Ce qui apparaît à l’écran, et quand. Chaque élément nommé ici est un calque du document : vous pouvez cliquer sur n’importe lequel sur le canevas et le modifier.

Temps 1 · 0.7s

Le balayage s’ouvre

Le dégradé du bleu au lilas s’étend depuis le centre comme un disque, par-dessus le cadre blanc papier.

Temps 2 · 1.3s

Le logo arrive

Le dégradé remplit le cadre, et l’emblème blanc et le logotype à empattements apparaissent en fondu par-dessus.

Temps 3 · 2.6s

Le bloc-marque complet

L’emblème, le logotype à empattements et le slogan se sont tous posés sur le dégradé : l’image qui tient aussi en visuel fixe. Plus loin dans la boucle, tout s’efface et le dégradé se replie vers le blanc papier.

Trois étapes pour votre logo reveal

01
Importez le logo
Déposez votre logo dans l’emplacement Logo. Un PNG transparent ou un SVG, en blanc ou dans une couleur claire, se lit le mieux sur le dégradé.
02
Tapez le nom et le slogan
Le nom de marque est composé dans une serif de titrage ; le curseur Taille du logotype (Wordmark size) va de 110 à 190, pour qu’un nom long tienne quand même sur une seule ligne.
03
Réglez les deux couleurs du dégradé
Début du dégradé (Gradient start) et Fin du dégradé (Gradient end) pilotent le balayage. Mettez-y vos deux couleurs de marque, choisissez un format d’image et exportez.

Un seul mouvement

La couleur arrive avant le logo

Le dégradé s’ouvre d’abord, et le logo s’y pose environ une seconde plus tard. C’est cet ordre qui donne à un logo reveal simple un air travaillé plutôt qu’un simple fondu.

Une boucle propre

Il s’ouvre, marque une pause, se replie

Le balayage se referme vers le blanc papier à la fin : le clip sert d’intro, d’outro ou d’habillage en boucle, sans raccord visible.

Votre marque

Deux couleurs, un logo, un nom

Tout ce qui est propre à la marque est un réglage : le modèle devient le vôtre en une minute, pas en un projet entier.

Ce que vous pouvez modifier

Sept réglages, tels qu’ils apparaissent dans le panneau du studio. Les autres formats de logo de la bibliothèque (une rotation, une boucle en orbite, une lettre en barres façon générique) sont liés plus bas.

Cliquez sur n’importe quel élément du canevas pour le modifier directement
Ou décrivez le changement en une phrase et laissez l’assistant s’en charger
Exportez en 9:16, 16:9, 1:1, 4:5 depuis le même document

Contrôles du Studio

7 nommés

Brand nameTextFieldnote
TaglineTextResearch & design studio
LogoPhoto
Gradient startColour#1F3DFF
Gradient endColour#8f9eff
Wordmark sizeSlider 110–190150
SpeedSlider 0.5–21

Pourquoi commencer ici

La plupart des modèles de logo reveal gratuits sont des projets After Effects qu’il faut télécharger, dont il faut relier les fichiers avant d’en effectuer le rendu. Celui-ci s’ouvre dans le navigateur avec votre logo déjà en place, et l’aperçu est le rendu. C’est aussi le plus polyvalent des modèles de logo de la bibliothèque : utilisez-le pour une ouverture de marque calme, passez aux versions en rotation ou en boucle quand le logo doit bouger davantage, et choisissez l’outil Logo Motion quand vous voulez mettre votre logo en scène dans un décor éclairé.

Logo en balayage dégradé : questions et réponses

Ce logo reveal est-il gratuit ?+

Oui : gratuit à ouvrir et à modifier, et les comptes gratuits bénéficient d’exports 720p illimités avec un petit filigrane LazyKiwi. Le 1080p sans filigrane est inclus dans toute offre payante.

Quel fichier de logo dois-je importer ?+

Un PNG à fond transparent ou un SVG. Une version blanche ou claire du logo se lit le mieux sur le dégradé.

Quels formats d’image puis-je exporter ?+

9:16, 16:9, 1:1 et 4:5. Le 16:9 convient à une intro YouTube ou à une présentation ; la mise en page est centrée, elle s’adapte donc proprement à chaque format.

Puis-je changer les couleurs du dégradé ?+

Oui : Début du dégradé et Fin du dégradé sont deux réglages de couleur distincts, à côté du nom de marque, du slogan et de la taille du logotype.

Ai-je besoin d’After Effects ?+

Non. Pas de fichier .aep, rien à installer : le rendu se fait dans votre navigateur et l’export produit un MP4.