Share
Denne opplæringen vil vise deg hvordan du lager en vektorillustrasjon av Sidekick LX. Denne opplæringen bruker det meste pennverktøyet, grunnleggende former og enkle gradienter for å gi denne illustrasjonen en grad av realisme. I denne opplæringen lærer du raske måter å lage stiliserte vektorillustrasjoner.
For å begynne med, la oss se på bildet vi skal skape. Det endelige bildet er under.
Gå nå til Arkiv> Ny, og vær sikker på at du velger Web for dokumentprofilen. Deretter Lagre filen og navnet den "Sidekick."
Nå som du har dokumentet klart, må du sørge for at du har panelet Farger, Lagpanelet og Verktøypanelet. Disse tre panelene er de mest essensielle panelene i denne opplæringen.
Lim inn JPEG på Sidekick LX. Pass på at dette bildet er på eget lag og er låst. Dette er ekstremt viktig fordi den endelige utformingen vil ha mange objekter, og dette vil bidra til å holde dem organisert.
Det første trinnet i å skape den faktiske telefonen er å skape en rygg som til slutt vil være under flippen. For dette kan du bare lage et rektangel eller bruke pennverktøyet.
Neste vil vi gjøre skissene til telefonene forskjellige deler. Jeg deler telefonen i tre deler, venstre side, skjerm og høyre side. Spor disse tre delene med pennverktøyet. Pass på å kurve det meste av linjene ved å dra pennverktøyet for å lage en jevn kurve, da alle rette linjer vil se vanskelig og unaturlig.
Nå legger vi til gradienten til de to sidene. Vi må bare gjøre gradienten en gang; Vi kan deretter kopiere graden og vende den til den andre siden. Målet for gradienten er ikke å vise en lyskilde og lage illusjonen om dybden.
Telefonen er en orb-formet gjenstand. Graden skal inneholde minst tre farger. En farge bør være basisfarge, den neste skal være en lysere nyanse for høydepunktet, og den tredje skal være en mørkere nyanse.
Det neste trinnet er å lage telefonens flippskjerm. For dette kan du bare bruke verktøyet Avrundet rektangel. Gjør fyllfarge svart uten strekkfarge. Deretter lager du det svarte området der skjermen vil bli plass.
Nå valgte en kjedelig brun farge for å lage LCD-skjermen. Bruk rektangulærverktøyet og opprett et rektangel som har en jevn boarder av svart øverst, bunn og venstre. Det skal være mer plass på høyre side, det er her den store logoen vil gå.
Dupliserer nå LCD-skjerm-rektangelet og bruker en grå horisontal gradient til den. Når gradienten er påført, sett vinkelen ved -40 °. Sett deretter overføringsmodus til Overlay og Opacity til 60%.
Opprett en liten sirkel ved hjelp av Ellipse-verktøyet og bruk en grå horisontal gradient til den. Plasser dette under LCD-skjermen og senter det. Dette er lysdetektoren.
Nå skal vi designe symbolene som går på knappene. For å gjøre dette, bruk bildet av sidekicket som en referanse og gjenskap symbolene. For Meny og Avbryt symboler jeg brukte verktøyet avrundet rektangel. For Hjem symbol Jeg brukte Ellipse-verktøyet. For Komme tilbake symbol Jeg brukte pennverktøyet.
Legg til en gradient med en lysebrun og basen brune farger som vi brukte tidligere. Bruk den mørkebrune fargen for slaget. Plasser vinkelen slik at lyskilden er øverst til venstre på "Sidekick".
For å opprette knappen for disse symbolene, bruk verktøyet avrundet rektangel for å lage en enkel firkantet form med samme mørkebrune slag og brunbrun. Dupliser dette firkanten for å lage en knapp for alle fire symbolene og sentrere symbolene på rutene. Grupper hver knapp og symbol. Deretter plasserer du knappene basert på referansebildet.
Nå skal vi lage sølv høyttalerknappen. Bruk verktøyet avrundet rektangel for å lage to firkanter. Man bør være større som den andre. Påfør den grå horisontale gradienten på det lille torget. Påfør den samme grå horisontale gradienten på det større torget, men bytt vinkelen til 90 °.
Lag en liten sirkel som har en mørk grå fyll og et grått slag. Lag fire kolonner og fire rader av samme sirkel. Sett deretter høyttaleren på riktig sted i referanse med "Sidekick" -bildet.
Bruk avrundet rektangulært verktøy for å lage Mic. Bruk de samme egenskapene som symbolene hadde til dette rektangelet. Deretter plasserer du Mic ved siden av Avbryt knapp.
Opprett nå Avslutt samtale knapp. Dette rektangelet vil ha en sirkel kuttet ut i nederste høyre hjørne. Det vil også ha en lett bump over innrykket for å gi en ekstrudert effekt. Du kan bruke pennverktøyet til å tegne denne formen, som vist nedenfor. Bruke Sidespark bilde som referanse.
Bruk nå en gradient med de samme lysbrune og basebrune farger. Still vinkelen til 139 °.
Dupliserer Sluttknapp og vri den horisontalt, så det er opp ned.
Bruk pennverktøyet til å spore Snakke og Slutt symboler. Begge bør ikke ha et slag. Farge på Snakke knapp # 00B384 og Slutt knapp # E46674. Plasser begge symbolene i hjørner av knappene.
Neste skal vi gjøre Sporball. Bruk Ellipse-verktøyet til å lage en sirkel. Fyllingen skal være en kremfarge og strokeet skal være en lysebrun.
Legg nå en gradient i sirkelen. Graden kan være av hvilken som helst farge; Jeg valgte å holde en kremgradient.
Rundt Sporball, lag en stor sirkel med en gradient fylling. Graden skal være den lysebrune fargen som ble brukt tidligere og en mørk brun farge. Flytt dette objektet bak Sporball.
Nå lag en annen sirkel og plasser den på toppen av sirkelen laget i trinn 23. Bruk samme gradient, men endre den fra lineær til radial, slik at den letteste brune er på utsiden.
Du kan se på bildet nedenfor der alle figurene vi opprettet er plassert. Gratulerer, du har nettopp laget en kul telefon ved hjelp av grunnleggende verktøy og enkle gradienter i Adobe Illustrator. Nå kan du gå tilbake og berøre vektoren til din smak! Jeg fullførte dette designet ved å legge til en merkevarebygging og refleksjon, som vist nedenfor.
Accentsconagua