Luo tuotekuvakesarjoja Illustratorissa

Napsauta oikeassa yläkulmassa olevaa kuvaketta suurentaaksesi kuvakkeita

Napsauta oikeassa yläkulmassa olevaa kuvaketta suurentaaksesi kuvakkeita

Kuvitetut kuvakkeet voivat olla superlisäys omaan suunnitteluportfolio , sisällytätkö heidät tavoittamaan uuden potentiaalisten asiakkaiden ryhmän tai lisäätkö elementtejä kuvitettuun kohtaukseen. Tässä Adobe Illustrator -opetusohjelma Näytän sinulle, kuinka voit luoda kuvakkeita yksinkertaisesti ja helposti, jotta voit luoda niistä suuria määriä hetkessä.



Suunnittelen kaksi kuvaketta: joukon digitaalisia puhelimia / tabletteja ja kahvinvalmistustarvikkeita.



paras l-muotoinen työpöytä kotitoimistoon

01. Tiedä mitä edustat

kuvia puhelimista, tableteista ja kahvinkeittimistä

Tosielämän tuotteet tarvitsevat hyvän tutkimustason

Mikä tahansa tuotesarjasi onkin, tee tutkimuksesi! Asiakas haluaa, että kaikki tuotteet ovat oikeita, ja sinun pitäisi myös. Vaikka kyseessä olisi henkilökohtainen projekti, et voi vahingossa lisätä kameranappia alkuperäiseen Nokia 3310 -puhelimeen tai laittaa kaksinapaista pistoketta brittiläiseen vedenkeittimeen. Jos kuvaat tuotetta asiakkaalle, varmista, että tiedät sen miltä se näyttää, jotta ymmärrät sen todellisena esineenä.



02. Piirrä se lyijykynällä

Kahvinkeittimet piirretty yksinkertaisilla viivoilla puhelurivin alle

Jaa esine yksinkertaisiin viivoihin

Voit aloittaa haluamallasi tavalla - piirrän aina kaiken lyijykynällä, mutta monille tuotteille voit jäljittää valokuvan. Jos sinulla on hankala muoto piirtää ja se sattuu olemaan symmetrinen - esimerkiksi hehkulamppu -, voit piirtää vain puolet siitä (tulen siihen myöhemmin!).

03. Päästä eroon kynsistä

Viivapiirros kahvipannusta



Pidä kiinni suorista viivoista, täydellisistä kulmista ja sileistä kaareista

Pidä linjat ja kulmat suoraa ja puhdasta luodessasi. Kuvitettuja tuotekuvakkeita voidaan käyttää melko pieninä sivulla tai näytöllä, ja tarpeettomat vääntymät tai käyrät voivat sekoittaa silmän ja tehdä asioista epäselviä.

Tähän on kaksi päävinkkiä. Pidä ensin Shape-työkalua alhaalla Siirtää avain saadaksesi täydelliset ympyrät ja neliöt tai polygonit, jotka istuvat suoraan. Ja toiseksi pidä kynätyökalua painettuna Siirtää -näppäin vetää kulmia vain 45 tai 90 astetta akseliin.

04. Käytä symmetriaa

Puhelin, jossa on ruutu näytön ympärillä korostaaksesi symmetriaa

Symmetria voi tehostaa työnkulkua

Monet tuotteet ovat täysin symmetrisiä, mikä tekee asioista mukavia ja yksinkertaisia. Kun olet saanut linjatyön, valitse se kaikki Valintatyökalulla ( cmd + V ) ja näet useita kohdistuspainikkeita yläpalkissa. Napsauta joko vaakasuoraa tai pystysuoraa Kohdista keskusta -painiketta sen mukaan, mitä tarvitset, niin kaikki napsahtaa symmetriin. Voit myös ryhmitellä objekteja yhteen ja kohdistaa ne sitten muiden objektien tai ryhmien kanssa.

05. Heijastaa monimutkaisempia esineitä

Kuva kannusta heijastuu

Yksinkertainen kopiointi ja liittäminen pitävät esineet siistinä ja siistinä

Jos haluat symmetriaa muodokkaammille esineille, kuvaa yksi puolikas täydellisesti, valitse sitten nämä puolikkaat ja kopioi ja liitä ne kaikki yhdellä kertaa pitämällä painettuna vaihto + alt ja napsauttamalla oikeaa nuolinäppäintä tämä pitää nämä viivat samalla tasolla kuin alkuperäiset.

Napsauta edelleen kopioitujen objektien ollessa valittuna päävalikosta Object> Transform> Reflect, valitse Vertical-vaihtoehto ja napsauta OK. Aseta objektin tämä puoli saadaksesi leveyden oikein (käytä vain vasenta ja oikeaa nuolinäppäintä, jotta ne pysyvät linjassa toisen puoliskon kanssa).

Suoravalintatyökalun käyttäminen ( cmd + A ) yhdistä kunkin rivin molemmat puolet valitsemalla kaksi rivin päätä ja napsauttamalla cmd + J .

06. Säilytä johdonmukaisuus

Kuva puhelimista, joiden välinen yhdenmukaisuus on korostettu

Kaikki tuotteet käyvät läpi evoluutiota; näytä kuinka toinen suhtautuu seuraavaan

Jos työskentelet tuotekokoelman parissa, varmista, että otat aina huomioon kokoelman muut tuotteet. Jos painikkeet ovat samanlaisia ​​kaikissa tuotteissa, kopioi ja liitä ne, jos kaareva kulma on aina saman kokoinen, varmista, että käytät samaa kulmaa.

Usein (erityisesti teknisten tuotteiden kanssa) voit tehdä yhden laitteen, kopioida / liittää sen ja yksinkertaisesti säätää mittasuhteita seuraavan kuvakkeen luomiseksi, mikä voi todella nopeuttaa työnkulkua.

07. Lisää väriä

Kaksi kahvipannua, yksi harmaa, yksi vihreä

Harmaan käyttö metallille voi tulla tylsää, joten kokeile bluesia

Kun linjatyösi on valmis, siirry väriin. Yleensä haluat saada sävyt mahdollisimman lähelle todellisuutta, mutta on joitain poikkeuksia. Esimerkiksi useimmat metallit ovat keskiharmaita, mikä on tylsää kaikille! Sen sijaan käytän erilaisia ​​siniharmaita sävyjä (vaalea tai tumma) ja yleensä harhautun turkooseihin.

Kokeile käyttää myös läpinäkyvää sinistä lasille, koska valkoinen voi tuntua kylmältä. Suosittelen myös appelsiineja ja keltaisia ​​puupinnoille, jotta ne todella tuovat lämpöä.

08. Tutki kaltevuuksia

Puhelin, jossa on vihreä näytön kaltevuus

Jopa hienovarainen värigradientti voi tehdä todellisen eron kuvakkeelle

Luomme kuvitettuja kuvakkeita, joten et halua mennä liian pitkälle pieniin yksityiskohtiin ja tekstuureihin. Voit kuitenkin todella myydä tuotteen pinnan kaltevuudella. Saadaksesi parhaan mahdollisen hyödyn Adobe Illustratorista, älä luo kaltevuuksia väristä toiseen (se johtaa usein kaistaleisiin tulostettaessa).

Valitse sen sijaan objektille / muodolle sileä väri, valitse muoto ja kopioi se (Tasot-paneelissa) ja lisää sitten kaltevuus tähän ylimpään objektiin 100%: n peittävyydestä 0%: iin.

09. Yritä sisällyttää varjot ja kohokohdat

Vihreä kahvila varjoilla

Luo omat kohokohdat ja varjot ja kehitä oma graafinen tyylisi

Kun en käytä kaltevuuksia, kopioin usein objektin ja leikkaan sen sitten kulmaan. Käytän kynätyökalua (pitäen jälleen vaihtonäppäintä painettuna) luomaan 45 asteen kulmaan rajatun muodon, jonka värin sitten vaaleammalla tai tummemmalla sävyllä yksinkertaisen mutta tehokkaan varjon tai korostuksen lisäämiseksi.

10. Lisää lisätietoja

Kaksi riviä vihreitä tuotteita, puhelimia ja kahvipannut

Herätä tuotteesi elämään lisäämällä lisätietoja

Lopuksi, jos kuvakkeiden käyttämä koko sallii, voit todella herättää ne eloon. Tekninen laite näyttää innoittamattomalta, eikä näytöllä ole mitään, joten käytä tätä tilaa toimintojen esittelemiseen tai sovelluksen myymiseen. Suuremmassa kuvassa käytetyt graafiset tuotekuvat (esimerkiksi jos nämä kahvinkeittimet olivat osa laajempaa näkymää) houkuttelevat katsojan sisään.

Aiheeseen liittyvät julkaisut: