Přechody často dávají návrhům zastaralý vzhled – představte si kravatu. Ale s nástrojem Síť přechodů aplikace Adobe Illustrator a možností přechodu volného tvaru můžete vytvářet přechody se svěžím novým vzhledem. Pojďme si ukázat, jak na to.

Co je to přechod?

Pravděpodobně jste se již někdy setkali s přechody, ale pokud ne, poskytneme vám stručný přehled. Gradient je směs barev, jakýchkoli barev, které se spojují přirozeným nebo nepřirozeným způsobem.

V přírodě najdete přechody: východ a západ slunce, podzimní listí měnící barvy a polární záři. Příroda je skvělým místem, kde můžete najít inspiraci pro své experimenty s přechodem. Přechody se také často vyskytují v designu, jako je logo Instagram nebo Adobe Creative Cloud. Přechody přinášejí jasnou energii tomu, co je často firemní vzhled.

Zatímco přechody mohou vypadat docela zastarale, zdá se, že se vrací do moderního designu. Pryč jsou dny, kdy se jako pozadí používal jeden přechodový přechod s přechodem. Díky novým nástrojům pro návrh, barevným trendům a zábavným způsobům implementace přechodů již nevypadají nepatřičně.

instagram viewer

Proč byste měli používat přechod?

Jak je vidět u log Instagramu a Creative Cloud, lze k rozjasnění nudného pozadí použít přechod. Přechody se obvykle používají jako barvy pozadí spíše než jako hlavní objekt samotný, ale nic vám nebrání použít přechod na hlavní objekt. Můžete dokonce přidat přechody v programování CSS.

Přechody nemusí být vždy jasné a ve vaší tváři; mohou být i jemné. Můžete dokonce jednoduše přidat lehký dotek přechodu, místo abyste jím vyplnili celé pozadí.

S rostoucí popularitou webových stránek s nekonečným posouváním jsou přechody jemným způsobem, jak změnit design nebo barvu na celém webu, aniž by došlo k přílišnému přepínání barev. Můžete dokonce animovat přechod, aby se pohyboval, připomínající plynulé pohyby lávové lampy z 80. let.

Hlavním důvodem pro použití přechodů je začlenění více barev do vašeho návrhu, aniž by vypadaly výrazně odlišně. Můžete přidat jemnou změnu ve svém barevném schématu nebo zvolit výrazný přechod.

Jaké jsou možnosti přechodu v aplikaci Adobe Illustrator?

Chcete-li získat přístup k jakýmkoli přechodům v Illustratoru, musíte otevřít okno Přechod. Klikněte Okno > Spád nebo můžete kliknout na Nástroj přechodu tlačítko na panelu nástrojů. Takto získáte přístup k nástrojům Lineární, Radiální a Volný přechod.

S tradičními nástroji přechodu v Illustratoru existují pouze možnosti lineárního a radiálního přechodu. Tyto možnosti jsou docela základní a neumožňují mnoho přizpůsobení kromě výběru barev a směru. Tradiční nástroje pro přechody jsou dobré pro jednoduché pozadí s přechodem.

Nástroj Freeform Gradient je skvělý pro přidávání náhodného sortimentu barev do vašich návrhů s přechody. Nástroj Freeform lze použít pro méně přesné přechody; umožňuje přirozenější, náhodné použití barev.

Nástroj Gradient Mesh v Illustratoru je skvělý pro oživení ilustrací. Nástroj Síť vám umožňuje umisťovat, naklánět a přesouvat tóny přechodu tak, aby realisticky dopadly na 3D objekt. To posouvá práci s přechody na zcela novou úroveň.

Adobe nabízí mnoho způsobů, jak vytvořit přechody, včetně vlastní přechody ve Photoshopu.

Jak používat přechod volného tvaru v Illustratoru

Ačkoli se nachází v tradičních nástrojích pro přechody, nástroj Freeform Gradient v Illustratoru funguje trochu jinak. Začněme.

Vytvořte tvar nejprve s obyčejnou barvou výplně. Poté v otevřeném okně Přechod otevřete kliknutím na tlačítko přechodu zcela vpravo Volná forma nářadí.

Jakmile vyberete nástroj Volný tvar, váš dříve hladký tvar bude nyní zobrazovat přechod se čtyřmi zastávkami (nebo barevnými body). Čtyři zarážky budou mít náhodné barvy a nemusí být nutně konzistentní s původní barvou výplně. Pokud kliknete na kteroukoli ze stávajících zastávek, můžete změnit barvu. Chcete-li přidat další zastávky, klikněte kamkoli jinam do tvaru.

Skvělá věc na nástroji Freeform Gradient Illustratoru je, že můžete snadno přetáhnout barvy kamkoli ve vašem tvaru. Pokud se rozhodnete, že chcete modrou vlevo místo vpravo, přetáhněte zarážku doleva. Nebo umístěte dvě růžové zarážky vedle sebe. Přidejte trochu bílé, abyste viděli, jak se barvy prolínají. Pohybem barevných zarážek se mění jejich vzájemná interakce.

Svoboda nástroje Freeform spočívá v tom, že můžete přidat tolik barev, kolik chcete, a umístit je kamkoli chcete. Barvy působí jako jednotlivé koule, které se na okrajích lehce prolínají. Chcete-li odstranit zarážku barvy, přetáhněte ji mimo tvar.

Můžete zvětšit nebo zmenšit velikost a šíření každé zarážky barvy. Klikněte na vybranou zarážku a přesuňte kurzor na tečkovaný kruh, který ji obklopuje. Kruh bude mít na okraji ovál. Kliknutím a přetažením oválu zvýšíte nebo snížíte kouli a rozložení barev.

Kliknutím na ikonu můžete dokonce kreslit čáry přechodů Čáry možnosti na panelu nástrojů Přechod. S vybranými čarami můžete přidat novou barevnou zarážku a potom bude další zvolená zarážka spojena s čarou, rovnou nebo zakřivenou, která seskupuje barvy přechodu dohromady. Každá zastávka může mít stále jinou barvu, nebo můžete použít stejnou barvu pro celou linku s více zastávkami.

Jak používat přechodovou síť v Illustratoru

Síť přechodů také funguje odlišně od ostatních nástrojů pro přechody. Pojďme si ukázat, jak jej používat.

Síť přechodů lze použít na jakýkoli tvar vytvořený s barvou výplně. Jakmile nakreslíte a vyplníte tvar, klikněte na Síť přechodů nářadí. Pokud tlačítko Gradient Mesh nevidíte, může být skryto pod ním Nástroj přechodu tlačítko na panelu nástrojů; kliknutím a podržením horního tlačítka zobrazíte všechna skrytá tlačítka pod ním.

S vybraným nástrojem Síť přechodů klikněte kamkoli do vyplněného tvaru a začněte aplikovat síť. V závislosti na počtu požadovaných barev a velikosti vašeho tvaru pravděpodobně budete potřebovat pouze dvě kliknutí; i když neexistuje žádné maximum. Kotevní body můžete přidat nebo odstranit v kterémkoli bodě procesu. Na rozdíl od nástroje Přechod volného tvaru funguje počáteční barva vašeho objektu jako základní barva přechodu.

V rámci sítě můžete kliknout na jakýkoli kotevní bod pomocí Přímý výběr nářadí (A) a vyberte barvu z panelu vzorníku. Tím se vytvoří rozostření vybrané barvy kolem kotvy. Udělejte to pro všechny kotvy ve vašem tvaru a experimentujte s tím, jak se barvy mísí.

S vybranými barvami ve tvaru to vypadá podobně jako nástroj Freeform. Jak tedy můžete dosáhnout vyšší úrovně pomocí sítě přechodů? Posuňte kotevní body a úchyty, abyste viděli, jak se barvy pohybují a reagují na sebe.

Nejen, že můžete přemístit kterýkoli z kotevních bodů ve vaší síti, ale pomocí úchytů ke změně úhlů také dosáhnete skvělých výsledků. Ve skutečnosti může pohyb kotevních bodů vytvořit ostré čáry mezi barvami. Tyto ostré linie mohou replikovat 3D tvary a vytvářet osvětlení na vašem objektu. Přidání světlejších nebo tmavších barev přidá na 3D efektu. Můžete si dokonce vytvořit vlastní 3D tvary, aniž byste museli hledat již existující 3D tvary online.

Jedinečný způsob vytváření přechodů

Nástroj Přechod volného tvaru a Síť přechodu v Illustratoru vám umožňují přidávat přechody do vašich návrhů novými a jedinečnými způsoby. S přechody nyní můžete dělat mnohem více než jen barevné tažení přechodem v lineárním nebo radiálním směru. Experimentujte s těmito nástroji a zjistěte, jaký typ funky přechodů můžete vytvořit.

Jak vytvořit automatickou paletu barev v aplikaci Adobe Illustrator

Přečtěte si další

PodíltweetPodílE-mailem

Související témata

  • Tvořivý
  • Adobe Illustrator
  • Editor obrázků
  • Grafický design

O autorovi

Ruby Helyer (17 zveřejněných článků)

Ruby je spisovatelkou v kategorii Creative MUO se zaměřením na psaní o návrhovém softwaru. Ruby, která pracovala jako designérka, ilustrátorka a fotografka, má také bakalářský titul v oboru grafické komunikace a magisterský titul v angličtině s kreativním psaním.

Více od Ruby Helyer

Přihlaste se k odběru našeho newsletteru

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné e-knihy a exkluzivní nabídky!

Chcete-li se přihlásit k odběru, klikněte sem