Marché
Tarifs
Se connecterCommencer
Guide pratiqueIdées et tendances
Idées et tendances

Effet light leak : lueurs chaudes de pellicule en design

Ces traînées ambrées au bord d’une vieille photo étaient un défaut d’appareil. Elles sont devenues l’une des ambiances les plus chaleureuses du design. Voici comment fonctionnent les light leaks, et comment en créer de convaincants en numérique.

GradientlyCompte Gradiently vérifié·1 octobre 2026·5 min de lecture
Couverture : Salted Depths · GR·8617·WF

L’essentiel en bref

  • Un light leak est une lueur ou une traînée chaude qui apparaît quand de la lumière parasite atteint la pellicule par une fente de l’appareil.
  • Les vrais light leaks se situent généralement au bord du cadre et passent par le rouge, l’orange et le jaune, souvent en s’estompant vers le blanc là où la lumière était la plus forte.
  • Un light leak numérique convaincant se crée avec des dégradés radiaux ou linéaires doux dans des couleurs chaudes, superposés à une image avec un mode de fusion screen ou lighten.
  • Les light leaks doivent rester loin du texte, car une tache lumineuse derrière les mots réduit leur contraste.
  • En vidéo, un light leak qui balaie le cadre en moins d’une seconde crée une transition douce entre deux plans.
Sur cette page
À quoi ressemble un vrai light leakDes dégradés light leak à copierComment ajouter un light leak en CSSOù les light leaks fonctionnent, et où ils ne fonctionnent pasLes light leaks en vidéo et en motion

L’effet light leak est la lueur chaude, orange, rouge et jaune, qui apparaît quand de la lumière parasite atteint la pellicule photographique, d’ordinaire par un dos mal fermé, un joint usé ou une fente au chargement. En argentique, c’était un accident. En design, c’est devenu une ambiance : nostalgique, ensoleillée, un peu imparfaite. Vous pouvez le recréer avec des dégradés doux dans des couleurs chaudes placés au bord du cadre et fusionnés sur une image, et les détails ci-dessous sont ce qui le rend vrai plutôt que plaqué.

À quoi ressemble un vrai light leak

Comme la lumière entre par une fente, un light leak commence presque toujours à un bord ou à un angle et s’estompe vers l’intérieur. Sur pellicule couleur, la lueur va généralement du rouge profond à l’extrémité faible, en passant par l’orange, jusqu’au jaune et au presque blanc là où elle était la plus forte. Elle éclaircit l’image plutôt qu’elle ne l’assombrit, et n’a aucun contour net.

  • Position : un bord ou un angle, souvent d’un seul côté.
  • Couleur : du rouge à l’orange puis au jaune pâle, le plus chaud au bord extérieur de la lueur.
  • Forme : de douces traînées verticales ou un halo diffus, jamais un cercle parfait au milieu.
  • Comportement : il ajoute de la lumière et délave les ombres là où il tombe.
  • Variation : deux images ne se ressemblent jamais, et c’est une partie du charme.

Des dégradés light leak à copier

Chacun est un seul dégradé CSS qui s’estompe vers le transparent, et peut donc se poser sur une photo ou un fond sombre. Seuls, ils apparaissent ici sur un fond sombre ; sur une photo, fusionnez-les comme décrit dans la section suivante.

Quatre positions classiques de light leak. Le centre lumineux se trouve au bord du cadre ou au-delà, de sorte que seule la décroissance est visible, comme avec un vrai light leak.
Une palette de light leak, du point le plus lumineux de la lueur jusqu’à son extinction dans l’image. Gardez l’ordre : un light leak ne vire jamais au jaune à l’extrémité faible.

Comment ajouter un light leak en CSS

Placez le dégradé sur une couche au-dessus de l’image et fusionnez-le avec screen, qui ne fait jamais qu’éclaircir, comme la lumière parasite. Baissez l’opacité jusqu’à ce que la photo reste bien lisible. La référence mix-blend-mode de MDN liste les autres modes ; lighten et soft-light valent aussi l’essai.

