# Light leak-effekt: varme filmglød i design

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

De ravgule striber i kanten af et gammelt fotografi var en kamerafejl. Nu er de en af de varmeste stemninger i design. Her er, hvordan light leaks virker, og hvordan du laver overbevisende af slagsen digitalt.

## The short version

- Et light leak er en varm glød eller stribe, der opstår, når vildfarent lys når filmen gennem en sprække i kameraet.
- Ægte light leaks sidder som regel i kanten af billedet og går fra rød over orange til gul, ofte med en overgang mod hvid, hvor lyset var stærkest.
- Et overbevisende digitalt light leak kan laves med bløde radiale eller lineære gradienter i varme farver, lagt over et billede med blandingstilstanden screen eller lighten.
- Light leaks bør holdes væk fra tekst, fordi en lys plet bag ordene sænker deres kontrast.
- I video giver et light leak, der fejer hen over billedet på under et sekund, en blid overgang mellem klip.

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

- Leak i venstre kant: `radial-gradient(ellipse 45% 80% at 0% 50%, #fff3c4 0%, #ffb547 18%, #f0612e 38%, #a3202a 58%, transparent 82%)`
- Brændt hjørne: `radial-gradient(circle at 100% 0%, #fff7d6 0%, #ffc15a 14%, #ff7a3c 30%, #c2283a 48%, transparent 72%)`
- Lodret stribe: `linear-gradient(100deg, transparent 0%, transparent 52%, #b3262e 60%, #ff8a3d 68%, #fff0b8 74%, #ff8a3d 80%, #b3262e 88%, transparent 96%)`
- Glød fra bunden: `radial-gradient(ellipse 70% 50% at 50% 110%, #ffe0a3 0%, #ff9d4a 22%, #e0473a 42%, #6e1a35 62%, transparent 85%)`

Fire klassiske placeringer. Det lyse centrum ligger i eller uden for billedkanten, så kun udtoningen er synlig, ligesom med et ægte leak.

- Hed kerne: #fff3c4
- Rav: #ffb547
- Mandarin: #f0612e
- Filmrød: #c2283a
- Vinrød udtoning: #6e1a35

En light leak-palet, fra gløddens lyseste punkt til der, hvor den forsvinder ind i billedet. Hold rækkefølgen: et leak bliver aldrig gult i den svage ende.

## 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](https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode) viser de andre tilstande; `lighten` og `soft-light` er også værd at prøve.

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

Et leak i venstre kant over et vilkårligt billede. Gradienten ender i gennemsigtighed, og screen-blanding betyder, at den kun kan tilføje varme og lys.

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](https://gradiently.design/da/guide/grainy-gradients) og [gradient-overlay i CSS](https://gradiently.design/da/guide/css-gradient-overlay) gennemgår begge lag.

> **Lav et lille sæt, ikke ét leak** Lav fire eller fem leaks i forskellige placeringer og styrker, og spejl og rotér dem undervejs. Ægte film lækker aldrig på samme måde to gange, så det samme overlay gentaget hen over en karrusel eller et gitter er den hurtigste måde at afsløre tricket på.

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

### Undgå

- Et lyst leak bag en overskrift
- Det samme leak på alle billeder i et sæt
- En perfekt cirkel af glød i midten
- Kolde blå eller grønne leaks på varme fotos
- Leaks så kraftige, at motivet forsvinder

### Gør

- Leaks i kanten modsat dine ord
- Varier placering og styrke gennem en serie
- Lad gløden starte i eller uden for billedkanten
- Rød til rav til lysegul, som film optager det
- Nok opacitet til at føles varmt, ikke udvasket

Light leaks passer til fotografer, filmfestivaler, musikere, sommerkampagner, rejser og alt nostalgisk. De går naturligt sammen med [retro-gradienter](https://gradiently.design/da/guide/retro-gradients) og varme, falmede fotos. De passer mindre til præcise, tekniske brands, fordi hele pointen er det uperfekte.

Et eventopslag på højkant for en biograf på en tagterrasse med varme filmfarver, der gløder fra den ene kant

En varm flade med gløden holdt i den ene side og ordene i den rolige del af billedet.

Et kvadratisk musikcover med titlen Side B i varme, filmiske farver

Et kvadratisk udgivelsescover, hvor varme og korn bærer nostalgien, ikke et rodet overlay.

## 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](https://gradiently.design/da/guide/glow-effect); for fotografer specifikt, se [branding for fotografer](https://gradiently.design/da/guide/photographer-branding).

## FAQ

### Hvad er en light leak-effekt?

En varm rød, orange eller gul glød, der opstår, når vildfarent lys når filmen gennem en sprække i kameraet. Designere genskaber den nu digitalt for en nostalgisk, solbeskinnet stemning.

### Hvordan laver jeg en light leak-effekt?

Placér en blød, varm gradient, der toner ud i gennemsigtighed, i kanten af et billede, og bland den med screen eller lighten. Sænk derefter opaciteten, og tilføj lidt korn.

### Hvilke farver har light leaks?

Som regel dyb rød i den svage ende, over orange og rav, til lysegul eller næsten hvid, hvor lyset var stærkest.

### Kan jeg sætte tekst oven på et light leak?

Det er bedre at lade være. Den lyse del af et leak sænker tekstens kontrast, så placér det i den modsatte side af billedet i forhold til dine ord.