Korntekstur: legg filmkorn til digitale design

Korntekstur er et fint lag med tilfeldig støy lagt over et design, så helt flat digital farge ser trykt, fotografert på film eller presset inn i papir ut. Den er bevisst subtil: med riktig mengde setter ingen navn på den, de føler bare at bildet har en overflate. For å treffe må du styre fire innstillinger: mengde, størrelse, farge og blanding.

Hvorfor korn gjør digitale design bedre

Skjermer kan vise farge ingen fysisk overflate kan ha: helt jevn og helt ren. Renheten får mange digitale design til å virke billige eller uferdige. Korn tilfører litt av ujevnheten alle ekte overflater har. Det gjør også tre praktiske jobber.

• Skjuler fargebånd. Jevne blandinger brytes til synlige striper på 8-bits skjermer. Tilfeldig støy bryter opp kantene så øyet leser en sammenhengende overgang. Fargebånd i gradienter forklarer årsaken.
• Forener blandede elementer. Et fotografi har naturlig korn, en flat form har ingen. Ett kornlag over begge får dem til å høre til samme bilde.
• Gir en overflate. Flat farge oppfattes som skjerm. Farge med korn oppfattes som materiale. Derfor er korn sentralt i de fleste valg av bakgrunnstekstur.

Hvor mye korn du bør legge til

Den ærlige testen er avstand. Se designet ved 100 prosent: kornet bør så vidt synes. Se så på telefon på armlengdes avstand: da bør det ikke synes. Hvis kornet er det første noen merker, halver mengden. Ulike oppgaver trenger ulike mengder.

Monokromt eller farget korn

Ekte filmkorn er farget: små røde, grønne og blå prikker som varierer fra bilde til bilde. Digitalt monokromt korn er bare lyst og mørkt. Begge har sin plass.

Kornstørrelsen betyr like mye som fargen. Fint korn virker kostbart og moderne. Grovt korn virker håndlaget, røft og kraftig. Tilpass til sluttformatet: et innlegg i 1080×1350 trenger finere korn enn en A3-plakat i 3508×4961, fordi plakaten ses på lengre avstand.

Legg til korntekstur i et designverktøy

1. 1

   Lag et støylag

   Fyll et nytt lag med mellomgrått (#808080) og legg til støy. I de fleste verktøy heter filteret Add Noise, Noise eller Grain. Velg gaussisk og monokromt for en ren start.

2. 2

   Velg blandingsmodus

   Bytt laget til Overlay eller Soft Light. Gråfargen forsvinner, og bare prikkene blir igjen, som lysner og mørkner fargene under.

3. 3

   Senk opasiteten

   Senk til mengden i tabellen. Sjekk ved 100 prosent zoom og igjen på telefon.

4. 4

   Hold laget øverst

   Korn ligger over bakgrunn og bilder. Ha liten skrift og logoer over kornet for skarphet, eller under for trykt preg.

5. 5

   Eksporter forsiktig

   Eksporter PNG eller JPEG med høy kvalitet. Kraftig komprimering smører korn til flekker, som ser verre ut enn ingen korn.

For korn på fargeblandinger har kornete gradienter innstillingene, og støygradienter gir ferdige oppskrifter.

Korntekstur på nettet

På et nettsted trenger du ingen bildefil for korn. En inline-SVG med feTurbulence tegner støy i nettleseren i enhver størrelse. Den forblir skarp på alle skjermer og veier nesten 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 opasiteten lav: korn over en hel side dekker mye, og 6 prosent er ofte nok. MDN-referansen for feTurbulence viser alle innstillingene.

Korn i video og bevegelse

På bevegelige opptak bør korn også bevege seg. Ett stillestående kornlag ligner et skittent objektiv. Bruk animert korn som endres i hvert bilde, hold det fint og eksporter med god bitrate, fordi videokomprimering behandler korn som detaljer den kan kaste. Les sømløse videoløkker før du legger til tekstur i løkker.

Gradiently bygger korn inn i hver Mark som del av oppskriften sammen med farge, materiale, lys og bevegelse. Teksturen gjengis dermed på nytt i hver størrelse fremfor å strekkes fra ett bilde. Vil du ha en bakgrunn som allerede har sin overflate, utforsk Markedet og design med en Mark ingen har sikret seg.