# Effet light leak : lueurs chaudes de pellicule en design

[Canonical HTML page](https://gradiently.design/fr/guide/light-leaks)

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.

## The short version

- 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.

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.

- Light leak au bord gauche: `radial-gradient(ellipse 45% 80% at 0% 50%, #fff3c4 0%, #ffb547 18%, #f0612e 38%, #a3202a 58%, transparent 82%)`
- Brûlure d’angle: `radial-gradient(circle at 100% 0%, #fff7d6 0%, #ffc15a 14%, #ff7a3c 30%, #c2283a 48%, transparent 72%)`
- Traînée verticale: `linear-gradient(100deg, transparent 0%, transparent 52%, #b3262e 60%, #ff8a3d 68%, #fff0b8 74%, #ff8a3d 80%, #b3262e 88%, transparent 96%)`
- Halo du bas: `radial-gradient(ellipse 70% 50% at 50% 110%, #ffe0a3 0%, #ff9d4a 22%, #e0473a 42%, #6e1a35 62%, transparent 85%)`

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.

- Cœur brûlant: #fff3c4
- Ambre: #ffb547
- Mandarine: #f0612e
- Rouge pellicule: #c2283a
- Fondu lie-de-vin: #6e1a35

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](https://developer.mozilla.org/en-US/docs/Web/CSS/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](https://gradiently.design/fr/guide/grainy-gradients) et [la superposition de dégradé en CSS](https://gradiently.design/fr/guide/css-gradient-overlay) 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](https://gradiently.design/fr/guide/retro-gradients) 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.

Une publication d’événement portrait pour un cinéma sur les toits, avec des couleurs de pellicule chaudes qui rayonnent d’un bord

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

Une pochette de sortie musicale carrée intitulée Face B, aux couleurs chaudes et filmiques

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](https://gradiently.design/fr/guide/glow-effect) ; pour les photographes en particulier, [l’identité d’un photographe](https://gradiently.design/fr/guide/photographer-branding).

## FAQ

### 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.