Luodaan tuote kuvakkeita Illustratorissa

Sep 11, 2025

Miten tehdään

Click the icon in the top right to enlarge the icons — Klikkaa yläosassa olevaa kuvaketta suurentaaksesi kuvakkeita

Kuvatut kuvakkeet voivat olla super lisäys Suunnittelu portfolio , kuuluuko ne saavuttamaan uuden potentiaalisten asiakkaiden ryhmän tai lisäämään elementtejä kuvattuun kohtaukseen. Tässä Adobe Illustrator Tutorial Näytän sinulle voit luoda kuvakkeita yksinkertaisesti ja helposti, joten voit luoda suuria määriä heistä lainkaan.

Aion suunnitella kaksi kuvaketta: sarja digitaalisen puhelimen / tablettia ja sarja kahvin valmistuskohteita.

01. Tiedä, mitä mieltä olet

pictures of phones, tablets and coffee machines — Real-maailman tuotteet tarvitsevat hyvää tutkimustasoa

Riippumatta tuotteistasi, tee tutkimuksesi! Asiakas haluaisi, että kaikki tuotteet ovat oikein, ja sinun pitäisi myös. Vaikka se olisi henkilökohtainen projekti, et voi vahingossa lisätä kameran painiketta alkuperäiseen Nokia 3310 -ohjelmaan tai laittaa kaksitaidon pistoke brittiläiseen vedenkeitin päälle. Jos havainnollistatte asiakkaan tuotteen, varmista, että tiedät, miten se näyttää aina ympäri, joten ymmärrät sen todellisena esineenä.

02. Piirrä se lyijykynälle

Coffee makers drawn in simple lines below a row of phones — Rikkoa esine alas yksinkertaisiin viivoihin

Voit aloittaa kuitenkin toivot - piirtää aina kaiken lyijykynälle, mutta monille tuotteille voit jäljittää valokuvan. Jos sinulla on hankala muoto piirtää ja sattuu olemaan symmetrinen - esimerkiksi kevyt - voit vain piirtää puolet siitä (tulen myöhemmin!).

03. päästä eroon kinksistä

A line drawing of a coffee pot — Kiinnitä suorat viivat, täydelliset kulmat ja sileät käyrät

Kun luodaan linjat ja kulmat suoraan ja puhtaaksi. Kuvattuja tuotteen kuvakkeita voidaan käyttää melko pieniksi sivulla tai näytöllä, ja tarpeettomat kinkit tai käyrät voivat sekoittaa silmän ja tehdä asioita epäselväksi.

Tähän on kaksi päävihjeitä. Ensinnäkin muotoinen työkalu, pidä kiinni Siirtää Avain saada täydelliset ympyrät ja neliöt tai polygonit, jotka istuvat suoraan. Ja toinen, kynätyökalu pitää alas Siirtää Avain vain vetää kulmia 45 astetta tai 90 astetta akseliin.

04. Käytä symmetriaa

Phone with box around screen to highlight symmetry — Symmetria voi tehdä työnkulkuasi tehokkaammaksi

Monet tuotteet ovat täysin symmetrisiä, mikä tekee asioista mukavia ja yksinkertaisia. Kun sinulla on vuori, valitse kaikki valintatyökalulla ( CMD + V ) Ja näet ylimmässä baarissa näkyvän valikoiman kohdistuspainikkeita. Napsauta joko horisontaalista tai pystysuuntaista keskusyksikköä riippuen siitä, mitä tarvitset, ja kaikki napsahtaa symmetriksi. Voit myös ryhmitellä esineitä yhdessä ja kohdistaa ne sitten muiden esineiden tai ryhmien kanssa.

05. heijastavat monimutkaisempia esineitä

An image of a jug reflected — Yksinkertainen kopio ja liitä pitävät esineesi mukavana ja siistinä

Symmetrisesti muotoiltumpia esineitä havainnollistavat puolet täydellisesti ja valitse sitten nämä puolikkaat ja kopioi ne kaikki yhdellä kertaa pitämällä kiinni Shift + Alt Ja lyömällä oikean nuolinäppäimen, tämä pitää nämä rivit tason alkuperäisten kanssa.

Silti kopioitujen esineiden valittuna napsauttamalla Object & GT; Muunnos & GT; Valitse päävalikosta Pystysuuntainen vaihtoehto ja valitse OK. Aseta tämä sivu esineen saadaksesi leveyden oikein (käyttämällä vain vasenta ja oikeaa nuolinäppäintä, jotta ne pysyvät linjassa toisen puolen kanssa).

Suoran valintatyökalun käyttäminen ( cmd + a ) Liitä kunkin rivin kaksi puolta valitsemalla kaksi riviä ja napsauttamalla cmd + j .

06. Säilytä johdonmukaisuus

Picture of phones with consistency between them highlighted — Kaikki tuotteet käyvät läpi kehittymiä; Näytä, miten seuraavaan tulee seuraavaan

Jos työskentelet kokoelma tuotteita, varmista, että harkitset aina muita kokoelman kohteita. Jos painikkeet ovat samat eri tuotteissa, kopioi ja liitä ne, jos kaareva kulma on aina sama, varmista, että käytät samaa kulmaa.

Usein (teknisten tuotteiden avulla) voit tehdä yhden laitteen ja kopioida sen ja liittää sen ja säätää mittasuhteita seuraavalle kuvakkeelle, mikä voi todella nopeuttaa työnkulkua.

07. Lisää värejä

Two coffee pots, one grey, one green — Gray for Metal voi saada tylsää, joten kokeile bluesia

Kun olet valmis, siirry värille. Yleensä haluat saada sävyt mahdollisimman lähellä todellisuutta, mutta poikkeuksia on olemassa. Esimerkiksi useimmat metallit ovat puolivälissä harmaa, mikä on tylsää kaikille! Sen sijaan käytän erilaisia sinistä harmaa sävyä (valo tai tumma) ja yleensä harhaa turkoosiin.

Yritä käyttää läpinäkyvää sinistä lasia, kuten valkoinen voi tuntea kylmää. Suosittelen myös appelsiineja ja keltaisia puupintoille todella tuomaan lämpöä.

08. Tutki kaltevuuksia

A phone with a green screen gradient — Jopa hienovaraisen värin kaltevuus voi tehdä todellisen eron kuvakkeeseen

Kuten me luodaan kuvitettuja kuvakkeita, et halua mennä liian pitkälle pienille yksityiskohtiin ja tekstuureihin. Voit kuitenkin todella myydä tuotteen pinnan gradientilla. Jotta saat parhaan mahdollisen Adobe Illustratorin, älä luo kaltevuuksia yhdestä väristä seuraavaan (se johtaa usein bändiin painettuna).

Valitse sen sijaan litteä väri objektin / muotoon, valitse muoto ja päällekkäinen se (kerroksessa paneelissa) ja lisää gradientti tähän yläosan objektille, joka kulkee 100%: n läpinäkyvyydestä 0%: iin.

09. Kokeile mukaan lukien varjot ja kohokohdat

A green cafetiere with shadows — Luo omat kohokohdat ja varjot ja kehitä oma graafinen tyyli

Kun en käytä kaltevuuksia, usein päätän esine ja leikkaa se sitten nurkkaan. Käytän kynätyökalua (pitämällä SHIFT-näppäintä painettuna), jos haluat luoda 45 asteen kulmaan, joka sitten värin vaaleamuksessa tai tummemmalla varjossa lisäämällä yksinkertainen mutta tehokas varjo tai kohokohta.

10. Lisää lisätietoja

Two rows of green products, phones and coffee pots — Tuo tuotteet elämään lisäämällä lisätietoja

Lopuksi, jos käytät kuvakkeita, voit todella tuoda ne elämään. Tekninen laite näyttää yksinäilemättä mitään näytöllä, joten käytä tätä tilaa osoittaakseen toiminnot tai myydä sovelluksen. Graafiset tuotekuvaukset, joita käytetään suuremmassa kuvassa (esimerkiksi jos nämä kahvitilat olivat osa laajempaa kohtausta), piirtää katsojan sisään.

Aiheeseen liittyvät julkaisut:

Kuinka luoda toistuvia kuvioita Illustratorissa
Paras palkkio ja ilmainen kuvittaja harjat
Luo johdonmukainen joukko kuvakkeita luonnoksessa

Luodaan tuote kuvakkeita Illustratorissa

01. Tiedä, mitä mieltä olet

02. Piirrä se lyijykynälle

03. päästä eroon kinksistä

04. Käytä symmetriaa

05. heijastavat monimutkaisempia esineitä

06. Säilytä johdonmukaisuus

07. Lisää värejä

08. Tutki kaltevuuksia

09. Kokeile mukaan lukien varjot ja kohokohdat

10. Lisää lisätietoja

Miten tehdään - Suosituimmat artikkelit

Kuinka välttää Amazon Prime Day 2020 Fail

Kuinka maalata värikäs animaatio taide Photoshopissa

Piirrä huono-Ass Geisha

CSS: n näytön ominaisuus

Luo portaalin vaikutus Maya

Kuinka välittää äänen maalauksessa

Luo upeita terveellisiä tekstuureja tehosekoittimessa

Miten nimetä Web Design Agency

Luokat