Looge Illustratoris tooteikoonide komplektid

Ikoonide suurendamiseks klõpsake paremas ülanurgas oleval ikoonil

Ikoonide suurendamiseks klõpsake paremas ülanurgas oleval ikoonil

Illustreeritud ikoonid võivad olla teie täiendus kujundusportfell , kas lisate nad uue potentsiaalsete klientide rühma jõudmiseks või illustreeritud stseeni lisamiseks rohkem elemente. Selles Adobe Illustratori õpetus Ma näitan teile, kuidas ikoone lihtsalt ja hõlpsalt luua, nii et saate neist kiiresti luua suuri koguseid.

Kujundan kaks ikoonikomplekti: digitaalse telefoni / tahvelarvutite komplekti ja kohvi valmistamise esemete komplekti.

01. Tea, mida sa esindad

telefonide, tahvelarvutite ja kohvimasinate pildid

Pärismaailma tooted vajavad heal tasemel uuringuid

Mis iganes on teie tootekomplekt, tehke oma uurimistööd! Klient soovib, et kõik tooted oleksid õiged, ja peaksite ka seda tegema. Isegi kui see on isiklik projekt, ei saa te originaalsele Nokia 3310-le kogemata kaameranuppu lisada ega Briti veekeetjale kahe kontaktiga pistikut panna. Kui illustreerite toodet kliendile, veenduge, et teaksite, kuidas see lõpuni välja näeb, nii et mõistate seda kui reaalse maailma objekti.

02. Joonista see pliiatsiga

Telefonirea alla lihtsate joontega tõmmatud kohvimasinad

Jagage objekt lihtsateks joonteks

Võite alustada nii, nagu soovite - ma joonistan alati kõik pliiatsiga, kuid paljude toodete puhul saate foto jälgida. Kui teil on joonistamiseks keeruline kuju ja see juhtub olema sümmeetriline - näiteks lambipirn -, võite selle lihtsalt ühe poole joonistada (ma tulen selle juurde hiljem!).

03. Vabane kinkidest

Kohvikannu joonis

Püsi sirgjoonte, täiuslike nurkade ja sujuvate kurvidega

Liinitöö loomisel hoidke jooned ja nurgad alati sirged ja puhtad. Teie illustreeritud toote ikoone võib lehel või ekraanil kasutada üsna väikestena ning tarbetud käänded või kurvid võivad silma segadusse ajada ja asjad ebaselgeks muuta.

Selleks on kaks peamist näpunäidet. Kõigepealt hoidke tööriista Shape all klahvi Shift sirgete täiuslike ringide, ruutude või hulknurkade saamiseks võti. Ja teiseks, hoidke pliiatsi tööriista all Shift klahv telje suhtes ainult 45- või 90-kraadiste nurkade joonistamiseks.

04. Kasutage sümmeetriat

Sümmeetria esiletõstmiseks telefon ekraani ümber

Sümmeetria võib teie töövoo efektiivsemaks muuta

Paljud tooted on täiesti sümmeetrilised, mis muudab asja toredaks ja lihtsaks. Kui liinitöö on olemas, valige see kõik tööriistaga Valik ( cmd + V ) ja näete, et ülemisele ribale ilmub vahemik Joondamisnuppe. Klõpsake kas horisontaalset või vertikaalset joonduskeskuse nuppu, sõltuvalt sellest, mida vajate, ja kõik klõpsatakse sümmeetriasse. Samuti saate objekte rühmitada ja seejärel teiste objektide või rühmadega joondada.

05. Peegeldage keerukamaid objekte

Peegeldub kannu pilt

Lihtne kopeerimine ja kleepimine hoiab teie objektid kenad ja korras

Vormilisemate objektide sümmeetriaks illustreerige üks pool ideaalselt, seejärel valige need pooled ning kopeerige ja kleepige need kõik ühe korraga, hoides all shift + alt ja paremale nooleklahvile vajutades hoiab see rida nende originaalidega samal tasemel.

