Gradijentni dizajni često daju zastarjeli izgled—mislite na tie-dye. Ali s alatom Gradient Mesh programa Adobe Illustrator i opcijom Freeform Gradient, možete stvoriti gradijente sa svježim novim izgledom. Pokažimo vam kako to učiniti.

Što je gradijent?

Vjerojatno ste već naišli na gradijente, ali ako niste, dat ćemo vam sažetak. Gradijent je mješavina boja, bilo koje boje, koje se spajaju na prirodan ili neprirodan način.

U prirodi ćete pronaći gradijente: izlazak i zalazak sunca, jesensko lišće koje mijenja boju i polarnu svjetlost. Priroda je izvrsno mjesto za pronalaženje inspiracije za svoje eksperimente s gradijentom. Gradijent se također često nalazi u dizajnu, kao što je Instagram ili Adobe Creative Cloud logo. Gradijenta unose svijetlu energiju u ono što je često korporativni izgled.

Iako gradijenti mogu izgledati prilično zastarjelo, čini se da se vraćaju u moderni dizajn. Prošli su dani korištenja jednog gradijenta prijelaznog zamaha kao pozadine. S novim dizajnerskim alatima, trendovima boja i zabavnim načinima implementacije gradijenata, više ne izgledaju neumjesno.

instagram viewer

Zašto biste trebali koristiti gradijent?

Kao što se vidi s logotipima Instagrama i Creative Clouda, gradijent se može koristiti za posvjetljavanje dosadne pozadine. Obično se gradijenti koriste kao pozadinske boje, a ne sam glavni subjekt, ali ništa vas ne sprječava da na glavni objekt primijenite gradijent. Možete čak dodajte gradijente u CSS programiranju.

Gradijent ne mora uvijek biti svijetli i na vašem licu; mogu biti i suptilni. Možete čak i jednostavno dodati lagani dodir gradijenta umjesto da njime ispunite cijelu pozadinu.

Uz sve popularnije web-stranice s beskonačnim pomicanjem, gradijenti su suptilan način da se dizajn ili boja mijenjaju na cijeloj web stranici, bez previše oštrog mijenjanja boja. Možete čak animirati gradijent kako bi se pomicao, nalik na glatke pokrete lava lampe iz 80-ih.

Glavni razlog korištenja gradijenata je uključivanje više boja u svoj dizajn, a da one ne izgledaju izrazito drugačije. Možete dodati suptilnu promjenu u shemu boja ili odlučiti napraviti podebljani gradijent.

Koje su mogućnosti gradijenta u Adobe Illustratoru?

Da biste pristupili svim gradijentima u Illustratoru, morate otvoriti prozor Gradijenta. Klik Prozor > Gradijent ili možete kliknuti na Alat za gradijent gumb na ploči s alatima. Ovako možete pristupiti alatima Linear, Radial i Freeform Gradijent.

Uz tradicionalne alate za gradijent u Illustratoru, postoje samo linearne i radijalne opcije gradijenta. Ove su opcije prilično osnovne i ne dopuštaju puno prilagođavanja osim izbora boje i smjera. Tradicionalni alati za gradijent dobri su za jednostavnu pozadinu s pomicanjem gradijenta.

Alat Freeform Gradient izvrstan je za dodavanje slučajnog asortimana boja u vaše gradijentne dizajne. Alat Freeform može se koristiti za manje precizne gradijente; omogućuje prirodniju, nasumičniju upotrebu boje.

Alat Gradient Mesh u Illustratoru izvrstan je za oživljavanje ilustracija. Alat Mesh vam omogućuje postavljanje, kut i pomicanje gradijentnih tonova na način da realno padaju na 3D objekt. To podiže rad s gradijentima na potpuno novu razinu.

Adobe nudi mnogo načina za izradu gradijenata, uključujući prilagođeni gradijenti u Photoshopu.

Kako koristiti gradijent slobodnog oblika u Illustratoru

Iako se nalazi unutar tradicionalnih alata za gradijent, alat Freeform Gradient u Illustratoru radi malo drugačije. Započnimo.

Napravite oblik prvo s običnom bojom ispune. Zatim, s otvorenim prozorom Gradijenta, kliknite krajnji desni gumb za gradijent da biste otvorili Slobodni oblik alat.

Nakon što odaberete alat Freeform, vaš prethodno običan oblik sada će pokazati gradijent s četiri zaustavljanja (ili točke boje). Četiri zaustavljanja bit će nasumične boje i ne moraju nužno biti u skladu s izvornom bojom ispune. Ako kliknete bilo koje od postojećih zaustavljanja, možete promijeniti boju. Da biste dodali više zaustavljanja, kliknite bilo gdje drugdje u svom obliku.

Sjajna stvar kod Illustratorovog Freeform Gradient alata je da lako možete povući boje bilo gdje u svom obliku. Ako odlučite da želite plavu na lijevoj umjesto na desnoj strani, samo povucite stop ulijevo. Ili postavite dva ružičasta graničnika jedan pored drugog. Dodajte malo bijele da vidite kako se boje spajaju. Pomicanje zaustavljanja boja mijenja način na koji one međusobno djeluju.

Sloboda Freeform alata je da možete dodati onoliko boja koliko želite i postaviti ih gdje god želite. Boje djeluju poput pojedinačnih kuglica koje se lagano stapaju na rubovima. Da biste izbrisali graničnik u boji, povucite ga izvan oblika.

Možete povećati ili smanjiti veličinu i širenje svake stope boje. Kliknite odabrano zaustavljanje i pomaknite pokazivač na točkasti krug koji ga okružuje. Krug će imati oval na rubu. Kliknite i povucite oval da biste povećali ili smanjili svoju kuglu i širenje boje.

Možete čak nacrtati linije gradijenta klikom na Linije opcije na alatnoj traci Gradient. S odabranim linijama, možete dodati novi graničnik u boji, a zatim će sljedeća odabrana stanica biti povezana s linijom, ravnom ili zakrivljenom, koja grupira boje gradijenta zajedno. Svaka stanica i dalje može biti različite boje ili možete koristiti istu boju za cijelu liniju s uključenim višestrukim zaustavljanjima.

Kako koristiti Gradient Mesh u Illustratoru

Gradient Mesh također radi drugačije od ostalih alata za gradijent. Pokažimo vam kako ga koristiti.

Gradient Mesh se može primijeniti na bilo koji oblik stvoren bojom ispune. Nakon što ste nacrtali i ispunili svoj oblik, kliknite na Gradijentna mreža alat. Ako ne vidite gumb Gradient Mesh, možda je skriven ispod Alat za gradijent gumb na alatnoj traci; kliknite i držite gornji gumb kako biste otkrili sve skrivene gumbe ispod njega.

S odabranim alatom Gradient Mesh, kliknite bilo gdje u svom ispunjenom obliku da biste počeli primjenjivati ​​mrežu. Ovisno o broju željenih boja i veličini vašeg oblika, vjerojatno su vam potrebna samo dva klika; iako, maksimuma nema. Možete dodati ili izbrisati sidrišne točke u bilo kojem trenutku u procesu. Za razliku od alata Freeform Gradient, početna boja vašeg objekta radi kao osnovna boja vašeg gradijenta.

Unutar svoje mreže možete kliknuti na bilo koju sidrišnu točku pomoću Izravna selekcija alat (A) i odaberite boju na ploči s uzorcima. To stvara zamućenje odabrane boje koja okružuje sidro. Učinite to za sve i sva sidra unutar vašeg oblika i eksperimentirajte s načinom na koji se boje spajaju.

S odabranim bojama u vašem obliku, ovo izgleda slično alatu Freeform. Dakle, kako se možete izjednačiti s Gradient Mesh? Pomaknite sidrišne točke i ručke da vidite kako se boje kreću i reagiraju jedna na drugu.

Ne samo da možete premjestiti bilo koju od sidrišnih točaka u mreži, već i korištenje ručki za promjenu kutova također stvara sjajne rezultate. Zapravo, pomicanje sidrišnih točaka može stvoriti oštre linije između boja. Ove oštre linije mogu replicirati 3D oblike i proizvesti rasvjetu na vašem objektu. Dodavanje svjetlijih ili tamnijih boja doprinijet će 3D efektu. Možete čak stvoriti vlastite 3D oblike umjesto da ih tražite već postojećih 3D oblika na mreži.

Jedinstven način stvaranja gradijenata

Alat Freeform Gradient i alat Gradient Mesh u Illustratoru omogućuju vam dodavanje gradijenata u svoje dizajne na nove i jedinstvene načine. S gradijentima sada možete učiniti mnogo više od pukog pomicanja boje gradijenta u linearnom ili radijalnom smjeru. Eksperimentirajte s ovim alatima i vidite koju vrstu funky gradijenta možete stvoriti.

Kako stvoriti automatsku paletu boja u Adobe Illustratoru

Pročitajte dalje

UdioCvrkutUdioE-mail

Povezane teme

  • Kreativno
  • Adobe Illustrator
  • Uređivač slika
  • Grafički dizajn

O autoru

Ruby Helyer (Objavljeno 17 članaka)

Ruby je pisac u MUO-ovoj kategoriji Creative, fokusirajući se na pisanje o softveru za dizajn. Nakon što je radila kao dizajnerica, ilustratorica i fotografkinja, Ruby je također diplomirala grafičku komunikaciju i magistrirala engleski jezik s kreativnim pisanjem.

Više od Ruby Helyer

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e-knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu