# Effetto light leak: bagliori caldi da pellicola nel design

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

Quelle strisce ambrate ai bordi di una vecchia fotografia erano un difetto della macchina. Oggi sono una delle atmosfere più calde del design. Ecco come funzionano i light leak e come crearne di convincenti in digitale.

## The short version

- Un light leak è un bagliore o una striscia calda che compare quando la luce parassita raggiunge la pellicola attraverso una fessura della macchina fotografica.
- I veri light leak stanno di solito al bordo dell’inquadratura e passano dal rosso all’arancione al giallo, spesso sfumando verso il bianco dove la luce era più forte.
- Un light leak digitale convincente si può ottenere con sfumature morbide, radiali o lineari, in colori caldi, sovrapposte a un’immagine con una fusione screen o lighten.
- I light leak devono stare lontani dal testo, perché una macchia luminosa dietro le parole ne abbassa il contrasto.
- Nei video, un light leak che attraversa l’inquadratura in meno di un secondo crea una transizione delicata tra le clip.

L’**effetto light leak** è il bagliore caldo, arancione, rosso e giallo, che compare quando la luce parassita raggiunge la pellicola fotografica, di solito da un dorso allentato, una guarnizione consumata o una fessura durante il caricamento. Sulla pellicola era un incidente. Nel design è diventato un’atmosfera: nostalgica, soleggiata, un po’ imperfetta. Puoi ricrearlo con sfumature morbide in colori caldi posizionate al bordo dell’inquadratura e fuse sopra un’immagine, e i dettagli qui sotto sono ciò che lo fa sembrare vero invece che incollato.

## Come appare un vero light leak

Poiché la luce entra da una fessura, un leak parte quasi sempre da un bordo o da un angolo e sfuma verso l’interno. Sulla pellicola a colori il bagliore va di solito dal rosso intenso all’estremità debole, attraverso l’arancione, fino al giallo e quasi al bianco dove era più forte. Schiarisce l’immagine invece di scurirla e non ha un contorno netto.

- **Posizione:** un bordo o un angolo, spesso un solo lato.
- **Colore:** dal rosso all’arancione al giallo pallido, più caldo al bordo esterno del bagliore.
- **Forma:** morbide strisce verticali o un’espansione diffusa, mai un cerchio perfetto al centro.
- **Comportamento:** aggiunge luce e schiarisce le ombre dove cade.
- **Variazione:** non ce ne sono due uguali, e questo è parte del fascino.

## Sfumature light leak da copiare

Ognuna di queste è una singola sfumatura CSS che sfuma fino al trasparente, quindi può stare sopra una foto o uno sfondo scuro. Da sole qui si vedono su fondo scuro; sopra una foto, fondile come descritto nella sezione successiva.

- Leak sul bordo sinistro: `radial-gradient(ellipse 45% 80% at 0% 50%, #fff3c4 0%, #ffb547 18%, #f0612e 38%, #a3202a 58%, transparent 82%)`
- Bruciatura d’angolo: `radial-gradient(circle at 100% 0%, #fff7d6 0%, #ffc15a 14%, #ff7a3c 30%, #c2283a 48%, transparent 72%)`
- Striscia verticale: `linear-gradient(100deg, transparent 0%, transparent 52%, #b3262e 60%, #ff8a3d 68%, #fff0b8 74%, #ff8a3d 80%, #b3262e 88%, transparent 96%)`
- Espansione dal basso: `radial-gradient(ellipse 70% 50% at 50% 110%, #ffe0a3 0%, #ff9d4a 22%, #e0473a 42%, #6e1a35 62%, transparent 85%)`

Quattro posizioni classiche del leak. Il centro luminoso sta al bordo dell’inquadratura o oltre, così si vede solo la caduta, come in un vero leak.

- Nucleo caldo: #fff3c4
- Ambra: #ffb547
- Mandarino: #f0612e
- Rosso pellicola: #c2283a
- Vino sfumato: #6e1a35

Una palette light leak, dal punto più luminoso del bagliore fino a dove si spegne nell’immagine. Mantieni l’ordine: un leak non diventa mai giallo all’estremità debole.

## Come aggiungere un light leak in CSS

Metti la sfumatura su un livello sopra l’immagine e fondila con `screen`, che schiarisce soltanto, proprio come la luce parassita. Abbassa l’opacità finché la foto si legge ancora bene. Il [riferimento a mix-blend-mode](https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode) di MDN elenca le altre modalità; vale la pena provare anche `lighten` e `soft-light`.

