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

Distorsion Glitch et aberration chromatique RVB (Master Prompt Cyberpunk)

Le prompt d'ingénierie complet pour animer un titre percutant avec décalage de canaux RVB, découpes asymétriques en tranches et balayage de scanlines cathodiques.

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 : le mot ou titre percutant à glitcher [mot clé, ex: "DISRUPT", "AI REVOLUTION"], le style chromatique (aberration RVB cyan/magenta classique, vert phosphore Matrix ou ambre analogique), la typographie souhaitée (police géométrique ultra-grasse recommandée, ex: Inter Black, Syne ou Druk), et le mode de déclenchement (boucle continue rythmée ou déclenchement au survol).

</inputs>

<direction>Direction artistique & Règles visuelles

Distorsion glitch cinématographique de niveau générique de science-fiction (Cyberpunk 2077, Ghost in the Shell, Blade Runner). Le glitch n'est pas un filtre brouillon appliqué en permanence qui rend le mot illisible : c'est une décharge électrique de haute intensité. 85% du temps, le mot est parfaitement net, majestueux et lisible. Par salves courtes et imprévisibles (3 salves consécutives de 80ms), l'image subit une coupure horizontale par tranches (asymmetric clip-path slices), un décalage des canaux chromatiques rouge et bleu de 4 à 8 pixels, et un balayage de scanlines cathodiques. Strictement banni : bouillie visuelle permanente illisible, décalages géants qui font sortir le texte de l'écran, et effets de tremblement de caméra nauséeux.

</direction>

<structure>Chronologie & Grille rythmique (BPM)

Cycle de 4 secondes en boucle continue : - 0.0s - 2.8s : Stabilité absolue. Typographie blanche pure sur fond noir profond (#060709). Éclairage latéral très doux. - 2.8s - 3.2s : La première décharge (Glitch Pulse 1). Salve de 3 coupures horizontales asymétriques (tranches de 12px de hauteur décalées de -6px et +8px). Décalage chromatique violent (canal cyan déphasé à gauche, magenta à droite). - 3.2s - 3.4s : Retour immédiat à la netteté avec léger scintillement d'intensité lumineuse (flicker à 50% d'opacité). - 3.4s - 3.6s : La réplique secondaire (Glitch Pulse 2). Micro-secousse verticale de 2px avec balayage d'une ligne cathodique blanche ultra-rapide. - 3.6s - 4.0s : Stabilisation complète et réinitialisation de la boucle.

</structure>

<build>Spécifications techniques & Pipeline de code

1. Un fichier HTML et CSS pur ultra-optimisé avec pseudo-éléments ::before et ::after reproduisant le texte avec mix-blend-mode: screen. 2. Découpes horizontales : animation par clip-path: polygon() calculant des tranches horizontales aléatoires à chaque keyframe clé. 3. Lignes de balayage cathodique (CRT Scanlines) : dégradé linéaire répétitif 2px avec masque semi-transparent. 4. Rendu Playwright à 60 images par seconde avec flou cinétique ffmpeg.

</build>

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

La propriété mix-blend-mode: screen nécessite impérativement un arrière-plan sombre ou noir pour fonctionner correctement ; sur fond blanc pur, l'effet de séparation RVB devient invisible.

</gotchas>

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

Demande-moi d'abord mon mot et ma palette (<inputs>), puis configure les tranches de découpe avant de livrer le code CSS.

</start>

À remplacer avant de coller : [mot clé, ex: "DISRUPT", "AI REVOLUTION"]

Pourquoi ça marche mieux

Demande vague

« fais du texte avec un bug d'écran »

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.

Architecture des calques glitch CSS : - Calque de base : Texte blanc net, police géométrique sans serif grasse. - Pseudo-élément ::before (canal rouge/magenta) : Décalage de 3px vers la gauche avec 'mix-blend-mode: screen' et animation de découpe horizontale par tranches de 10px. - Pseudo-élément ::after (canal cyan) : Décalage de 3px vers la droite avec animation déphasée de 150ms. - Rythme du glitch : 90% du temps le texte est stable et parfaitement lisible, 10% du temps il subit une salve brève de 3 secousses consécutives (effet de faux contact électrique). - Scanlines : Dégradé répétitif linéaire noir transparent à 50% défilant verticalement pour simuler un écran à tube.

Pour améliorer la réponse, relancez

Ajoute un effet de scintillement d'intensité lumineuse (flicker) sur la couleur principale.
Crée une version adaptée pour un logo vectoriel SVG complet.

Conseil. Le secret d'un bon effet glitch est la retenue : si le texte bug en permanence, il devient illisible et fatigant. Concentrez les déformations sur des impulsions courtes et espacées.

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