Share
Hva du skal skapeI denne opplæringen vil vi lage en komplett butikk med alle detaljer, i tillegg til noen busker og en gate med lygter, ved hjelp av de mest grunnleggende former og verktøy i Adobe Illustrator.
Finn mer inspirasjon for vektorgrafikkene dine over på GraphicRiver.
trykk Kontroll-N å lage en Nytt dokument. Sett enheter til piksler, og skriv inn 800 x 600 for bredden og høyden på dokumentet. Så i Avansert valg, velg RGB, Skjerm (72 ppi), og sørg for å fjerne merket for Juster nye objekter til Pixel Grid-boksen før du klikker OK.
Gå til Preferanser (Kontroll-K) og skriv inn 1 px for Tastaturforhøyelse. trykk OK.
Du kan aktivere info panelet (Vindu> Info) for å få en forhåndsvisning av størrelsen og plasseringen av figurene dine. Husk å stille måleenheten til piksler fra Rediger> Innstillinger> Enheter. Dette vil øke hastigheten på arbeidet ditt sterkt.
Vi starter med veien og fortauet i butikken vår.
Begynn med å opprette en 800 x 120 px rektangel ved hjelp av Rektangelverktøy (M). Bruk # 706B79 som fyllfarge.
Lag nå fortauet med en 704 x 10 px rektangel (# A8A5AA) og en 704 x 6 px rektangel (# 706B79).
Nå for det mest tidkrevende trinnet, butikken.
Begynn med å lage butikkgulvet. Lage en 314 x 7 px rektangel (# 9D9588) med Rektangelverktøy (M).
Deretter oppretter du en kolonne ved hjelp av en 36 x 256 px rektangel (# E9E7DC) og legg til detaljer med to 22 x 53 px rektangler (# F9F6E6) og a 22 x 125 px rektangel (# F9F6E6). Sett Invertert runde hjørner med a 5 px radius fra Forvandle panel.
Dupliserer nå to former for kolonnen to ganger (Control-C etterfulgt av Control-F) og flytte dem 2 px nedover med tastaturets piltastene. Søke om Minus Front fra Pathfinder panel til hver kopi.
Endre fyllfarge til # D6D4C3. Gruppere kolonnen sammen (Kontroll-G) og duplisere det (Control-C> Control-F) på den andre siden.
La oss lage døren ved hjelp av en 90 x 180 px rektangel (# EAAB61). Deretter legger du til en annen 62 x 34 px rektangel (# DB9747) og skape en skygge ved å duplisere to ganger (Control-C etterfulgt av Control-F). Flytt den siste kopien 4 px nedover og 4 px til høyre.
Sett Minus Front fra Pathfinder panel.
Opprett dørvinduet ved hjelp av a 62 x 112 px rektangel (# 78C4ED). Legg nå til en 5 x 112 px rektangel (# 64ABD5) å fungere som en skygge.
Opprett nå et par rektangler (#FFFFFF) og roter dem 45º med Rotate Tool (R). Sett a 30% opacity i topplinjen og med Form Builder Tool (Shift-M) fjern de resterende skjemaene.
Lag nå et tegn ved hjelp av en 30 x 20 px rektangel (#FFFFFF). Legg til to 2 x 18 px rektangler (# EAAB61), roter dem til de har a 45º vinkel ved hjelp av Rotate Tool (R), og legg dem under skiltet (høyreklikk> Ordne> Send bakover).
Deretter oppretter du en 6 x 6 px ellipse (#FFFFFF) bruker Ellipseverktøyet (L). Tegn to rektangler (# F7DDC0) på skiltet.
Gruppere tegnet (Kontroll-G) og duplisere det (Control-C> Control-F). Bruk # 64ABD5 Som fyllfarge for kopien, flytt den 2 px nedover og til høyre, og send det bak tegnet (Styre-[).
Lag nå håndtaket med en 7 x 7 px ellipse (# BB7B33).
Legg nå til en 224 x 27 px rektangel (# EAAB61) for veggen av butikken og a 224 x 153 px rektangel (# 78C4ED) for vinduet.
Dupliser rektangelet av veggen to ganger (Control-C etterfulgt av Control-F), og flytt den andre kopien 3 px nedover og 3 px til høyre. Sett Minus Front fra Pathfinder panel. Endre fyllfarge til # DB9747.
Lag noen avvik i veggen med a 3 x 16 px rektangel og a 61 x 3 px rektangel (# DB9747), gruppere dem sammen (Kontroll-G) for å danne en omvendt L. Så dupliserer den to ganger (Control-C> Control-F).
Vi vil lage noen detaljer i vinduet. Ta Pennverktøyet (P) og trekk toppen av en bar ved hjelp av fyllfarge # 6BAFE2.
Deretter tegner du seterens skygger og noen briller på bordet ved hjelp av fyllfarge # 5789C3. Rund seterens hjørner med Levende hjørner med Direkte utvalgsverktøy (A).
Nå lager lampene med en 2 x 44 px rektangel (# 5789C3) og en 22 x 12 px rektangel (# 5789C3). Flytt øvre noder av det siste rektangelet innover med 4 px med Direkte utvalgsverktøy (A).
Legg til en 8 x 8 px ellipse (# 5789C3) under lampens hette og gruppere alt sammen (Kontroll-G). Dupliser det (Control-C> Control-F) og plasser dem langt fra hverandre.
Legg til refleksjoner på vinduet, tegne tre rektangler med Rektangelverktøy (M). Bruk #FFFFFF som fyllfarge og sett a 30% Opacity i topplinjen.
Roter rektanglene 45 ° og bruk Form Builder Tool (Shift-M) for å fjerne resten av skjemaet til vinduet.
Legg nå vinduer divisjonene ved hjelp av en 7 x 180 px rektangel, en 217 x 7 px rektangel og en 7 x 146 px rektangel. Bruk # F9F6E6 som fyllfarge.
Deretter legger du til to 4 x 146 px rektangler (# 64ABD5) og plasser dem under refleksjonene (Styre-[) som vist på bildet nedenfor.
I dette trinnet vil vi lage den blinde. For å gjøre dette, opprett en 24,15 x 74 px rektangel (# EAAB61) og runde nedre hjørner. Kopier rektangelet (Control-C> Control-F) tre ganger og alterner bruken av fyllfarge # EDEEF0.
Tegn nå et rektangel (# EAAB61) en tredjedel vekk fra den nedre delen av blinden og fjern gjenværende form med Form Builder Tool (Shift-M). Sett Blandingsmodus til Multiplisere og opacity til 35% bruker Utseende panel.
Legg til en 314 x 4 px rektangel (#FFFDEF) i blindens fold, og fra Utseende panelet angir Blandingsmodus til Mykt lys og opacity til 50%. Grupper alt sammen (Kontroll-G) og duplisere det (Control-C> Control-F).
Send den blinde kopien bakover (Styre-[) og fyll fyllfarge # 000000. Sett opacity til 10% i topplinjen.
Flytt kopien nedover bare én gang ved å trykke på Skifte nøkkel.
Legg til en lintel ved å lage en 314 x 34 px rektangel (# E9E1C4). Deretter oppretter du en 296 x 168 px rektangel (# D6D0B5) og sett Invertert runde hjørner med a 4 px radius fra Forvandle panel.
Etterpå dupliserer du det to ganger (Control-C etterfulgt av Control-F) og flytte den siste kopien 2 px nedover. Deretter gjelder Minus Front med den forrige kopien ved hjelp av Pathfinder panel. Bruk # C2BCA4 som fyllfarge.
Lage en 314 x 35 px rektangel (# D6D0B5) over lintel. Deretter oppretter du en 4 x 28 px rektangel (# C2BCA4) og runde nedre hjørner.
Dupliser den og legg den i den andre enden av lintelen. Velg begge rektangler og gå til Objekt> Blend> Lag å slå sammen. Deretter etablere en 40 trinnseparasjon fra Objekt> Blend> Blandingsalternativer.
Lag noen skygger på kolonnene ved hjelp av to 36 x 4 px rektangler (# D6D4C3). Deretter legger du til en 314 x 7 px rektangel (# C2BCA4) over lintel, og sett Blandingsmodus til Multiplisere med en 40% Opacity bruker Utseende panel.
La oss fullføre taket ved hjelp av a 405 x 27 px rektangel (# F9F6E6). Deretter legger du til en 351 x 14 px rektangel (# D6D0B5) og en 351 x 4 px rektangel (# C2BCA4). Til slutt legg til en 360 x 7 px rektangel (# F9F6E6).
Lag noen busker med to 54 x 54 px ellipser og bruk # 7FBB86 og # 68A96A som fyllfargene. Deretter dupliserer buskene (Control-C> Control-F) og plasser kopien i den andre enden.
Pass på å plassere dem bak butikken (Shift-Control-[).
I dette trinnet skal vi lage lamppostene på gaten. For å gjøre dette, bruk en 18 x 18 px rektangel (# 7C7C7C) og flytte øvre noder 2 px innover med Direkte utvalgsverktøy (A).
Legg deretter til en 7 x 194 px rektangel (# 6B6B6B) og flytte øvre noder 2 px innover. Deretter tegner du et rektangel øverst og sletter resten med Form Builder Tool (Shift-M).
Opprett nå en 26 x 3 px rektangel (# 6B6B6B) over innlegget og a 36 x 3 px rektangel (# 6B6B6B) over det siste rektangelet. Lage en 3 x 26 px rektangel og plasser det i midten, lage en kopi (# 424242) og endre høyden til 4 px i Forvandle panel.
Ta deretter Pennverktøyet (P) og tegne en trapezoid for lampen ved hjelp av fyllfarge # F2F2F2. Plasser den under rektangelet (Styre-[).
Lage en 36 x 3 px rektangel (# 6B6B6B) og plasser den midt i lampen. Bruke Form Builder Tool (Shift-M) for å fjerne endene med lampens form.
Opprett nå en 26 x 26 px ellipse (# 7C7C7C) og fjern den nederste noden. Plasser den på toppen av lampen. Samle lamperen sammen (Kontroll-G), duplikere det (Control-C> Control-F), og plasser den i den andre enden av butikken.
For å fullføre, la oss lage himmelen. Lag en 800 x 600 px rektangel (# 80C3EA) og send den til baksiden av lerretet (Objekt> Ordne> Send til Tilbake).
Resultatet er prisverdig! Gratulerer med å nå dette punktet. Jeg håper du likte det så mye som jeg gjorde, og at du har lært mye. Jeg ser på kommentarene!
Accentsconagua