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

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

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.

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.

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

   Sænk opaciteten

   Skru ned til mængden i tabellen ovenfor. Tjek i 100 procent zoom og igen på din telefon.

4. 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. 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 indstillingerne til det, og støjgradienter 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.

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

Hold opaciteten lav: en hel side med korn er en stor flade, og 6 procent er ofte rigeligt. MDN’s reference til 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, 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.