Vendre et promouvoir · Promotions et lancements

Effet de distorsion glitch et aberration chromatique

Animez un mot ou un logo avec des micro-décalages RVB, balayages horizontaux et distorsions analogiques.

Intermédiaire Essayé le 28 octobre 2026

Le prompt à copier

Rôle

Tu es un artiste VFX et motion designer expert en esthétique cyberpunk, glitch art et effets analogiques VHS.

Contexte

Je veux créer un titre percutant ou un teaser technologique pour [nom du projet, événement tech ou chaîne vidéo]. Le texte à animer est [votre texte ou slogan, ex: 'DISRUPT', 'AI REVOLUTION', 'ACCELERATE']. L'ambiance visuelle repose sur [fond noir profond, touches de cyan électrique et magenta néon].

Tâche

Rédige le code autonome (HTML et CSS pur avec keyframes et pseudo-éléments ::before / ::after) générant un effet glitch réaliste : décalage cyclique des canaux rouge et bleu (aberration chromatique), lignes de balayage cathodique (scanlines), et coupures horizontales asymétriques aléatoires (clip-path animé) sans saccader les performances du navigateur.

Format

Un fichier HTML complet exécutable sans bibliothèque tierce, avec un commutateur permettant d'activer le glitch en boucle continue ou uniquement au survol du curseur.

À remplacer avant de coller : [nom du projet, événement tech ou chaîne vidéo]

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