Ikka valitud kopeeritud objektide korral klõpsake peamenüüs Object> Transform> Reflect, valige suvand Vertical ja klõpsake OK. Laiuse õigeks saamiseks asetage see objekt küljele (kasutades ainult vasakut ja paremat nooleklahvi, nii et need jäävad teise poolega joondatud).

Otsevaliku tööriista ( cmd + A ) ühendage iga rea ​​kaks külge, valides kaks joone otsa ja klõpsates cmd + J .

06. Säilitage järjepidevus

Pilt telefonidest, mille vahel on järjepidevus esile tõstetud

Kõik tooted läbivad arenguid; näidata, kuidas üks on seotud järgmisega

Kui töötate tootekollektsiooniga, arvestage kindlasti kogu kollektsiooni teiste asjadega. Kui nupud on toodete vahel ühesugused, kopeerige ja kleepige need. Kui kõver nurk on alati sama suur, siis veenduge, et kasutaksite sama nurka.

Sageli (eriti just tehnikatoodete puhul) saate teha ühe seadme, seejärel selle kopeerida / kleepida ja järgmise ikooni tegemiseks lihtsalt proportsioone reguleerida, mis võib teie töövoogu tõesti kiirendada.

07. Lisage mõni värv

Kaks kohvipotti, üks hall, üks roheline

Halli kasutamine metalli jaoks võib muutuda igavaks, nii et katsetage bluusiga

Kui liinitöö on lõpule jõudnud, jätkake värviga. Üldiselt soovite saada toonid võimalikult tegelikkusele lähedased, kuid on ka mõned erandid. Näiteks on enamus metalle keskmiselt hallid, mis on kõigile igav! Selle asemel kasutan erinevaid sinakashalle toone (heledaid või tumedaid) ja tavaliselt eksitan türkiissinistesse.

Proovige klaasi jaoks kasutada ka läbipaistvat sinist värvi, kuna valge võib tunduda külm. Puidust pindadele soovitan ka apelsine ja kollaseid, et need tõepoolest veidi soojust tooksid.

08. Avastage gradiente

Rohelise ekraani gradientiga telefon

Isegi peen värvigradient võib ikoonile reaalselt kaasa aidata

Kuna loome illustreeritud ikoone, ei tohiks te minna liiga kaugele väiksemate detailide ja tekstuuridega. Gradientiga toote pinda saab aga tõesti müüa. Adobe Illustratori parimate tulemuste saamiseks ärge looge gradiente ühelt värvilt teisele (printimisel on see sageli riba).

Selle asemel valige objekti / kuju jaoks ühtlane värv, valige kuju ja dubleerige see (kihtide paneelil), seejärel lisage sellele ülemisele objektile gradient 100% kuni läbipaistmatuseni 0% -ni.

09. Proovige lisada varjud ja esiletõstetud pildid

Varjudega roheline kohvik

Looge oma esiletõstud ja varjud ning kujundage oma graafiline stiil

Kui ma gradiente ei kasuta, dubleerin objekti sageli ja lõikan selle siis nurka. Kasutan pliiatsi tööriista (hoides jälle tõstuklahvi all), et luua 45-kraadise nurga all kärbitud kuju, mille seejärel värvin heledama või tumedama varjundiga, et lisada lihtne, kuid tõhus vari või esiletõst.

10. Lisage täiendavaid üksikasju

Kaks rida rohelisi tooteid, telefonid ja kohvipotid

Elustage oma tooteid, lisades täiendavaid üksikasju

Lõpuks, kui suurus, mille juures ikoone kasutate, võimaldab, saate need tõesti ellu äratada. Tehnikaseade näib olevat inspireeriv, ekraanil pole midagi, seega kasutage seda ruumi oma funktsioonide demonstreerimiseks või rakenduse müümiseks. Graafilised tooteillustratsioonid, mida kasutatakse suuremas illustratsioonis (näiteks kui need kohvimasinad olid osa laiemast stseenist), tõmbavad vaataja sisse.

Seonduvad postitused: