Mercato
Prezzi
AccediInizia
Guida praticaIdee e tendenze
Idee e tendenze

Effetto light leak: bagliori caldi da pellicola nel design

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.

GradientlyAccount Gradiently verificato·1 ottobre 2026·5 min di lettura
Copertina: Salted Depths · GR·8617·WF

In breve

  • 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.
In questa pagina
Come appare un vero light leakSfumature light leak da copiareCome aggiungere un light leak in CSSDove funzionano i light leak e dove noLight leak nel video e nel motion

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.

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.
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 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 e overlay sfumato in CSS 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 e alle foto calde e sbiadite. Vanno meno bene per brand precisi e tecnici, perché il loro scopo è proprio l’imperfezione.

Cinema sul tetto
Reel d’estate, all’aperto.
Venerdì d’agosto, porte alle 20:00
Gradiently · @gradiently

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

Nuovo EP
Lato B
Ovunque venerdì
Gradiently · @gradiently

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; per i fotografi in particolare, branding per fotografi.

Progetta con un gradiente vivo

Post, storie, slide e banner in ogni formato, con un testo sempre leggibile.

Inizia a progettare, gratis

Le domande più frequenti

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.

Condividi questa guida

Scritto da GradientlyAccount Gradiently verificato

Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.

Vedi il nostro profilo

In questa pagina

Come appare un vero light leakSfumature light leak da copiareCome aggiungere un light leak in CSSDove funzionano i light leak e dove noLight leak nel video e nel motion

Condividi questa guida

Il prossimo in Idee e tendenze

Effetto testo cromato: scritte e sfondi metallici

Continua a leggere

Tutte le guide su Idee e tendenze
Idee e tendenze

Gradienti retrò: dai tramonti anni ’70 agli schermi anni ’90

6 min di lettura

Strisce senape e ruggine, neon sul nero, verde acqua e viola e il blu delle barre del titolo. Tre decenni di gradienti retrò con i codici, e i piccoli cambiamenti che li rendono nuovi.

Gradienti

Gradienti con grana: perché un po’ di rumore rende il colore prezioso

6 min di lettura

Un gradiente pulito sembra un’impostazione predefinita dello schermo. Lo stesso gradiente con un sottile strato di grana sembra una stampa, un fotogramma di pellicola o un muro dipinto. Ecco perché, quanta grana aggiungere e come.

Idee e tendenze

Effetto glow nel design: luce morbida, senza aloni sul testo

6 min di lettura

Un glow deve sembrare luce che cade su una superficie: un nucleo luminoso, una lunga dissolvenza, una stanza buia intorno. Mettilo dietro le forme e dentro gli sfondi, lontano dai bordi delle lettere.

Trova lo stile che è solo tuo.

Ogni Mark è uno sfondo vivo con un solo proprietario. Prova un Mark ancora disponibile e riserva il tuo quando ti senti pronto.

Inizia a progettare

Verifica un certificato

Scrivi il numero di un certificato o il codice di un Mark per scoprire di chi è.

Funziona con ChatGPT e Claude

Chiedi un design alla tua AI. Lo crea nel tuo Mark, pronto da modificare.

ChatGPTClaude
Come collegarla

Prodotto

  • Mercato
  • Esplora
  • Prezzi
  • Certificati

Scopri

  • Guida pratica
  • Centro assistenza
  • Novità

Sviluppatori

  • Panoramica
  • ChatGPT e Claude
  • Riferimento API
  • Chiavi API

Azienda

  • Chi siamo
  • Contattaci
  • Accedi

Note legali

  • Termini
  • Privacy
  • Rimborsi
  • Protezione dei Mark
  • Cookie
  • Tutte le policy
Passa sopra le lettere. Ognuna indossa un vero Mark.Tocca una lettera per vedere il suo Mark.Un nome. Dieci Mark al suo interno.
© 2026 Gradiently