Prechody často dodávajú dizajnom starý vzhľad – napríklad tie-dye. Ale s nástrojom Gradient Mesh aplikácie Adobe Illustrator a možnosťou Freeform Gradient môžete vytvárať prechody so sviežim novým vzhľadom. Ukážeme vám, ako na to.

Čo je to gradient?

Pravdepodobne ste sa už stretli s prechodmi, ale ak nie, poskytneme vám ich prehľad. Gradient je zmes farieb, akýchkoľvek farieb, ktoré sa spájajú prirodzeným alebo neprirodzeným spôsobom.

V prírode nájdete prechody: východ a západ slnka, jesenné lístie meniace farby a polárna žiara. Príroda je skvelým miestom na nájdenie inšpirácie pre vaše experimenty s gradientom. Prechody sa často vyskytujú aj v dizajne, ako napríklad logo Instagram alebo Adobe Creative Cloud. Prechody prinášajú jasnú energiu do toho, čo je často firemný vzhľad.

Hoci prechody môžu vyzerať dosť zastaralo, zdá sa, že sa vracajú do moderného dizajnu. Časy používania jedného prechodového prechodu s prechodom ako pozadia sú preč. Vďaka novým dizajnovým nástrojom, farebným trendom a zábavným spôsobom implementácie prechodov už nevyzerajú nevhodne.

instagram viewer

Prečo by ste mali používať prechod?

Ako je vidieť pri logách Instagram a Creative Cloud, na rozjasnenie nudného pozadia možno použiť prechod. Prechody sa zvyčajne používajú ako farby pozadia a nie ako samotný hlavný objekt, ale nič vám nebráni použiť prechod na hlavný objekt. Môžete dokonca pridať prechody v programovaní CSS.

Prechody nemusia byť vždy jasné a vo vašej tvári; môžu byť aj jemné. Môžete dokonca jednoducho pridať ľahký nádych prechodu namiesto toho, aby ste ním vyplnili celé pozadie.

S rastúcou popularitou webových stránok s nekonečným posúvaním sú prechody jemným spôsobom, ako zmeniť dizajn alebo farbu na webovej lokalite bez prílišného prepínania farieb. Môžete dokonca animovať prechod, aby sa pohyboval, pripomínajúc hladké pohyby lávovej lampy z 80. rokov.

Hlavným dôvodom použitia prechodov je začlenenie viacerých farieb do vášho dizajnu bez toho, aby vyzerali výrazne odlišne. Môžete pridať jemnú zmenu vo svojej farebnej schéme alebo sa rozhodnúť pre výrazný prechod.

Aké sú možnosti prechodu v aplikácii Adobe Illustrator?

Ak chcete získať prístup k akýmkoľvek prechodom v aplikácii Illustrator, musíte otvoriť okno Prechod. Kliknite okno > Gradient alebo môžete kliknúť na Nástroj prechodu tlačidlo na paneli nástrojov. Takto získate prístup k nástrojom Lineárny, Radiálny a Voľný prechod.

S tradičnými nástrojmi pre prechody v aplikácii Illustrator existujú iba možnosti lineárneho a radiálneho prechodu. Tieto možnosti sú dosť základné a neumožňujú veľa prispôsobenia okrem výberu farieb a smeru. Tradičné nástroje pre prechody sú dobré pre jednoduché pozadie s prechodom.

Nástroj Freeform Gradient je skvelý na pridanie náhodného sortimentu farieb do vašich návrhov s prechodmi. Nástroj Freeform je možné použiť pre menej presné prechody; umožňuje prirodzenejšie, náhodné použitie farby.

Nástroj Gradient Mesh v aplikácii Illustrator je skvelý na oživenie ilustrácií. Nástroj Sieť vám umožňuje umiestňovať, nakláňať a presúvať tóny prechodu tak, aby realisticky dopadli na 3D objekt. To posúva prácu s prechodmi na úplne novú úroveň.

Adobe ponúka mnoho spôsobov vytvárania prechodov, vrátane vlastné prechody vo Photoshope.

Ako používať voľný prechod v aplikácii Illustrator

Hoci sa nachádza v rámci tradičných nástrojov prechodu, nástroj Voľný prechod v Illustratore funguje trochu inak. Začnime.

Vytvorte tvar najprv s obyčajnou farbou výplne. Potom pri otvorenom okne Gradient kliknite na tlačidlo prechodu úplne vpravo, čím otvoríte okno Voľný tvar nástroj.

Keď vyberiete nástroj Voľný tvar, váš predtým vyplnený tvar bude teraz zobrazovať prechod so štyrmi zarážkami (alebo farebnými bodmi). Štyri zarážky budú mať náhodné farby a nemusia byť nevyhnutne v súlade s pôvodnou farbou výplne. Ak kliknete na niektorú z existujúcich zastávok, môžete zmeniť farbu. Ak chcete pridať ďalšie zastávky, kliknite kdekoľvek inde vo svojom tvare.

