Gradiens létrehozása az Adobe Illustratorban: 2 módszer

A színátmenetek gyakran elavult megjelenést kölcsönöznek a terveknek – gondoljunk csak a nyakkendőfestékre. Az Adobe Illustrator Gradient Mesh eszközével és a Freeform Gradient opcióval azonban új megjelenésű színátmeneteket hozhat létre. Mutatjuk, hogyan kell csinálni.

Mi az a gradiens?

Valószínűleg találkoztál már színátmenetekkel, de ha még nem, akkor megadjuk az összefoglalót. A színátmenet színek keveréke, bármilyen szín, amelyek természetes vagy természetellenes módon egyesülnek egymással.

A természetben színátmeneteket talál: napkelte és napnyugta, színüket megváltoztató őszi levelek és az aurora borealis. A természet remek hely, hogy ihletet merítsen gradiens kísérleteihez. A színátmenetek gyakran megtalálhatók a tervezésben is, például az Instagram vagy az Adobe Creative Cloud logójában. A színátmenetek ragyogó energiát kölcsönöznek a gyakran vállalati megjelenésnek.

Bár a színátmenetek meglehetősen elavultnak tűnhetnek, úgy tűnik, hogy visszatérnek a modern dizájnba. Elmúltak azok az idők, amikor egy átmenetes átmeneti söprést használtak háttérként. Az új tervezési eszközöknek, a színtrendeknek és a színátmenetek megvalósításának szórakoztató módjainak köszönhetően többé nem tűnnek ki a helyükről.

Miért érdemes gradienst használni?

Ahogy az Instagram és a Creative Cloud logónál is látható, a színátmenet használható az unalmas hátterek élénkítésére. Általában a színátmeneteket háttérszínként használják, nem pedig magát a főtémát, de semmi sem akadályozza meg abban, hogy színátmenetet alkalmazzon a fő témára. Még azt is megteheted színátmenetek hozzáadása a CSS programozáshoz.

A színátmeneteknek nem kell mindig fényesnek és az arcodban lenniük; finomak is lehetnek. Akár egyszerűen hozzáadhat egy enyhe színátmenetet ahelyett, hogy a teljes hátteret kitöltené vele.

A végtelenül görgető weboldalak egyre népszerűbbé válnak, a színátmenetek finom módot jelentenek a dizájn vagy a szín megváltoztatására a webhelyen, anélkül, hogy túlságosan erős színváltásra lenne szükség. Akár animálhatod is a színátmenetet a mozgáshoz, ami egy 80-as évek lávalámpájának sima mozgásához hasonlít.

A színátmenetek használatának fő oka az, hogy több színt építsen be a tervezésbe anélkül, hogy azok merőben eltérőek lennének. Finom változtatásokat adhat a színsémájában, vagy választhatja a félkövér színátmenetet.

Mik az Adobe Illustrator színátmeneti beállításai?

A színátmenetek eléréséhez az Illustratorban meg kell nyitnia a Színátmenet ablakot. Kattintson Ablak > Gradiens vagy rákattinthat a Gradiens eszköz gombot az eszközpanelen. Így érheti el a Lineáris, Radiális és Szabad formájú színátmenet eszközöket.

Az Illustrator hagyományos színátmeneti eszközeivel csak lineáris és radiális színátmeneti lehetőségek állnak rendelkezésre. Ezek a lehetőségek meglehetősen alapvetőek, és nem tesznek lehetővé sok testreszabást a színválasztáson és az irányon kívül. A hagyományos színátmenet-eszközök jók az egyszerű háttérhez, színátmenetes söpréssel.

A Freeform Gradient eszköz kiválóan alkalmas arra, hogy véletlenszerű színválasztékot adjon a gradiens tervekhez. A Freeform eszköz kevésbé pontos színátmenetekhez használható; természetesebb, véletlenszerűbb színhasználatot tesz lehetővé.

Az Illustrator Gradient Mesh eszköze kiválóan alkalmas az illusztrációk életre keltésére. A Mesh eszköz lehetővé teszi a színátmenetek tónusainak elhelyezését, szögben tartását és mozgatását oly módon, hogy azok valósághűen eshessenek egy 3D objektumra. Ez teljesen új szintre emeli a színátmenetekkel való munkát.

Az Adobe számos módot kínál a színátmenetek létrehozására, többek között egyéni színátmenetek a Photoshopban.

A Freeform Gradient használata az Illustratorban

Bár megtalálható a hagyományos színátmeneti eszközökben, az Illustrator Freeform Gradient eszköze egy kicsit másképp működik. Kezdjük el.

Hozzon létre egy alakzatot először egy sima kitöltő színnel. Ezután a Gradient ablak megnyitásakor kattintson a jobb szélső színátmenet gombra a megnyitáshoz Szabad forma eszköz.

