Hozzon létre termékkimenreket az Illustrator-ban

Sep 11, 2025

kézikönyv

Click the icon in the top right to enlarge the icons — Kattintson az ikonra a jobb felső sarokban, hogy bővítse az ikonokat

Az illusztrált ikonok szuper hozzáadása lehetnek Design portfólió Függetlenül attól, hogy felveszi őket, hogy elérje egy új csoportot a potenciális ügyfelek, vagy adjunk hozzá több elemet egy illusztrált jelenetet. Ebben Adobe Illustrator Tutorial Megmutatom neked, hogyan kell létrehozni az ikonokat egyszerűen és egyszerűen, így egyáltalán nem hozhat létre nagy mennyiségeket.

Két ikonkészletet tervezek: egy sor digitális telefon / tabletta és egy készlet kávéalkotó tétel.

01. Tudja, hogy mit képvisel

pictures of phones, tablets and coffee machines — A valós termékeknek jó kutatási szintre van szükségük

Bármi legyen is a termékkészleted, végezze el a kutatást! Az ügyfél azt szeretné, hogy minden termék helyes legyen, és meg kell tennie. Még akkor is, ha ez egy személyes projekt, akkor véletlenül hozzáadhat egy kamera gombot egy eredeti Nokia 3310-hez, vagy tegyen egy kétpólusú dugót egy brit vízforralóra. Ha bemutatják a terméket az ügyfél számára, biztosítják tudja, hogyan néz ki egészen kerek, így érthető, hogy a valós tárgy.

02. Draw it ceruza

Coffee makers drawn in simple lines below a row of phones — Szakítsa meg az objektumot egyszerű vonalakra

Elindulhat, de szeretnél - mindig rajzolok mindent ceruzában, de sok termékhez nyomon követhetem egy fotót. Ha van egy trükkös alakú, és ez szimmetrikus, például szimmetrikus - például egy villanykörte - csak felét rajzolhatsz (később eljövök!).

03. megszabaduljon a kinksektől

A line drawing of a coffee pot — Ragaszkodj az egyenes vonalakhoz, tökéletes szögek és sima görbék

A sorok létrehozásakor mindig tartsa a vonalakat és a szögeket egyenesen és tiszta. Az illusztrált termék ikonjai nagyon kicsiek lehetnek az oldal vagy a képernyőn, és a felesleges kinkek vagy görbék megzavarhatják a szemet, és nem tisztázottak.

Ehhez két fő tipp van. Először is, az alak eszközzel tartsa lenyomva a Váltás Kulcs, hogy tökéletes köröket és négyzeteket vagy poligonokat, amelyek egyenesen ülnek. És másodszor, a toll eszközzel tartsa lenyomva a Váltás kulcsa, hogy csak 45 fokos vagy 90 fokos tengelyre húzzon.

04. Használja a szimmetria használatát

Phone with box around screen to highlight symmetry — A szimmetria hatékonyabbá teheti a munkafolyamatát

Sok termék tökéletesen szimmetrikus, ami szép és egyszerű dolgokat tesz. Miután megvan a vonalvezetés, válassza ki az összes választógombot ( cmd + v ), és meglátogatja az igazítási gombok tartományát a felső sávban. Kattintson a vízszintes vagy függőleges igazítás Center gomb, attól függően, hogy mire van szüksége, és minden pattannak szimmetria. Csoportos tárgyakat is csoportosíthat, majd más tárgyakkal vagy csoportokkal igazítsa őket.

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

An image of a jug reflected — Egy egyszerű példány és paszta megtartja az objektumokat szép és rendezett

A szimmetria több formás tárgyakon tökéletesen illeszkedik, majd válassza ki ezeket a feleket, és másolja be és illessze be őket az egyikben, hogy lenyomva tartsuk Shift + Alt és a jobb nyílgombot ütődik, ez az eredetikkel fogja megőrizni ezeket a vonalakat.

Még mindig a kiválasztott másolt objektumokkal kattintson az Object & GT; Transzformációs és gt; Tükrözze a főmenüt, válassza ki a függőleges opciót, majd kattintson az OK gombra. Helyezze az objektum ezen oldalát, hogy a szélesség helyes legyen (csak a bal és jobb nyílbillentyűkkel, így maradnak a másik felével).

A közvetlen kiválasztási eszköz ( cmd + a ) Csatlakozzon az egyes sorok két oldalához a két vonal végének kiválasztásával és kattintással cmd + j .

