Light leak-effekt: varme filmglød i design

Light leak-effekten er den varme orange, røde og gule glød, der opstår, når vildfarent lys når en fotografisk film, som regel gennem en løs bagklap, en slidt pakning eller en sprække under ilægning. På film var det et uheld. I design er det blevet en stemning: nostalgisk, solbeskinnet, lidt uperfekt. Du kan genskabe den med bløde gradienter i varme farver, placeret i kanten af billedet og blandet ind over et foto, og detaljerne nedenfor er det, der får den til at se ægte ud frem for påklistret.

Sådan ser et ægte light leak ud

Fordi lyset kommer ind gennem en sprække, starter et leak næsten altid i en kant eller et hjørne og toner ind mod midten. På farvefilm går gløden typisk fra dyb rød i den svage ende over orange til gul og næsten hvid, hvor den var stærkest. Den gør billedet lysere frem for mørkere, og den har ingen skarp kontur.

• Placering: en kant eller et hjørne, ofte kun i den ene side.
• Farve: rød til orange til lysegul, varmest i gløddens yderkant.
• Form: bløde lodrette striber eller en diffus opblussen, aldrig en perfekt cirkel i midten.
• Opførsel: den tilføjer lys og vasker skyggerne ud, hvor den rammer.
• Variation: ingen to billeder er ens, og det er en del af charmen.

Light leak-gradienter, du kan kopiere

Hver af dem er en enkelt CSS-gradient, der toner ud i gennemsigtighed, så den kan ligge oven på et foto eller en mørk baggrund. Her vises de alene på en mørk bund; over et foto blander du dem som beskrevet i næste afsnit.

Sådan tilføjer du et light leak i CSS

Læg gradienten på et lag over billedet, og bland den med screen, som kun gør lysere, præcis som vildfarent lys. Sænk opaciteten, til fotoet stadig står tydeligt. MDN’s reference til mix-blend-mode viser de andre tilstande; lighten og soft-light er også værd at prøve.

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

For at det skal føles mere som film, så læg korn øverst over det hele, og gør skyggerne en anelse varmere. Kornede gradienter og gradient-overlay i CSS gennemgår begge lag.

Hold også øje med farvernes rækkefølge. De fleste utroværdige leaks er enten flade og orange fra kant til kant eller bliver lyserøde i den lyse ende. Hold det varmeste punkt blegt og let gulligt, lad det køle af gennem rav til rød, og lad den røde forsvinde ind i billedet i stedet for at slutte med en synlig kant.

Hvor light leaks virker, og hvor de ikke gør

Light leaks passer til fotografer, filmfestivaler, musikere, sommerkampagner, rejser og alt nostalgisk. De går naturligt sammen med retro-gradienter og varme, falmede fotos. De passer mindre til præcise, tekniske brands, fordi hele pointen er det uperfekte.

Light leaks i video og animation

I video bruges light leaks ofte som overgange: et varmt lysglimt fejer hen over billedet i et halvt sekunds tid, topper i næsten hvidt og afslører det næste klip. Hold dem korte og sjældne. Ét leak mellem scener føles som film; ét ved hvert klip føles som en filterpakke.

Til stillbilleder, der skal have varme uden et overlay, gør en varm, levende baggrund det samme mere stille. I Gradiently gengives en Marks lys og korn live i alle størrelser, og dens roligste område flytter sig selv om bag dine ord, så en solbeskinnet, filmisk flade aldrig lægger sin lyseste plet bag en overskrift. Fotos, du tilføjer i Studio, kan også få en varm lavering i Markens farver, så billede og baggrund deler samme glød. Den beslægtede effekt med lys omkring former finder du i glødeffekt; for fotografer specifikt, se branding for fotografer.