Motion design et vidéo · Animations de logo et identité

Monogramme tracé en ligne continue infinie (Master Prompt Monogram)

Le prompt d'ingénierie complet pour animer un monogramme de marque en dessin continu à main levée (single-line drawing) avec comète lumineuse en orbite.

Intermédiaire Essayé le 28 octobre 2026

Master Prompt d’ingénierie Motion Design

Prompt Master Motion Design (Architecture complète)

Prêt à copier dans Claude 3.7 Sonnet, Cursor ou votre environnement de code

<inputs>Paramètres d’entrée requis

Demande-moi d'abord : mon tracé de monogramme ou symbole en ligne continue [lettres ou symbole, ex: monogramme "EK" entrelacé], le style visuel (gravure d'art prestigieuse, luxe contemporain ou néon phosphorescent), la palette de couleurs [couleur de la ligne, couleur de traînée et fond], et la durée cible (3 à 5 secondes).

</inputs>

<direction>Direction artistique & Règles visuelles

Animation signature en ligne continue d'orfèvrerie numérique (Single-Line Vector Drawing de niveau maison de haute couture). Le monogramme n'apparaît pas d'un coup : il est calligraphié sous nos yeux par un pinceau de lumière invisible d'un seul trait ininterrompu sans jamais lever la pointe. Une fois le tracé complété, une comète de lumière phosphorescente parcourt les courbes en boucle fluide continue, projetant une ombre douce diffuse sur le fond. Strictement banni : coupures ou saccades au milieu du tracé, lignes d'épaisseurs disparates qui se croisent maladroitement, et artifices criards qui dénaturent l'élégance de la marque.

</direction>

<structure>Chronologie & Grille rythmique (BPM)

Durée totale 4,5 secondes en boucle raffinée : - 0.0s - 2.2s : Le tracé continu à main levée. La ligne vectorielle unique (épaisseur 2.5px) se déploie depuis son origine avec vitesse variable : accélération fluide sur les lignes droites, décélération élégante sur les boucles et arrondis. - 2.2s - 3.0s : La complétion. Le trait se stabilise, un bref éclat de lumière balaie le monogramme d'un bout à l'autre, et le nom complet de la marque apparaît en dessous en petites capitales espacées. - 3.0s - 4.5s : La comète en orbite. Un point lumineux étincelant avec une traînée de dégradé de 40px parcourt le tracé fermé en boucle infinie.

</structure>

<build>Spécifications techniques & Pipeline de code

1. Un fichier HTML5/SVG vectoriel pur avec animation CSS stroke-dashoffset. 2. Tracé vectoriel unique : composition sous forme d'une seule balise <path> continue dont la longueur exacte est mesurée via getTotalLength(). 3. Rendu 60fps Playwright pour génériques de vidéos de marque ou signatures de fin.

</build>

<gotchas>Pièges techniques & Erreurs à éviter

Assurez-vous que le fichier SVG exporté depuis Illustrator ou Figma ne comporte qu'un seul sous-chemin vectoriel continu (compound path ou single stroke) : si le tracé est découpé en plusieurs balises disjointes, l'animation perdra son effet d'écriture à main levée ininterrompue.

</gotchas>

<start>Consigne d’amorçage & Démarrage

Demande-moi d'abord mon monogramme et mon style (<inputs>), puis valide le tracé vectoriel continu avant de générer le code.

</start>

À remplacer avant de coller : [lettres ou symbole, ex: monogramme "EK" entrelacé] · [couleur de la ligne, couleur de traînée et fond]

Pourquoi ça marche mieux

Demande vague

« anime les initiales de mon logo »

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, le 28 octobre 2026. Votre résultat sera différent : l’IA ne répond jamais deux fois pareil.

Cinématique du tracé vectoriel (durée de boucle : 4 secondes) : - 0.0s - 1.8s : La ligne vectorielle unique (stroke: 2.5px) se déploie depuis l'origine le long de tout l'entrelacement des lettres avec une vitesse variable (accélération dans les lignes droites, décélération dans les boucles). - 1.8s - 2.4s : La ligne se stabilise, l'épaisseur s'affine légèrement et un flash lumineux discret balaye le symbole. - 2.4s - 4.0s : Un point d'étincelle lumineuse parcourt le monogramme en continu comme un laser doux avant de relancer le cycle. - L'ensemble donne une sensation de haute couture et d'orfèvrerie numérique.

Pour améliorer la réponse, relancez

Adapte le tracé pour qu'il s'exécute lors du scroll de la page web.
Génère le script pour exporter l'animation en vidéo transparente (Apple ProRes 4444 ou WebM transparent).

Conseil. Assurez-vous que votre tracé SVG soit composé d'une seule et unique balise <path> continue dans votre logiciel vectoriel (Illustrator, Figma ou Inkscape) pour garantir une animation de tracé sans aucune coupure.

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