Kleurverloop met textuur: korrel, papier, glas en zijde

Een kleurverloop met textuur heeft een oppervlak over de kleuren, zodat het als een materiaal leest en niet als een standaard schermvulling: een fijne korrel als van film, de structuur van papier, de helderheid en breking van glas of de zachte plooien van zijde. De kleuren zeggen in welke stemming je bent, de textuur zegt waar het ding van gemaakt is. Daarom kunnen twee kleurverlopen met precies dezelfde kleuren totaal anders aanvoelen, en daarom is textuur een van de meest eigen onderdelen van een visuele identiteit.

De vier textuurfamilies

Korrel: film en drukwerk

Korrel is de veelzijdigste textuur en het makkelijkst toe te voegen. Een fijne laag monochrome ruis laat een verloop gefotografeerd of gedrukt aanvoelen, en het verbergt ook de banding die gladde digitale kleurverlopen vaak laten zien. Het werkt met bijna elk palet, en daarom is het de standaard finishing touch geworden. Hoeveel je gebruikt, en hoe, staat in korrelige kleurverlopen.

Papier: ambacht en rust

Papiertextuur brengt een warme gebroken witte basis, zachte vezels en een lichte oneffenheid, alsof het kleurverloop gedrukt of geschilderd is. Het gaat vanzelf samen met bleke kleuren, gedempte inkten en schreefletters. Houd de kleurvlekken klein en laat het papier zien: een pastel of aards kleurverloop op papier voelt handgemaakt op een manier die een zuiver witte ondergrond nooit haalt. Zie pastelkleurverlopen voor paletten die erbij passen.

Glas: technologie en diepte

Glastexturen zijn er in twee soorten. Matglas vervaagt wat erachter ligt, en dat is de basis van glassmorphism. Helder of geribbeld glas breekt de kleur in banden en voegt scherpe hooglichten toe waar het licht een rand raakt. Beide doen denken aan precisie en moderne hardware. De sleutel is het hooglicht: een dunne, heldere lijn op de plek waar het licht zou vallen, en donkerdere kleur overal elders.

Zijde: luxe en zachtheid

Zijde en satijn zien eruit als gladde plooien van stof: brede zachte schaduwen en smalle heldere hooglichten waar de stof naar het licht draait. Op een scherm betekent dat een kleurverloop met scherpe lichte banden tussen diepere tonen, vaak in één tint. Diepe juweelkleuren, zoals wijnrood, smaragd en middernachtblauw, lezen als avondkleding. Bleke kleuren, zoals champagne en blos, lezen als bruidsmode of huidverzorging. Zijde werkt prachtig in trage beweging, waarbij de hooglichten kunnen drijven.

Zo stapel je texturen

Echte materialen combineren texturen: zijde heeft een glans en een weefsel, bedrukt papier heeft vezels en inktkorrel. Kleurverlopen kunnen hetzelfde, zolang elke laag een duidelijke taak heeft. Een betrouwbare volgorde is kleur, dan structuur, dan oppervlak, dan licht.

1. 1

   Kleurveld

   Het verloop zelf: je kleurverloop, mesh of gloed. Krijg dit eerst goed, want textuur kan een modderig palet niet redden.

2. 2

   Structuur

   De grote vorm van het materiaal: plooien van zijde, ribbels van glas, de zachte oneffenheid van papier. Het verandert hoe de kleur stroomt.

3. 3

   Oppervlak

   Het fijne detail: korrel of papierstructuur. Het ligt over alles heen en laat het oppervlak tastbaar aanvoelen.

4. 4

   Licht

   Hooglichten en schaduwen die het oog vertellen waar het licht vandaan komt. Eén consistente lichtbron laat alle lagen als één voorwerp lezen.

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

Textuur en leesbaarheid

Textuur voegt detail toe, en detail achter kleine letters maakt ze moeilijker leesbaar. Houd textuur lichter achter tekst en sterker in open vlakken, en houd letters en logo’s boven elke textuurlaag, zodat hun randen scherp blijven. Sterke hooglichten van zijde en reflecties van glas zijn het grootste risico, omdat ze heldere lijnen maken die dwars door een woord kunnen snijden. Zie tekst op drukke achtergronden.

Textuur als identiteit

Kleuren haal je in seconden uit een screenshot. Een textuur, en hoe die zich gedraagt met licht en beweging, is veel moeilijker na te maken. Dat maakt textuur een van de sterkste manieren om een kleurverloop van jou te maken. Elke Mark in Gradiently stapelt tot drie materialen over zijn kleuren, met eigen licht en korrel, en in de Forge kies je ze regelaar voor regelaar.

GR·75X1·NM

February Quay

Bekijk deze Mark