Készítsen termékikonkészleteket az Illustrator alkalmazásban

Kattintson az ikonra a jobb felső sarokban az ikonok nagyításához

Kattintson az ikonra a jobb felső sarokban az ikonok nagyításához

Az illusztrált ikonok szuper kiegészítői lehetnek az Ön ikonjának tervezési portfólió , függetlenül attól, hogy felveszi-e őket a potenciális ügyfelek új csoportjának elérése érdekében, vagy további elemeket ad hozzá egy illusztrált jelenethez. Ebben Adobe Illustrator oktatóanyag Megmutatom, hogyan kell egyszerűen és egyszerűen létrehozni az ikonokat, így pillanatok alatt nagy mennyiségeket hozhat létre belőlük.

Két ikonkészletet tervezek: egy sor digitális telefont / táblagépet és egy sor kávéfőző terméket.



01. Tudd, mit képviselsz

képek telefonokról, táblagépekről és kávéfőzőkről

A valós termékek jó szintű kutatásra szorulnak

Bármi legyen is a termékkészlete, végezze el a kutatását! Az ügyfél azt szeretné, ha az összes termék helyes lenne, és Önnek is. Még akkor is, ha személyes projektről van szó, véletlenül sem adhat hozzá fényképezőgombot az eredeti Nokia 3310-hez, vagy két tűs dugót helyezhet egy brit vízforralóra. Ha egy terméket egy ügyfél számára illusztrál, győződjön meg arról, hogy végig tudja, hogyan néz ki, hogy valós tárgyként értse meg.

02. Rajzolja ceruzával

A kávéfőzők egyszerű vonalakkal rajzolva a telefonok sora alá

Szüntesse meg az objektumot egyszerű vonalakra

Kezdheti úgy, ahogy akarja - mindig mindent ceruzával rajzolok, de sok terméknél nyomon követhet egy fényképet. Ha trükkös alakzat van a rajzoláshoz, és történetesen szimmetrikus - például villanykörte -, akkor csak annak egyik felét megrajzolhatja (erre később rájövök!).

03. Megszabadulni a kinkektől

Vonalrajz egy kávéskanna

Ragaszkodjon az egyenes vonalakhoz, a tökéletes szögekhez és a sima görbékhez

A vonalvezetés létrehozásakor mindig tartsa a vonalakat és a szögeket egyenesen és tisztán. Az illusztrált termékikonok meglehetősen kicsiek lehetnek az oldalon vagy a képernyőn, és a felesleges görbülések vagy görbék megzavarhatják a szemet, és a dolgokat homályossá tehetik.

Két fő tipp van erre. Először az Alak eszközzel tartsa lenyomva a Váltás gombot, hogy tökéletes köröket, négyzeteket vagy sokszögeket kapjunk, amelyek egyenesen ülnek. Másodszor, a Toll eszközzel tartsa lenyomva a Váltás gomb csak 45 fokos vagy 90 fokos szögek rajzolásához egy tengelyhez.

04. Használja a szimmetriát

Telefon a doboz körül a képernyőn a szimmetria kiemeléséhez

A szimmetria hatékonyabbá teheti munkafolyamatát

Számos termék tökéletesen szimmetrikus, ami szép és egyszerűvé teszi a dolgokat. Miután elkészült a vonalvezetés, válassza ki az egészet a Kiválasztó eszközzel ( cmd + V ), és látni fogja, hogy az Igazítás gombok egy része megjelenik a felső sávban. Kattintson a vízszintes vagy a függőleges Középre igazítás gombra, attól függően, hogy mire van szüksége, és minden szimmetriába fog pattintani. Objektumokat csoportosíthat, majd összehangolhatja más objektumokkal vagy csoportokkal.

05. Tükrözze a bonyolultabb tárgyakat

Egy kancsó képe tükröződik

Egy egyszerű másolás és beillesztés révén a tárgyak szépek és rendesek lesznek

A formásabb tárgyak szimmetriájához szemléltesse tökéletesen az egyik felét, majd válassza ki ezeket a feleket, és az összeset egy mozdulattal beillesztve tartsa lenyomva shift + alt és a jobb nyílgomb megnyomásával ezek a vonalak egy szinten maradnak az eredetikkel.

