# Kornstruktur: sådan tilføjer du filmkorn til digitale designs

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

Lidt korn er den hurtigste vej til at få et digitalt design til at føles som en fremstillet genstand. For meget, og det ligner en ødelagt skærm. Her er, hvordan du vurderer mængden, størrelsen og farven.

## The short version

- Kornstruktur er et fint, tilfældigt prikmønster lagt over et design, så flade digitale farver opleves som film, papir eller tryk.
- Korn hjælper på tre måder: det skjuler striber i bløde overgange, det binder fotos og flad grafik sammen, og det giver rene former en fysisk overflade.
- Til de fleste skærmdesigns skal kornet lige akkurat kunne ses i fuld størrelse og være usynligt i strakt arm; lægger folk mærke til det først, er der for meget.
- Monokromt korn er det sikre standardvalg; farvet korn ligner mere rigtig film, men kan forskyde en palet.
- Kraftig JPEG-komprimering glatter kornet væk, så eksporter kornede stillbilleder som PNG eller JPEG i høj kvalitet, og giv kornet video en generøs bitrate.

**Kornstruktur** er et fint lag tilfældig støj lagt over et design, så helt flade digitale farver ser ud, som om de er trykt, fotograferet på film eller presset ind i papir. Det er diskret med vilje: i den rigtige mængde sætter ingen navn på det, de mærker bare, at billedet har en overflade. At ramme rigtigt handler om fire indstillinger: mængde, størrelse, farve og blandingstilstand.

## Hvorfor korn får digitale designs til at se bedre ud

Skærme kan vise farver, som intet fysisk materiale kan: helt jævne, helt rene. Den renhed er det, der får mange digitale designs til at føles billige eller ufærdige. Korn giver lidt af den uregelmæssighed tilbage, som enhver rigtig overflade har. Det løser også tre praktiske opgaver.