css
.photo {
  position: relative;
  isolation: isolate;
}

.photo img {
  display: block;
  width: 100%;
}

.photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 45% 80% at 0% 50%,
    #fff3c4 0%, #ffb547 18%, #f0612e 38%, #a3202a 58%, transparent 82%
  );
  mix-blend-mode: screen;
  opacity: 0.75;
  pointer-events: none;
}
Un light leak au bord gauche sur n’importe quelle image. Le dégradé se termine en transparent, et la fusion screen fait qu’il ne peut qu’ajouter chaleur et lumière.

Pour un rendu plus argentique, ajoutez du grain par-dessus le tout et réchauffez légèrement les ombres. Les dégradés granuleux et la superposition de dégradé en CSS couvrent ces deux couches.

Fabriquez un petit jeu, pas un seul light leak

Créez quatre ou cinq light leaks de positions et d’intensités différentes, puis retournez-les et pivotez-les au fil du travail. La pellicule ne fuit jamais deux fois de la même façon : répéter une seule superposition sur un carrousel ou une grille est le plus sûr moyen de trahir le procédé.

Surveillez aussi l’ordre des couleurs. La plupart des light leaks peu convaincants restent d’un orange uni d’un bord à l’autre ou virent au rose à l’extrémité lumineuse. Gardez le point le plus chaud pâle et légèrement jaune, laissez-le refroidir par l’ambre jusqu’au rouge, et laissez le rouge disparaître dans l’image plutôt que de s’arrêter sur un bord visible.

Où les light leaks fonctionnent, et où ils ne fonctionnent pas

À éviter

  • Un light leak vif derrière un titre
  • Le même light leak sur chaque image d’une série
  • Un cercle de lueur parfait au centre
  • Des light leaks bleu froid ou verts sur des photos chaudes
  • Des light leaks si forts que le sujet disparaît

À faire

  • Des light leaks du côté opposé à vos mots
  • Varier position et intensité sur une série
  • Faire partir la lueur du bord du cadre ou au-delà
  • Du rouge à l’ambre puis au jaune pâle, comme l’enregistre la pellicule
  • Assez d’opacité pour paraître chaud, sans délaver

Les light leaks conviennent aux photographes, aux festivals de cinéma, aux musiciens, aux campagnes d’été, au voyage et à tout ce qui est nostalgique. Ils s’associent naturellement aux palettes de dégradés rétro et aux photos chaudes et passées. Ils conviennent moins aux marques précises et techniques, car tout leur intérêt est l’imperfection.

Cinéma sur les toits
Séances d’été, en plein air.
Les vendredis d’août, ouverture des portes à 20 h
Gradiently · @gradiently

Une surface chaude avec la lueur gardée d’un côté, et les mots du côté calme du cadre.

Nouvel EP
Face B
Partout vendredi
Gradiently · @gradiently

Une pochette de sortie carrée où la chaleur et le grain portent la nostalgie, pas une superposition chargée.

Les light leaks en vidéo et en motion

En vidéo, les light leaks servent souvent de transitions : un flare chaud balaie le cadre une demi-seconde environ, culmine presque au blanc et révèle le plan suivant. Gardez-les courts et occasionnels. Un light leak entre deux scènes évoque la pellicule ; un à chaque coupe évoque un pack de filtres.

Pour des publications fixes qui veulent de la chaleur sans superposition, un arrière-plan vivant et chaud fait le même travail plus discrètement. Dans Gradiently, la lumière et le grain d’un Mark se rendent en direct à chaque taille, et sa zone la plus calme se place toute seule derrière vos mots : une surface ensoleillée et filmique ne met donc jamais sa tache la plus vive derrière un titre. Les photos ajoutées dans le Studio peuvent aussi recevoir un voile chaud aux couleurs du Mark, pour que l’image et le fond partagent la même lueur. Pour l’effet voisin de la lumière autour des formes, voyez l’effet glow ; pour les photographes en particulier, l’identité d’un photographe.

Créez avec un dégradé vivant

Posts, stories, diapositives et bannières dans tous les formats, avec un texte toujours lisible.

Commencer à créer, gratuit

Les questions qu’on nous pose

Qu’est-ce que l’effet light leak ?

Une lueur chaude rouge, orange ou jaune qui apparaît quand de la lumière parasite atteint la pellicule par une fente de l’appareil. Les designers la recréent aujourd’hui en numérique pour une ambiance nostalgique et ensoleillée.

Comment créer un effet light leak ?

Placez un dégradé chaud et doux qui s’estompe vers le transparent au bord d’une image et fusionnez-le en mode screen ou lighten, puis baissez son opacité et ajoutez un peu de grain.

De quelles couleurs sont les light leaks ?

Généralement du rouge profond à l’extrémité faible, en passant par l’orange et l’ambre, jusqu’au jaune pâle ou au presque blanc là où la lumière était la plus forte.

Peut-on placer du texte sur un light leak ?

Mieux vaut éviter. La partie lumineuse d’un light leak réduit le contraste du texte : placez-le donc du côté opposé du cadre par rapport à vos mots.

Partager ce guide

Écrit par GradientlyCompte Gradiently vérifié

L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.

Voir notre profil

Sur cette page

À quoi ressemble un vrai light leakDes dégradés light leak à copierComment ajouter un light leak en CSSOù les light leaks fonctionnent, et où ils ne fonctionnent pasLes light leaks en vidéo et en motion

Partager ce guide

À suivre dans Idées et tendances

Effet texte chrome : lettres et fonds métalliques

Pour aller plus loin

Tous les guides : Idées et tendances
Idées et tendances

Dégradés rétro : soleils des années 70 aux écrans 90

6 min de lecture

Rayures moutarde et rouille, néon sur noir, sarcelle et violet, bleu des barres de titre. Trois décennies de dégradés rétro avec codes, et les petits changements qui les rajeunissent.

Dégradés

Dégradés granuleux : un peu de bruit donne de la valeur à la couleur

6 min de lecture

Un dégradé propre ressemble à un réglage d’écran par défaut. Le même dégradé avec une fine couche de grain ressemble à un imprimé, à un photogramme de film ou à un mur peint. Voici pourquoi, quelle dose ajouter et comment faire.

Idées et tendances

Effet glow en design : lumière douce, sans halo sur le texte

7 min de lecture

Un glow doit ressembler à de la lumière tombant sur une surface : un cœur vif, un long fondu, une pièce sombre autour. Placez-le derrière les formes et dans les fonds, loin des bords de vos lettres.

Trouvez le style qui n’est qu’à vous.

Chaque Mark est un fond vivant avec un seul propriétaire. Essayez un Mark encore disponible et réservez le vôtre quand vous le sentez.

Commencer à créer

Vérifier un certificat

Saisissez un numéro de certificat ou le code d’un Mark pour voir à qui il appartient.

Fonctionne avec ChatGPT et Claude

Demandez une création à votre IA. Elle la réalise dans votre Mark, prête à modifier.

ChatGPTClaude
Comment se connecter

Produit

  • Marché
  • Explorer
  • Tarifs
  • Certificats

Apprendre

  • Guide pratique
  • Centre d’aide
  • Nouveautés

Développeurs

  • Vue d’ensemble
  • ChatGPT et Claude
  • Référence de l’API
  • Clés API

Entreprise

  • À propos
  • Nous contacter
  • Se connecter

Mentions légales

  • Conditions
  • Confidentialité
  • Remboursements
  • Protection des Marks
  • Cookies
  • Toutes les politiques
Parcourez les lettres. Chacune porte un vrai Mark.Touchez une lettre pour voir son Mark.Un seul nom. Dix Marks à l’intérieur.
© 2026 Gradiently