Create en Sidekick LX Stylet Vector Illustrasjon

Denne veiledningen vil vise deg hvordan du gjør en vektor illustrasjon av Sidekick LX. Denne opplæringen bruker stort sett pennverktøyet, enkle former, og enkle stigninger for å gi denne illustrasjonen en grad av realisme. I denne opplæringen vil du lære raske måter å tjene stiliserte vektorillustrasjoner.

Final Bilde Forhåndsvisning

For å begynne, la oss ta en titt på bildet vi vil være å skape. Det siste bildet er under

Trinn 1

Nå gå til Fil >.; Nye, og sørg for å velge Web for dokumentprofil. Deretter Lagre filen og gi den navnet ". Kick "

Trinn 2

Nå som du har dokumentet klar, sørg for at du har Fargeprøver-panelet, lagpanelet, og Tool panelet åpent. Disse tre paneler er de mest essensielle paneler i denne opplæringen.

Trinn 3

Lim JPEG av Sidekick LX. Sørg for at dette bildet er på sitt eget lag, og er låst. Dette er svært viktig fordi den endelige utformingen vil ha mange objekter, og dette vil bidra til å holde dem organisert.

Trinn 4

Det første trinnet i å skape den faktiske telefonen er å skape en tilbake som til slutt vil være under flip-skjermen. For dette kan du bare lage et rektangel eller bruke penneverktøyet.

Trinn 5

Det neste vi skal gjøre konturene av telefonene ulike deler. Jeg dele telefonen inn i tre deler, venstre side, skjerm og høyre side. Spore disse tre delene med pennverktøyet. Sørg for å kurve de fleste av linjene ved å dra pennverktøyet til å lage en jevn kurve, som alle rette linjer vil se vanskelig og unaturlig.

Trinn 6

Nå vil vi legge til gradienten til de to sidene. Vi trenger bare å gjøre gradient gang; Vi kan deretter kopiere gradient og snu den til den andre siden. Målet for graderingen er ikke å vise en lyskilde og skape en illusjon av dybde.

Telefonen er en kule formet objekt. Gradienten bør inneholde minst tre farger. En farge skal være basisfargen, den neste skal være en lysere nyanse for høydepunktet, og den tredje skal være en mørkere nyanse.

Trinn 7

Det neste trinnet er å lage flip skjermen på telefonen. For dette kan du bare bruke avrundet rektangel verktøyet. Gjør fyllfarge svart med noe slag farge. Deretter oppretter det svarte området hvor skjermen vil være plass.

Trinn 8

Nå valgte en kjedelig brun farge for å gjøre LCD-skjermen. Bruk rektangelverktøyet og lage et rektangel som har en enda boarder svart på toppen, bunnen, og venstre. Det bør være mer plass på høyre side, dette er hvor den store logoen vil gå.

Trinn 9

Nå duplisere LCD-skjermen rektangel og bruke en grå horisontal gradient til det. Når gradient er brukt, angi vinkelen på -40 &grader;. Deretter setter overføringsmodus til Overlegg og Opacity til 60%.

Trinn 10

Lag en liten sirkel med Ellipse verktøy og anvende en grå horisontal gradient til det. Plasser denne under LCD-skjermen og sentrere den. Dette er lysdetektoren.

Trinn 11

Nå kan vi lage symbolene som går på knappene. For å gjøre dette, bruker bildet av sidekick som en referanse og gjenskape symboler. For Meny Hotell og Avslutt
symboler Jeg brukte Avrundet rektangel verktøyet. For Hjem
symbol Jeg brukte Ellipse verktøy. For Return
symbol jeg brukt penneverktøyet.

Trinn 12

Legg til en gradient med en lys brun og basen brune farger som vi brukte tidligere. Bruk mørk brun farge for hjerneslag. Plasser vinkel slik at lyskilden er øverst til venstre på ". Kick "

Trinn 13

For å gi knappen for disse symbolene, bruke Avrundet rektangel verktøyet for å lage en enkel firkantet form med samme mørk brun strek og basen brun fyll. Kopiere denne en firkant for å lage en knapp for alle fire symboler og sentrere symbolene på rutene. Gruppe hver knapp og symbol. Deretter plasserer knappene basert på referansebildet.

Trinn 14

Nå skal vi gjøre det sølv høyttaler-knappen. Bruk Avrundet rektangel verktøyet for å lage to firkanter. Man bør være større enn den andre. Påfør grå horisontal gradient til den lille plassen. Påfør den samme grå horisontal gradient på større torget, men endre vinkelen til 90-graders;.

Trinn 15

Lag en liten sirkel som har en mørk grå fyll og en grå strek. Lage fire kolonner og fire rekker med den samme sirkel. Deretter plasserer høyttaleren på riktig sted i referanse med " Kick " image.

Trinn 16

Bruk Avrundet rektangel verktøyet for å gjøre det Mic
. Bruk de samme attributtene symbolene måtte dette rektangelet. Deretter plasserer du Mic
ved siden av Avbryt
.

Trinn 17

Nå opprette Avslutt samtale
knappen. Dette rektangelet vil ha en sirkel kuttet ut i nederste høyre hjørne. Det vil også ha en lys bump over hakket for å gi en ekstrudert effekt. Du kan bruke pennen til å tegne denne figuren, som vist nedenfor. Bruk Sidekick
bilde som referanse.

Trinn 18

Nå gjelder en gradient med de samme lys brune og base brune farger. Still inn vinkelen til 139-graders;.

Trinn 19

Dupliser End Button Hotell og snu den horisontalt så det er opp ned.

Trinn 20

Bruk pennen til å spore Talk Hotell og End
symboler. Begge bør ikke ha et hjerneslag. Farge Snakk
knappen # 00B384 og Slutt
knappen # E46674. Plasser begge symboler i hjørnene av knappene.

Trinn 21

Det neste vi skal gjøre det Track Ball
. Bruk Ellipse verktøy for å lage en sirkel. Fylle bør være en krem ​​farge og hjerneslag bør være en lys brun.

Step 22

Nå kan du legge en gradient til sirkelen. Stigningen kan være av hvilken som helst farge; Jeg valgte å holde en krem ​​gradient.

Step 23

Rundt Track Ball
, lage en stor sirkel med en gradient fyll. Gradienten bør være lys brun farge benyttet tidligere, og en mørk brun farge. Flytt denne gjenstanden bak Track Ball
.

Trinn 24

Nå gjør en annen sirkel og plassere den på toppen av sirkelen gjorde i trinn 23. Bruk samme gradient, men endre den fra lineære til radial, slik at den letteste brune er på utsiden.

Trinn 25

Du kan se på bildet nedenfor der alle figurene vi opprettet er plassert. Gratulerer, du har nettopp gjort en kul telefon ved hjelp av grunnleggende verktøy og enkle gradienter i Adobe Illustrator. Nå kan du gå tilbake og ta opp vektoren til din smak! Jeg avsluttet denne utformingen ved å legge til en branding og en refleksjon, som vist nedenfor.