- **Det skjuler striber.** Bløde overgange brydes op i synlige striber på 8-bit-skærme. Tilfældig støj bryder kanterne op, så øjet læser en sammenhængende overgang. [Striber i gradienter](https://gradiently.design/da/guide/gradient-banding) forklarer årsagen.
- **Det samler blandede elementer.** Et foto har naturligt korn, og en flad form har intet. Ét kornlag over begge får dem til at se ud, som om de hører til samme billede.
- **Det tilføjer en overflade.** Flad farve opleves som en skærm; farve med korn opleves som et materiale. Derfor er korn kernen i de fleste valg af [baggrundstekstur](https://gradiently.design/da/guide/background-texture).

Et opslag fra et kafferisteri med en varm baggrund med tekstur og en kort overskrift

En varm baggrund med blød tekstur opleves som en håndlavet genstand, hvilket passer til et produkt lavet i hånden.

Et opslag, der viser et stort tal på en farvet baggrund med blødt korn

Den samme følelse bærer et nøgternt faktum. Korn forhindrer et stort tal i at ligne et regneark.

## Hvor meget korn du skal tilføje

Den ærlige test er afstand. Se designet i 100 procent: du skal lige akkurat kunne se kornet. Se det så på din telefon i strakt arm: der skal du ikke kunne. Er kornet det første, nogen lægger mærke til, så halver det. Forskellige opgaver passer til forskellige mængder.

| Brug | Mængde | Kornstørrelse | Hvorfor |
| --- | --- | --- | --- |
| Websitebaggrund | Meget let, 3 til 6 % opacitet | Fint | Store flader og lang visning gør korn tydeligt |
| Opslag på sociale medier | Let, 6 til 12 % | Fint til mellem | Overlever genkomprimering og telefonskærme |
| Plakat eller flyer | Mellem, 10 til 18 % | Mellem | Set på afstand opleves korn som tryk |
| Retro- eller filmlook | Kraftigt, 18 til 30 % | Mellem til groft | Kornet er en del af stilen |
| Videoløkke | Let, animeret | Fint | Stillestående korn på video i bevægelse ligner snavs på objektivet |

Udgangspunkter, angivet som opacitet for et støjlag i Overlay eller Soft Light. Juster efter øjemål; skærme og farver varierer.

> **Mørke designs kræver mindre** Korn ses mere på mørke toner og mellemtoner end på næsten hvid. På en mørk baggrund starter du med halvdelen af den mængde, du ville bruge på en lys.

## Monokromt eller farvet korn

Rigtigt filmkorn er farvet: små prikker af rød, grøn og blå, der skifter fra billede til billede. Digitalt monokromt korn er kun lyst og mørkt. Begge har deres plads.

### Monokromt korn

- Holder din palet præcis, som du valgte den
- Opleves som tryk, papir eller risografi
- Sikkert til brandfarver og logoer
- Det rigtige standardvalg til det meste arbejde

### Farvet korn

- Ligner analog film
- Giver liv til fotos og hudtoner
- Kan forskyde en flad brandfarve en smule
- Bedst til fotografiske, nostalgiske stilarter

Kornstørrelsen betyder lige så meget som farven. Fint korn føles dyrt og moderne. Groft korn føles håndlavet, råt og højlydt. Skaler kornet efter det endelige format: et opslag på 1080×1350 kræver finere korn end en A3-plakat på 3508×4961, fordi plakaten ses på længere afstand.

## Sådan tilføjer du kornstruktur i ethvert designværktøj

1. **Lav et støjlag** Fyld et nyt lag med mellemgrå (`#808080`), og tilføj støj. I de fleste programmer er det et filter, der hedder Tilføj støj, Støj eller Korn. Vælg Gaussisk og monokromatisk for en ren start.
2. **Sæt blandingstilstanden** Skift laget til **Overlay** eller **Soft Light**. Det grå forsvinder, og kun prikkerne bliver tilbage og gør farverne nedenunder lysere og mørkere.
3. **Sænk opaciteten** Skru ned til mængden i tabellen ovenfor. Tjek i 100 procent zoom og igen på din telefon.
4. **Hold det øverst** Korn hører hjemme over baggrunden og fotos. Lad lille tekst og logoer ligge over kornet, hvis du vil have dem skarpe, eller under det for et trykt præg.
5. **Eksporter med omhu** Eksporter som PNG eller JPEG i høj kvalitet. Kraftig komprimering tværer korn ud til klatter, hvilket ser værre ud end slet intet korn.

Tilføjer du korn specifikt til en farveovergang, har [kornede gradienter](https://gradiently.design/da/guide/grainy-gradients) indstillingerne til det, og [støjgradienter](https://gradiently.design/da/guide/noise-background) har færdige opskrifter.

## Kornstruktur på nettet

På et website behøver du ikke en billedfil til korn. En inline SVG med filteret `feTurbulence` tegner støj i browseren i enhver størrelse, så den forbliver skarp på alle skærme og vejer næsten ingenting.

```html
<svg class="grain" aria-hidden="true">
  <filter id="grain">
    <feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch" />
    <feColorMatrix type="saturate" values="0" />
  </filter>
  <rect width="100%" height="100%" filter="url(#grain)" />
</svg>

<style>
  .grain {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    mix-blend-mode: overlay;
    opacity: 0.06;
  }
</style>
```

Et fast kornlag over en hel side. Hæv `baseFrequency` for finere korn, sænk den for grovere korn. Fjern farvematrixen for farvet støj.

Hold opaciteten lav: en hel side med korn er en stor flade, og 6 procent er ofte rigeligt. [MDN’s reference til feTurbulence](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feTurbulence) viser alle indstillinger.

## Korn i video og bevægelse

På optagelser i bevægelse skal kornet også bevæge sig. Ét stillestående kornlag over video ligner et beskidt objektiv. Brug animeret korn, der skifter i hvert billede, hold det fint, og eksporter med en generøs bitrate, fordi videokomprimering behandler korn som detaljer, der kan smides væk. Til løkker skal du læse [sømløse videoløkker](https://gradiently.design/da/guide/seamless-loop-video), før du tilføjer tekstur.

Gradiently bygger korn ind i hver Mark som en del af opskriften sammen med farve, materiale, lys og bevægelse, så teksturen renderes på ny i hver størrelse, du designer i, i stedet for at blive strakt ud fra ét billede. Vil du have en baggrund, der allerede har sin overflade, så kig rundt i Markedet, og design med enhver Mark, som ingen har sikret sig.

## FAQ

### Hvad er kornstruktur i design?

Et fint, tilfældigt prikmønster af lyst og mørkt lagt over et design, så flade digitale farver ligner film, papir eller tryk.

### Hvor meget korn skal jeg tilføje til et billede?

Nok til, at det kan ses i 100 procent zoom og ikke i strakt arm. Til opslag på sociale medier er et støjlag med cirka 6 til 12 procents opacitet i Overlay en god start.

### Fjerner korn striber i gradienter?

Som regel ja. Tilfældig støj bryder de hårde kanter mellem striberne op, så øjet læser en blød overgang.

### Hvorfor forsvinder mit korn efter upload?

Platforme genkomprimerer billeder og behandler fint korn som detaljer, der kan kasseres. Brug lidt mere korn, eksporter som PNG eller JPEG i høj kvalitet, og upload i platformens præcise størrelse.

### Skal filmkorn være farvet eller sort-hvidt?

Monokromt korn holder brandfarverne præcise og passer til det meste arbejde. Farvet korn ligner mere analog film og passer til fotografiske stilarter.