Liukuvärin materiaalit: Silkki, Revontulet ja rakeisuus

Liukuvärin materiaalit saavat liukuvärin näyttämään joltain muulta kuin kahden värin sekoitukselta. Materiaali on värin täyttämä rakenne: Silkin suuntakiilto, Revontulten valoverhot, Meshin pehmeät värikukinnat, Lietteen hiekka tai marmorin suonet. Jokainen Gradientlyn Mark pinoaa niitä enintään kolme ja lisää valoa, rakeisuutta sekä liikettä. Siksi saman paletin Markit voivat näyttää täysin erilaisilta.

Mikä materiaali on

Ajattele palettia maalina ja materiaalia pintana. Sama laivastonsininen, sinivihreä ja oranssi silkillä, huurrelasilla tai käsintehdyllä paperilla tuottaa kolme eri esinettä. Markin jokainen materiaali käyttää sen omaa palettia, joten materiaali muuttaa luonnetta muuttamatta värejä.

Neljätoista materiaaliperhettä

Gradiently ryhmittelee materiaalit niiden muistuttamien asioiden mukaan. Alla olevat nimet ovat oikeita Markkinoilla vastaan tulevia materiaaleja. Jokaisessa perheessä on paljon lisää.

Silkki, Revontulet ja Mesh

Näistä kolmesta kysytään eniten. Silkki on hienojen lankojen suuntakiiltoa: elegantti, hieman muodollinen ja sopiva kauneuteen sekä muotiin. Revontulet on kirkkaasta alareunasta tummaan taivaaseen nousevia valoverhoja, dramaattinen tyhjällä tummalla pohjalla. Mesh on toisiinsa sulavia värikukintoja, klassinen moderni liukuväri, ystävällinen ja monipuolinen. Silkkiliukuväreillä, revontuliliukuväreillä ja mesh-liukuväreillä on omat CSS-oppaansa.

Rakeisuus, paperi ja painatus

Rakeisuus-perhe saa näytön näyttämään painetulta. Kuitu on käsintehtyä paperia pitkillä kuiduilla ja satunnaisilla täplillä, Riso kahden musteen painatus, Filmi filmiraetta ja Dither pikseliportaittaista väriä. Ne sopivat ruokaan, käsityöhön, kirjoihin ja kaikkeen käsintehdyltä tuntuvaan. Ne myös peittävät tasaisten liukuvärien raitautumista, kuten rakeiset liukuvärit selittää.

Kerrosten pinoaminen

Markissa on pohjakerros ja enintään kaksi lisäkerrosta. Jokaisella ylemmällä kerroksella on oma peittävyys ja sekoitustila (normaali, rasteri, kertova, peittävä tai pehmeä), kuten kuvankäsittelyohjelmassa. Tavallinen resepti on laaja Mesh- tai Usva-pohja värikentäksi, Pellavan tai Puolisävyn kaltainen rakennekerros tekstuuriksi ja Halo- tai Valovuoto-valokerros huomion keskittämiseen.

.card {
  background:
    /* top layer: a light, screened over the rest */
    radial-gradient(circle at 75% 20%, rgb(255 214 170 / 0.55) 0%, transparent 40%),
    /* middle layer: a fine stripe for texture */
    repeating-linear-gradient(90deg, rgb(255 255 255 / 0.05) 0 2px, transparent 2px 6px),
    /* base layer: the colour field */
    linear-gradient(160deg, #1b2a3a 0%, #2f5d62 60%, #5e8b7e 100%);
  background-blend-mode: screen, overlay, normal;
}

Valo, rakeisuus ja liike

Kunkin kerroksen asetukset muuttavat materiaalin mittakaavaa, vääristymistä, yksityiskohtaisuutta, valaistusta, rakeisuutta ja liikettä. Sama Silkki voi olla tiivis kirkas kimmellys tai laaja hämärä kangas. Markin yhteinen liike määrää nopeuden ja lipumisen, jotta kerrokset liikkuvat yhdessä eivätkä toisiaan vastaan.

Yksityiskohdat ja sanat kilpailevat, joten Markit rauhoittavat itse levottomaa rakennetta tekstin lähellä. Mark tietää, missä sanat ovat: rauhallisin alue siirtyy tekstin taakse ja kirjainten lähellä värit syvenevät tai vaalenevat. Näin tekstuurikin säilyttää otsikon luettavana.

Materiaalin valinta

Mieti, mistä brändisi on tehty. Leipomo on jauhoa, paperia ja lämmintä valoa, joten Kuitu tai Laveeraus. Ohjelmistoja myyvä studio on lasia ja puhdasta valoa, joten Huurrettu tai Prisma. Mieti sitten julkaisutiheyttä: mitä useammin, sitä rauhallisempi pinta. Oikean Markin valinta neuvoo loput, ja Markkinoilla voit suodattaa suoraan materiaalilla.