Miután kiválasztotta a Szabadforma eszközt, a korábban simán kitöltött alakzat most négy megállóval (vagy színponttal) rendelkező gradienst fog mutatni. A négy megálló véletlenszerű színű lesz, és nem feltétlenül felel meg az eredeti kitöltő színnek. Ha valamelyik meglévő megállóra kattint, megváltoztathatja a színét. További megállók hozzáadásához kattintson az alakzat bármely más pontjára.

Az Illustrator Freeform Gradient eszközének nagyszerűsége az, hogy könnyedén húzhatja a színeket az alakzat bármely pontjára. Ha úgy dönt, hogy jobb helyett balra szeretné a kéket, egyszerűen húzza balra az ütközőt. Vagy helyezzen két rózsaszín stopot egymás mellé. Adjon hozzá egy kis fehéret, hogy lássa, hogyan keverednek a színek. A színstopok mozgatása megváltoztatja, hogyan hatnak egymásra.

A Freeform eszköz szabadsága abban rejlik, hogy tetszőleges számú színt adhat hozzá, és bárhová elhelyezheti. A színek úgy működnek, mint az egyes gömbök, amelyek enyhén összeolvadnak a széleken. Színstop törléséhez húzza az alakzaton kívülre.

Növelheti vagy csökkentheti az egyes színmegállók méretét és terjedését. Kattintson a kiválasztott megállóra, és vigye a kurzort az azt körülvevő pontozott körre. A kör szélén ovális lesz. Kattintson és húzza az oválist, hogy növelje vagy csökkentse a gömböt és a szín terjedését.

Akár színátmenetes vonalakat is rajzolhat a gombra kattintva Vonalak opciókat a Gradiens eszköztárban. Ha a Vonalak ki van jelölve, új színütközőt adhat hozzá, majd a következő kiválasztott megállót egy egyenes vagy íves vonal köti össze, amely a színátmenet színeit csoportosítja. Minden megálló továbbra is lehet más színű, vagy használhatja ugyanazt a színt a teljes vonalhoz, több megállóval együtt.

A Gradient Mesh használata az Illustratorban

A Gradient Mesh másként működik, mint a többi gradiens eszköz. Mutatjuk, hogyan kell használni.

A Gradient Mesh bármilyen kitöltési színnel létrehozott alakzatra alkalmazható. Miután megrajzolta és kitöltötte az alakzatot, kattintson a Gradiens Mesh eszköz. Ha nem látja a Gradient Mesh gombot, előfordulhat, hogy a gomb alatt van elrejtve Gradiens eszköz gomb az eszköztáron; kattintson és tartsa lenyomva a felső gombot, hogy felfedje az alatta lévő rejtett gombokat.

A Gradient Mesh eszközt kiválasztva kattintson a kitöltött alakzat tetszőleges pontjára a háló alkalmazásának megkezdéséhez. A kívánt színek számától és a forma méretétől függően valószínűleg csak két kattintásra van szüksége; bár nincs maximum. A folyamat bármely pontján hozzáadhat vagy törölhet rögzítési pontokat. A Freeform Gradient eszközzel ellentétben az objektum kezdőszíne a színátmenet alapszíneként működik.

A hálón belül bármelyik rögzítési pontra kattinthat a gombbal Közvetlen kiválasztás eszköz (A), és válasszon egy színt a színminta panelről. Ez a horgony körüli kiválasztott szín elmosódását eredményezi. Tegye ezt a formán belüli összes horgonyhoz, és kísérletezzen a színek keveredésével.

A kiválasztott színekkel az alakodban ez hasonlít a Freeform eszközhöz. Szóval hogyan léphetsz szintet a Gradient Mesh segítségével? Mozgassa a rögzítési pontokat és a fogantyúkat, hogy lássa, hogyan mozognak a színek és hogyan reagálnak egymással.

Nemcsak a háló bármely rögzítési pontját tudja áthelyezni, hanem a fogantyúk használatával a szögek megváltoztatása is nagyszerű eredményeket hoz létre. Valójában a mozgó rögzítési pontok éles vonalakat hozhatnak létre a színek között. Ezek az éles vonalak képesek megismételni a 3D-s formákat, és megvilágítani az objektumot. Világosabb vagy sötétebb színek hozzáadása fokozza a 3D hatást. Akár saját 3D-s alakzatokat is létrehozhat, ahelyett, hogy keresgélne már létező 3D alakzatok online.

Egyedülálló módja a színátmenetek létrehozásának

Az Illustrator Freeform Gradient eszköze és a Gradient Mesh eszköze lehetővé teszi, hogy új és egyedi módon színátmeneteket adjon a tervekhez. Sokkal többet tehet most a színátmenetekkel, mint egy színátmenet lineáris vagy sugárirányú simítása. Kísérletezzen ezekkel az eszközökkel, és nézze meg, milyen típusú funky színátmeneteket hozhat létre.

Automatikus színpaletta létrehozása az Adobe Illustratorban

Olvassa el a következőt

A szerzőről