A kiválasztott másolt objektumok mellett továbbra is kattintson az Object> Transform> Reflect elemre a főmenüből, válassza a Vertical lehetőséget és kattintson az OK gombra. Helyezze az objektum ezen oldalát a szélesség helyes beállításához (csak a bal és a jobb nyílbillentyűt használva, hogy azok a másik feléhez igazodjanak).

A Közvetlen kijelölés eszköz használata ( cmd + A ) illessze össze az egyes sorok két oldalát a két vonal végének kiválasztásával és a kattintással cmd + J .

06. Fenntartja az összhangot

A telefonok képe, amelyek között a konzisztencia ki van emelve

Minden termék evolúción megy keresztül; mutasd meg, hogyan viszonyul az egyik a másikhoz

Ha termékgyűjteményen dolgozik, győződjön meg róla, hogy mindig figyelembe veszi a gyűjtemény többi elemét. Ha a gombok ugyanazok a termékek között, másolja és illessze be őket, ha az ívelt sarok mindig azonos méretű, akkor ellenőrizze, hogy ugyanazt a sarkot használja-e.

Gyakran (különösen a technikai termékeknél) készíthet egy eszközt, majd másolja / beillesztheti, és egyszerűen beállíthatja az arányokat a következő ikon elkészítéséhez, ami valóban felgyorsíthatja a munkafolyamatot.

07. Adjon színt

Két kávéskanna, egy szürke, egy zöld

A szürke felhasználása a fémhez unalmassá válhat, ezért kísérletezzen kékekkel

Ha befejezte a vonalmunkát, lépjen a színesre. Általában azt szeretné, hogy a hangok a lehető legközelebb kerüljenek a valósághoz, de van néhány kivétel. Például a legtöbb fém középszürke, ami mindenki számára unalmas! Ehelyett különféle kék-szürke tónusokat használok (világos vagy sötét), és általában türkizké tévedek.

Próbáljon átlátszó kéket is használni az üveghez, mivel a fehér hideg lehet. A fafelületekhez narancsot és sárgát is ajánlok, hogy valóban meleget hozzanak.

08. Fedezze fel a színátmeneteket

Zöld képernyő színátmenettel rendelkező telefon

Még egy finom színátmenet is valódi változást hozhat az ikonra

Mivel illusztrált ikonokat készítünk, nem kíván túlságosan elmélyülni a kisebb részletek és textúrák mellett. Színátmenettel azonban valóban el lehet adni egy termék felületét. Az Adobe Illustrator lehető legjobb kihasználása érdekében ne készítsen színátmeneteket egyik színről a másikra (nyomtatáskor gyakran sávosodást eredményez).

Ehelyett válasszon egy objektum / alakzat lapos színét, válassza ki az alakzatot és másolja le (a rétegek panelen), majd adjon hozzá egy színátmenetet ehhez a felső objektumhoz 100% -os opacitástól 0% -ig.

09. Próbáljon árnyékokat és kiemeléseket beilleszteni

Zöld kávézó árnyékokkal

Készítsen saját kiemeléseket és árnyékokat, és fejlessze ki saját grafikai stílusát

Amikor nem használok színátmeneteket, gyakran lemásolok egy objektumot, majd egy sarokba vágom. A Toll eszközzel (ismét lenyomva a Shift billentyűt) létrehozok egy 45 fokos szögben levágott alakzatot, amelyet ezután világosabb vagy sötétebb árnyalatban színezek, hogy egyszerű, de hatékony árnyékot vagy kiemelést adjak hozzá.

10. Adjon meg további részleteket

Két sor zöld termék, telefon és kávéfőző

Életre keltse termékeit további részletek hozzáadásával

Végül, ha az a méret, amelynél az ikonokat használja, akkor valóban életre keltheti őket. Egy technikai eszköz inspirálatlannak tűnik, semmi sem jelenik meg a képernyőn, ezért használja ezt a helyet funkcióinak bemutatására vagy egy alkalmazás eladására. Egy nagyobb ábrán használt grafikus termékillusztrációk (például, ha ezek a kávéfőzők egy szélesebb jelenet részét képezik) vonzzák be a nézőt.

Kapcsolódó hozzászólások: