Gradienttekstur: korn, papir, glass og silke forklart

Gradienttekstur er overflaten du legger over en fargeovergang så den leses som et materiale og ikke som en skjermstandard: et fint korn som på film, strukturen i papir, klarheten og lysbrytningen i glass, eller de myke foldene i silke. Fargene sier hvilken stemning du er i; teksturen sier hva tingen er laget av. Derfor kan to gradienter med identiske farger føles helt forskjellige, og derfor er tekstur en av de mest særpregede delene av en visuell identitet.

De fire teksturfamiliene

Korn: film og trykk

Korn er den mest allsidige teksturen og den enkleste å legge til. Et fint lag med ensfarget støy får en overgang til å føles fotografert eller trykt, og det skjuler også bandingen som glatte digitale gradienter ofte viser. Det fungerer med nesten enhver palett, og derfor har det blitt standarden for siste finpuss. Hvor mye du bør bruke, og hvordan, står i kornete gradienter.

Papir: håndverk og ro

Papirtekstur gir en varm off-white bunn, myke fibre og en lett ujevnhet, som om gradienten var trykt eller malt. Den passer naturlig sammen med bleke farger, dempet blekk og skrift med seriffer. Hold fargefeltene små og la papiret synes; en pastell eller jordfarget gradient på papir føles håndlaget på en måte en ren hvit bunn aldri gjør. Se pastellgradienter for paletter som passer.

Glass: teknologi og dybde

Glassteksturer finnes i to typer. Frostet glass gjør det som ligger bak uskarpt, og det er grunnlaget for glassmorphism. Klart eller riflet glass bryter fargen i bånd og gir skarpe høylys der lyset treffer en kant. Begge antyder presisjon og moderne maskinvare. Nøkkelen er høylyset: en tynn, lys linje plassert der lyset ville truffet, og mørkere farge alle andre steder.

Silke: luksus og mykhet

Silke og sateng ser ut som glatte stoffolder: brede, myke skygger og smale, lyse høylys der stoffet vender seg mot lyset. På skjerm betyr det en gradient med skarpe lysbånd mellom dypere toner, ofte i én enkelt fargetone. Dype juvelfarger, som vinrød, smaragd og midnatt, leses som aftenantrekk; bleke, som champagne og rouge, leses som brud eller hudpleie. Silke fungerer vakkert i langsom bevegelse, der høylysene kan drive.

Slik stabler du teksturer

Ekte materialer kombinerer teksturer: silke har en glans og en vev, trykt papir har fibre og blekkorn. Gradienter kan gjøre det samme, så lenge hvert lag har en tydelig jobb. En pålitelig rekkefølge er farge, så struktur, så overflate, så lys.

1. 1

   Fargefelt

   Selve overgangen: gradienten, meshen eller gløden din. Få dette riktig først; tekstur kan ikke redde en grumsete palett.

2. 2

   Struktur

   Materialets form i stor skala: silkefolder, rifler i glass, den myke ujevnheten i papir. Den endrer hvordan fargen flyter.

3. 3

   Overflate

   De fine detaljene: korn eller papirstruktur. De ligger over alt og får overflaten til å føles fysisk.

4. 4

   Lys

   Høylys og skygger som forteller øyet hvor lyset kommer fra. Én enkelt, konsekvent lyskilde får alle lagene til å leses som én gjenstand.

.silk {
  position: relative;
  isolation: isolate;
  /* colour and structure: satin folds in one hue */
  background: linear-gradient(115deg, #5b1733 0%, #9d2a55 22%, #e8a3b8 30%, #9d2a55 40%, #4a0f28 60%, #b8456f 72%, #5b1733 100%);
}

.silk::after {
  /* surface: fine monochrome grain */
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  opacity: 0.25;
}

Tekstur og lesbarhet

Tekstur gir detaljer, og detaljer bak små bokstaver gjør dem vanskeligere å lese. Hold teksturen lettere bak tekst og sterkere i åpne områder, og hold skrift og logoer over alle teksturlag, så kantene forblir skarpe. Sterke silkehøylys og glassreflekser er den største risikoen, fordi de lager lyse linjer som kan skjære gjennom et ord. Se skrift på urolige bakgrunner.

Tekstur som identitet

Farger kan plukkes fra et skjermbilde på sekunder. En tekstur, og måten den oppfører seg på med lys og bevegelse, er mye vanskeligere å gjenskape. Det gjør tekstur til en av de sterkeste måtene å gjøre en gradient til din egen. Hver Mark i Gradiently stabler opptil tre materialer over fargene sine, med eget lys og korn, og i Forge velger du dem kontroll for kontroll.

GR·75X1·NM

February Quay

Se denne Marken