```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 leak sul bordo sinistro sopra qualsiasi immagine. La sfumatura finisce in trasparente e la fusione screen fa sì che possa solo aggiungere calore e luce.

Per renderlo più simile alla pellicola, aggiungi grana sopra a tutto e scalda leggermente le ombre. [Sfumature granulose](https://gradiently.design/it/guide/grainy-gradients) e [overlay sfumato in CSS](https://gradiently.design/it/guide/css-gradient-overlay) trattano entrambi i livelli.

> **Costruisci un piccolo set, non un solo leak** Crea quattro o cinque leak in posizioni e intensità diverse, poi ribaltali e ruotali man mano. La vera pellicola non perde mai due volte allo stesso modo, quindi ripetere un solo overlay in un carosello o in una griglia è il modo più rapido per svelare il trucco.

Fai attenzione anche all’ordine dei colori. La maggior parte dei leak poco convincenti resta di un arancione piatto da un bordo all’altro o vira al rosa nel punto luminoso. Tieni il punto più caldo pallido e leggermente giallo, lascia che si raffreddi attraverso l’ambra fino al rosso, e lascia che il rosso sparisca nell’immagine invece di finire su un bordo visibile.

## Dove funzionano i light leak e dove no

### Evita

- Un leak luminoso dietro un titolo
- Lo stesso leak su ogni immagine di un set
- Un cerchio di bagliore perfetto al centro
- Leak freddi blu o verdi su foto calde
- Leak così forti che il soggetto sparisce

### Fai

- Leak sul bordo opposto alle tue parole
- Varia posizione e intensità lungo una serie
- Fai partire il bagliore dal bordo dell’inquadratura o oltre
- Dal rosso all’ambra al giallo pallido, come lo registra la pellicola
- Abbastanza opacità da sentire il calore, non da sbiadire

I light leak vanno bene per fotografi, festival del cinema, musicisti, campagne estive, viaggi e tutto ciò che è nostalgico. Si abbinano naturalmente alle palette [retro](https://gradiently.design/it/guide/retro-gradients) e alle foto calde e sbiadite. Vanno meno bene per brand precisi e tecnici, perché il loro scopo è proprio l’imperfezione.

Un post verticale per un evento di cinema sul tetto, con colori caldi da pellicola che brillano da un bordo

Una superficie calda con il bagliore tenuto su un lato e le parole sul lato calmo dell’inquadratura.

Una copertina quadrata di un’uscita musicale intitolata Lato B, con un colore caldo e da pellicola

Una copertina quadrata di un’uscita in cui calore e grana portano la nostalgia, non un overlay affollato.

## Light leak nel video e nel motion

Nei video, i light leak si usano spesso come transizioni: un flare caldo attraversa l’inquadratura per mezzo secondo circa, arriva quasi al bianco e rivela la clip successiva. Tienili brevi e occasionali. Un leak tra le scene sa di pellicola; uno a ogni stacco sa di pacchetto di filtri.

Per i post statici che hanno bisogno di calore senza un overlay, uno sfondo vivo e caldo fa lo stesso lavoro con più discrezione. In Gradiently, la luce e la grana di un Mark vengono renderizzate dal vivo a ogni misura, e la sua zona più calma si sposta da sola dietro le tue parole, così una superficie soleggiata e da pellicola non mette mai la macchia più luminosa dietro un titolo. Anche le foto aggiunte nello Studio possono ricevere una velatura calda nei colori del Mark, così immagine e sfondo condividono lo stesso bagliore. Per l’effetto affine della luce attorno alle forme, vedi [effetto glow](https://gradiently.design/it/guide/glow-effect); per i fotografi in particolare, [branding per fotografi](https://gradiently.design/it/guide/photographer-branding).

## FAQ

### Che cos’è l’effetto light leak?

Un bagliore caldo rosso, arancione o giallo che compare quando la luce parassita raggiunge la pellicola attraverso una fessura della macchina fotografica. Oggi i designer lo ricreano in digitale per un’atmosfera nostalgica e soleggiata.

### Come si crea un effetto light leak?

Posiziona una sfumatura calda e morbida che sfuma al trasparente al bordo di un’immagine e fondila in modalità screen o lighten, poi abbassa l’opacità e aggiungi un po’ di grana.

### Di che colori sono i light leak?

Di solito rosso intenso all’estremità debole, poi arancione e ambra, fino al giallo pallido o quasi bianco dove la luce era più forte.

### Posso mettere del testo sopra un light leak?

Meglio di no. La parte luminosa di un leak abbassa il contrasto del testo, quindi metti il leak sul lato dell’inquadratura opposto alle parole.