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

Typographie monumentale en masque de découpe vidéo (Master Prompt Text Mask)

Le prompt d'ingénierie complet pour composer un titre géant servant de fenêtre sur une vidéo en mouvement avec plongée et zoom traversant sans cut.

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 mot d'impact géant [mot clé, ex: "HORIZON", "PULSE", "CREATE"], le type de vidéo ou d'animation d'arrière-plan à révéler à travers les lettres [vidéo de fond, ex: vue aérienne urbaine accélérée, vagues puissantes ou fluide abstrait], la police de caractères (ultra-épaisse et condensée requise, ex: Anton, Impact ou Archivo Black), et le format d'écran (16:9 ou carré 1:1).

</inputs>

<direction>Direction artistique & Règles visuelles

Composition typographique monumentale de niveau spot de marque mondial (Nike, Apple, Red Bull). Les lettres massives occupent 90% de la largeur de l'écran et servent de fenêtre transparente révélant une scène vivante en mouvement perpétuel. La vidéo bouillonne à l'intérieur même du tracé des caractères. Au climax de l'animation, la caméra virtuelle entame un zoom avant continu et hypnotique qui plonge à travers l'ouverture d'une des lettres (ex: le centre du O ou la boucle du R), traversant la paroi du texte pour faire basculer la vidéo en plein écran sans coupure. Strictement banni : lettres trop fines qui empêchent d'apprécier la vidéo sous-jacente, contours flous non définis, coupures franches (cuts) au moment du zoom, et saccades de lecture vidéo.

</direction>

<structure>Chronologie & Grille rythmique (BPM)

Durée totale 8,0 secondes en plan continu : - 0.0s - 2.5s : Révélation du mot monumental au centre d'un cadre sombre mat. La vidéo se lit avec fluidité exclusivement à l'intérieur du contour des glyphes (background-clip: text). - 2.5s - 5.5s : La plongée cinématographique. La caméra zoome progressivement vers l'avant selon une courbe d'accélération exponentielle (scale 1.0 -> 22.0) centrée précisément sur l'ouverture de la lettre cible. - 5.5s - 6.5s : La traversée du seuil. Les parois de la lettre s'écartent hors du champ de vision, révélant la vidéo sous-jacente en plein écran à 100%. - 6.5s - 8.0s : La signature de marque. Un bandeau typographique épuré et le logo apparaissent en superposition douce sur la vidéo désormais en plein cadre.

</structure>

<build>Spécifications techniques & Pipeline de code

1. Un fichier HTML5/CSS3/Canvas avec balise <video> autonome ou texture générative WebGL. 2. Découpe typographique : utilisation de background-clip: text avec couleur transparente, doublée d'un masque SVG <mask> vectoriel pour compatibilité et netteté maximale lors du zoom géant. 3. Rendu haute définition à 60fps avec Playwright et ffmpeg.

</build>

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

Lorsque vous effectuez un zoom avant géant (scale 20x ou plus) sur du texte HTML ordinaire, les bords deviennent flous sous certains navigateurs : utilisez un masque SVG vectoriel qui conserve des arêtes parfaitement nettes à n'importe quelle échelle d'agrandissement.

</gotchas>

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

Demande-moi d'abord mon mot et ma vidéo de référence (<inputs>), puis calibre le point de plongée du zoom avant de coder.

</start>

À remplacer avant de coller : [mot clé, ex: "HORIZON", "PULSE", "CREATE"]

Pourquoi ça marche mieux

Demande vague

« mets une vidéo dans mon texte »

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

Cinématique du plan de transition (durée : 5 secondes) : - 0s - 2s : Le mot apparaît en lettres massives (font-size 18vw, font-weight 900) au centre d'un écran sombre. La vidéo s'anime uniquement à l'intérieur du contour des caractères (background-clip: text). - 2s - 4s : Zoom avant fluide de la caméra virtuelle (scale de 1.0 à 18.0) centré sur l'ouverture de la lettre 'O'. - 4s - 5s : Les parois de la lettre s'effacent complètement et le spectateur se retrouve immergé à 100% dans la vidéo en plein écran. - Résultat visuel : transition de niveau cinéma souvent vue dans les bandes-annonces Apple ou Nike.

Pour améliorer la réponse, relancez

Ajoute un léger effet de contour lumineux néon autour des lettres pour détacher le texte.
Propose une variante en masque inversé (écran blanc avec découpe laissant voir la vidéo sous-jacente).

Conseil. Privilégiez les polices très condensées et ultra-épaisses sans empattement : plus la surface des lettres est large, plus le spectateur apprécie la richesse des détails de la vidéo sous-jacente.

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