Motion design et vidéo · Typographie cinétique et showreels

Typographie cinétique sur rythme musical (Master Prompt 120 BPM)

Le prompt d'ingénierie complet pour synchroniser une typographie cinétique explosive de 15s calée sur un tempo de 120 BPM avec accélération GPU pure.

Débutant 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 : ma phrase manifeste ou titre percutant à afficher mot par mot [phrase clé, ex: "L'intelligence artificielle au service de vos ambitions"], le rythme musical souhaité (recommandé 120 à 128 BPM avec une basse nette), ma palette de marque contrastée (fond sombre #0B0B14 ou clair #F8F9FA, et une couleur d'accent vive [couleur d'accent]), et la typographie souhaitée (Geist, Syne, Archivo ou Inter Black).

</inputs>

<direction>Direction artistique & Règles visuelles

Film de typographie cinétique de niveau festival, 15 secondes à 60 images par seconde. La typographie ne flotte jamais mollement : elle frappe la toile avec une masse physique et une force cinétique. Chaque mot surgit, se compresse, tourne ou se découpe exactement sur un temps fort musical (downbeat). Les lettres occupent entre 40% et 80% de la largeur du cadre avec un espacement (tracking) ultra-serré. Les changements d'échelle utilisent des ressorts à fort amortissement (damping élevé, overshoot imperceptible de 2% maximum). Strictement banni : rebonds mous de templates After Effects (bouncy easing), particules flottantes inutiles, lueurs néon diffuses qui bavent, dégradés arc-en-ciel, typographies fantaisistes illisibles, et tout temps mort de plus de 400 millisecondes.

</direction>

<structure>Chronologie & Grille rythmique (BPM)

120 BPM (1 temps = 500ms, 1 mesure = 2,0s), 7 mesures réparties en 4 phases dynamiques : - Mesure 1 (Temps 1 à 4) : L'impact initial. Le premier mot explose en plein cadre (font-size 16vw) en noir sur blanc pur, compression sur l'impact (scale 1.15 -> 1.0 en 180ms). Les mots suivants s'enchaînent en cascade rythmique. - Mesure 2-3 (Temps 5 à 12) : Rupture de contraste. Le fond s'inverse instantanément en noir absolu (#0B0B14). Deuxième phrase affichée mot par mot avec rotation à 90 degrés sur les verbes d'action. Lignes de repères vectorielles techniques (lignes de tirets 1px) qui cadrent la typographie. - Mesure 4-5 (Temps 13 à 20) : La montée en puissance. Les mots s'empilent verticalement en un bloc compact. Zoom continu de la caméra (scale 1.0 -> 2.4) traversant l'intérieur d'une lettre pour révéler le message central surligné par un bandeau de couleur d'accent. - Mesure 6-7 (Temps 21 à 28) : La résolution finale. Dézoom brutal, stabilisation de la phrase complète, émission d'une onde typographique et signature de clôture avec adresse web.

</structure>

<build>Spécifications techniques & Pipeline de code

1. Un fichier HTML unique, résolution carrée 1440x1440 ou 1920x1080. Architecture horloge seek(t) pure : chaque propriété (transform, opacity, letter-spacing) est une fonction mathématique stricte de la variable temps t en millisecondes. 2. Découpage typographique : chaque lettre ou mot est encapsulé dans son propre conteneur à masquage débordant (overflow: hidden) pour permettre les apparitions par glissement hors de la ligne de base sans empiéter sur les voisines. 3. Synchronisation musicale par analyse d'enveloppe : chaque événement visuel est calé sur le pic de transitoire acoustique (attack transient) de la grosse caisse (kick) ou de la caisse claire (snare). 4. Rendu sous Playwright avec échantillonnage temporel : 4 sous-images par frame fusionnées par le filtre tmix de ffmpeg pour un flou de mouvement directionnel (motion blur) cinématographique à 60fps.

</build>

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

Ne jamais modifier font-size lors d'une animation : cela force le navigateur à recalculer la mise en page (reflow) sur le processeur à chaque frame. Conservez toujours une taille de police fixe et animez exclusivement la propriété transform: scale() pour exploiter l'accélération matérielle du processeur graphique (GPU).

</gotchas>

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

Demande-moi d'abord ma phrase clé et mes couleurs (<inputs>), puis dresse la chronologie mot par mot calée sur les 28 temps musicaux avant de générer le code source complet.

</start>

À remplacer avant de coller : [couleur d'accent]

Pourquoi ça marche mieux

Demande vague

« fais du texte qui bouge vite »

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.

Structure temporelle à 120 BPM (1 battement = 500 ms) : - 0.0s : Écran sombre, apparition explosive du mot « CRÉER » (taille 12vw, police grasse, zoom-in avec flou directionnel). - 0.5s : Disparition par étirement horizontal, apparition instantanée de « PLUS VITE » avec décalage de couleur contrastée. - 1.0s : Transition rotative 90 degrés vers « VENDRE MIEUX » avec fond qui s'inverse (noir sur blanc). - 1.5s : Zoom arrière dynamique, affichage de la phrase complète avec soulignement animé dynamique. - 2.0s - 3.0s : Maintien et stabilisation douce avant fondu en boucle. Code prêt à l'emploi avec polices web modernes sans serif et transitions fluides basées sur transform et opacity.

Pour améliorer la réponse, relancez

Ajoute un effet de soulignement ou de surlignage animé sur le mot le plus important.
Propose une version avec fond coloré en dégradé animé.

Conseil. Pour un résultat professionnel, utilisez une police sans empattement géométrique et très grasse (comme Inter Black, Montserrat ou Syne) avec un espacement resserré.

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