Skvelá vec na nástroji Freeform Gradient aplikácie Illustrator je, že farby môžete jednoducho pretiahnuť kamkoľvek vo svojom tvare. Ak sa rozhodnete, že chcete modrú vľavo namiesto vpravo, potiahnite zarážku doľava. Alebo umiestnite dve ružové zarážky vedľa seba. Pridajte trochu bielej, aby ste videli, ako sa farby miešajú. Pohybom farebných zarážok sa mení ich vzájomná interakcia.

Sloboda nástroja Freeform spočíva v tom, že môžete pridať toľko farieb, koľko chcete, a umiestniť ich kamkoľvek chcete. Farby pôsobia ako jednotlivé gule, ktoré sa na okrajoch ľahko prelínajú. Ak chcete odstrániť zarážku farieb, potiahnite ju mimo tvaru.

Môžete zväčšiť alebo zmenšiť veľkosť a rozpätie každej zarážky farby. Kliknite na vybranú zastávku a presuňte kurzor na bodkovaný kruh, ktorý ju obklopuje. Kruh bude mať na okraji ovál. Kliknutím a potiahnutím oválu zväčšíte alebo zmenšíte svoju guľu a rozloženie farieb.

Kliknutím na ikonu môžete dokonca kresliť čiary prechodov Čiary možnosti na paneli nástrojov Prechod. Keď sú vybraté Čiary, môžete pridať novú zarážku farieb a potom bude ďalšia vybratá zarážka spojená s priamkou, rovnou alebo zakrivenou, ktorá zoskupí farby prechodu. Každá zastávka môže byť stále inej farby, alebo môžete použiť rovnakú farbu pre celú linku s viacerými zastávkami.

Ako používať sieť prechodov v aplikácii Illustrator

Gradient Mesh tiež funguje inak ako ostatné nástroje pre prechody. Ukážeme vám, ako ho používať.

Gradient Mesh je možné použiť na akýkoľvek tvar vytvorený pomocou farby výplne. Po nakreslení a vyplnení tvaru kliknite na Gradient Mesh nástroj. Ak tlačidlo Gradient Mesh nevidíte, môže byť skryté pod ním Nástroj prechodu tlačidlo na paneli nástrojov; kliknutím a podržaním horného tlačidla odkryjete skryté tlačidlá pod ním.

S vybratým nástrojom Sieť s prechodom kliknite kdekoľvek vo vyplnenom tvare a začnite aplikovať sieť. V závislosti od počtu požadovaných farieb a veľkosti vášho tvaru vám pravdepodobne budú stačiť iba dva kliknutia; aj keď neexistuje žiadne maximum. Kotevné body môžete pridať alebo odstrániť v ktoromkoľvek bode procesu. Na rozdiel od nástroja Prechod voľného tvaru funguje počiatočná farba vášho objektu ako základná farba vášho prechodu.

V rámci siete môžete kliknúť na ľubovoľný kotviaci bod pomocou tlačidla Priamy výber nástroj (A) a vyberte farbu z panela vzorkovníka. Tým sa vytvorí rozmazanie vybranej farby okolo kotvy. Urobte to pre všetky kotvy vo vašom tvare a experimentujte s tým, ako sa farby miešajú.

S vybranými farbami vo vašom tvare to vyzerá podobne ako nástroj Freeform. Ako teda môžete dosiahnuť vyššiu úroveň pomocou siete prechodov? Posuňte kotviace body a úchyty, aby ste videli, ako sa farby pohybujú a reagujú na seba.

Nielenže môžete premiestniť ktorýkoľvek z kotviacich bodov vo vašej sieti, ale pomocou rukovätí na zmenu uhlov môžete dosiahnuť skvelé výsledky. V skutočnosti môže pohyb kotviacich bodov vytvárať ostré čiary medzi farbami. Tieto drsné čiary dokážu replikovať 3D tvary a osvetliť váš objekt. Pridanie svetlejších alebo tmavších farieb pridá k 3D efektu. Môžete si dokonca vytvoriť svoje vlastné 3D tvary namiesto toho, aby ste ich museli hľadať už existujúce 3D tvary online.

Jedinečný spôsob vytvárania prechodov

Nástroj Freeform Gradient a nástroj Gradient Mesh v Illustratore vám umožňujú pridávať prechody do vašich návrhov novými a jedinečnými spôsobmi. S prechodmi môžete teraz urobiť oveľa viac, než len prechod farieb v lineárnom alebo radiálnom smere. Experimentujte s týmito nástrojmi a uvidíte, aký typ funky prechodov môžete vytvoriť.

Ako vytvoriť automatickú paletu farieb v aplikácii Adobe Illustrator

Prečítajte si ďalej

zdieľamTweetujtezdieľamEmail

Súvisiace témy

  • Kreatívne
  • Adobe Illustrator
  • Editor obrázkov
  • Grafický dizajn

O autorovi

Ruby Helyer (17 publikovaných článkov)

Ruby je spisovateľkou v kategórii Creative MUO, ktorá sa zameriava na písanie o dizajnovom softvéri. Ruby, ktorá pracovala ako dizajnérka, ilustrátorka a fotografka, má tiež bakalársky titul v odbore grafická komunikácia a magisterský titul z angličtiny s tvorivým písaním.

Viac od Ruby Helyerovej

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné e-knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber