Vendre et promouvoir · Promotions et lancements

Animation d’ouverture et révélation de logo (Logo Reveal)

Concevez une introduction dynamique de 3 à 5 secondes pour animer un logo et signer vos vidéos ou présentations.

Débutant Essayé le 28 octobre 2026

Le prompt à copier

Rôle

Tu es un motion designer d’identité visuelle et spécialiste du branding animé.

Contexte

Je souhaite créer l'introduction animée de ma marque [nom de la marque ou du projet]. Mon logo est composé de [description du symbole, monogramme ou forme géométrique] et du texte [nom exact]. Le positionnement de la marque est [style, ex: technologique, minimaliste et élégant ou chaleureux et artisanal]. Les couleurs sont [couleurs officielles de la marque].

Tâche

Crée le code complet et autonome (SVG animé en CSS ou composant web) d’un "Logo Reveal" élégant d’une durée de 3 à 4 secondes. L’animation doit comporter : tracé initial des contours du symbole, remplissage lumineux progressif, apparition du texte avec décalage de lettres et impulsion finale subtile.

Format

Un fichier HTML5 complet avec le SVG embarqué, toutes les classes d’animation CSS pures (keyframing) et un bouton "Rejouer l'animation" pour tester le rendu instantanément.

À remplacer avant de coller : [nom de la marque ou du projet] · [description du symbole, monogramme ou forme géométrique] · [nom exact] · [couleurs officielles de la marque]

Pourquoi ça marche mieux

Demande vague

« anime mon logo pour ma vidéo »

L’IA doit deviner : réponse générale, ou questions en retour.

Avec R.C.T.F.

Rôle, contexte, tâche et format sont précisés : la réponse est utilisable presque telle quelle.

Exemple de résultat

Réponse obtenue avec Claude, Cursor, CapCut, le 28 octobre 2026. Votre résultat sera différent : l’IA ne répond jamais deux fois pareil.

Décomposition de la révélation (durée totale : 3,6 secondes) : - 0.0s - 1.2s : Le tracé vectoriel du symbole se dessine grâce à stroke-dashoffset avec une lueur douce. - 1.0s - 1.8s : Le fond du symbole se remplit par expansion radiale et passe de transparent à la couleur pleine. - 1.8s - 2.8s : Les lettres du nom de la marque apparaissent en cascade de gauche à droite (glissement de 15px vers le haut et fondu opacité). - 2.8s - 3.2s : Émission d'un anneau lumineux discret (pulse) marquant la complétion de la révélation. - 3.2s - 3.6s : Stabilisation avec une ombre portée douce. Code prêt à être ouvert dans le navigateur, personnalisable facilement en remplaçant les balises de chemin <path> par le tracé SVG de votre logo.

Pour améliorer la réponse, relancez

Ajoute un effet de particules légères qui se dispersent lors de la stabilisation du logo.
Adapte l'animation pour un format d'écran de fin de vidéo (outro) avec boutons d'abonnement.

Conseil. Évitez les animations de logo trop longues : pour les réseaux sociaux et les vidéos professionnelles, une introduction ne doit jamais dépasser 3 à 4 secondes pour ne pas perdre l'attention du spectateur.

Essayé avec

Apprendre à écrire vos propres prompts

La formation gratuite « L’IA pour entrepreneurs » vous apprend la méthode R.C.T.F. en vidéo, avec des exercices et un quiz.

Suivre la formation gratuite