06. A következetesség fenntartása

Picture of phones with consistency between them highlighted — Minden termék elmulasztja az evolutionokat; Mutassa meg, hogyan kapcsolódik a következő

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

Gyakran (különösen a technikai termékekkel) készíthet egy eszközt, majd másolhatja / illessze be, és egyszerűen beállíthatja az arányokat, hogy a következő ikont, ami tényleg felgyorsíthatja a munkafolyamatot.

07. Adjon hozzá egy kis színt

Two coffee pots, one grey, one green — A szürke fém használata unalmas lehet, így kísérletek blues

A vonalvezetéssel teljes, lépjen be a színre. Általában azt szeretné, hogy a hangokat a valósághoz közelebb hozza, de vannak kivételek. Például a legtöbb fém egy közepes szürke, ami mindenki számára unalmas! Ehelyett különböző kék-szürke tónusokat (könnyű vagy sötét) használok, és általában türkizkék.

Próbáljon át egy átlátszó kéket az üveghez, mivel a fehér hidegnek érzi magát. Én is ajánlok narancsot és sárgákat a fa felületek számára, hogy valóban melegséget hozzon.

08. Fedezze fel a gradienseket

A phone with a green screen gradient — Még egy finom szín gradiens is képes valódi különbséget tenni egy ikonra

Ahogy bemutatjuk az illusztrált ikonokat, nem akarsz túl messzire menni a kisebb részletekre és textúrákra. Azonban tényleg eladhatja egy termék felületét gradienssel. Ahhoz, hogy az Adobe Illustrator legjobbja legyen, ne hozzon létre gradienseket az egyik színből a másikra (gyakran kinyomtatott sávot eredményez).

Ehelyett válasszon egy lapos színt egy objektumra / alakra, válassza ki az alakját, és duplikálta (a rétegek panelen), majd adjon hozzá egy gradienet ehhez a felső objektumhoz, amely 100% -os átlátszatlanságból 0% -ra megy.

09. Próbálja meg, beleértve az árnyékokat és kiemeli

A green cafetiere with shadows — Hozzon létre saját kiemeli és árnyékokat, és fejlessze saját grafikai stílusát

Amikor nem használom a gradienseket, gyakran másolom egy tárgyat, majd vágtam egy sarokba. Használom a toll eszközt (ismét lenyomva a shift billentyűt), hogy egy 45 fokos szögben levágott alakot hozzon létre, amelyet könnyebb vagy sötétebb árnyékban színezek, hogy egyszerű, de hatékony árnyékot vagy kiemelkedő árnyékot adjak hozzá.

10. Adjon hozzá további részleteket

Two rows of green products, phones and coffee pots — A termékeket az élethez extra részletek hozzáadásával hozza létre

Végül, ha a méret, amit az ikonokat használ, lehetővé teszi, akkor tényleg életre kelthet. A technikai eszköz nem néz ki a képernyőn, így a képernyőn, ezért használja ezt a helyet, hogy bemutassa annak funkcióit, vagy eladja az alkalmazást. Grafikus termék illusztrációk egy nagyobb illusztráción belül (például, ha ezek a kávéfőző részek voltak egy szélesebb jelenet), felhívja a nézőt.

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

Hogyan készítsünk ismétlődő mintákat az Illustrator-ban
A legjobb prémium és ingyenes Illustrator ecsetek
Hozzon létre egy konzisztens ikonokat a vázlatban

Hozzon létre termékkimenreket az Illustrator-ban

01. Tudja, hogy mit képvisel

02. Draw it ceruza

03. megszabaduljon a kinksektől

04. Használja a szimmetria használatát

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

06. A következetesség fenntartása

07. Adjon hozzá egy kis színt

08. Fedezze fel a gradienseket

09. Próbálja meg, beleértve az árnyékokat és kiemeli

10. Adjon hozzá további részleteket

kézikönyv - Most Popular Articles

Lino printmaking: bevezetés

Portréfotózás: Hogyan készítsünk tökéletes portrékat

Hozzon létre saját kalligrafikus kefét az Illustrator-ban

A digitális eszközök létrehozása

Élesítse meg a vázlatos képességeit

A részecskéket 3D-s splash létrehozásához használjuk

Komplex geometria modellezése: 5 top tippek

A 3D-s ventilátor művészet mestere

Kategóriák