Slik lager du en enkel kaffebutikkfasade i Adobe Illustrator

Hva du skal skape

I denne opplæringen lærer du lett å lage et gatelandskap, ved å bruke hovedsakelig rektangelverktøyet og noen få effekter i Adobe Illustrator.

1. Sett bakgrunnen

Trinn 1

Gå til Fil> Ny å opprette et nytt dokument, størrelse 600px av 800px.

Lag tre nye lag (Vindu> Lag):

Steg 2

Velg bakgrunnslaget. Velg Rektangelverktøy (M), klikk på tavlen og sett rektangelet til 600px av 800px. Sett fyllfarge til R = 219 G = 219 B = 219 og juster den til tavla med Rette inn panelet (Vindu> Juster):

Velg Rektangelverktøy (M) klikk på tavlen og sett rektangelet til 600px av 85px. Sett fyllfarge til R = 190 G = 190 B = 190 og juster den til tavlen. 

Trinn 3

Vi vil legge til en sti. Tegn et rektangel over den forrige. Ikke bekymre deg for å gå utenfor kunstglasset, vi vil sortere dette ut senere. Sett slag til 2PT og streken farge til R = 168 G = 155 B = 152.

Velg Linjesegmentverktøy (\), hold skifte nøkkel og tegne en vertikal linje med a 2PT slag og slagfarge R = 168 G = 155 B = 152.

Dra Den nyopprettede linjen til høyre holder Alt-Shift å kopiere den.

Deretter treffer du Kontroll-D tre ganger for å gjenta din siste handling:

Velg alle disse figurene, gå til Pathfinder panelet (Vindu> Pathfinder) og hit Dele opp.  Så gå til Objekt> Utvid, å velge Stroke bare og trykk OK.

Hold gruppen valgt og gå til Pathfinder igjen og hit Forene

Velg Rektangelverktøy (M), tegne et rektangel som under, hold det valgt, hold Skifte nøkkel, velg stiformen og trykk Minus Front Pathfinder. Gjør det samme på den andre siden, og du har din gangsti!

2. Lag bygningen

Trinn 1

Velg byggelaget. Tegn et rektangel som under uten strekk og fyll farge R = 232 G = 201 B = 193.

Steg 2

Da skal vi bruke Forvandle effekt å tegne mursteinene. Velg Rektangelverktøy (M), klikk på tavlen og sett rektangelet til 22px av 9px. Sett fyllfarge til R = 186 G = 63 B = 38 og plasser den utenfor nederste venstre hjørne av bygningsformen. 

Hold mursteinen valgt, gå til Objekt> Transformere> Flytt og i Horisontal boksen angi -2 piksler.

Hold mursteinen valgt, gå til Effekt> Distort & Transform> Transform og bruk innstillingene nedenfor:

Her er resultatet:

Velg den originale mursteinformen, gå igjen til Effekt> Distort & Transform> Transform og bruk innstillingene nedenfor:

Gjør det samme enda en gang med følgende innstillinger:

Og her er hva du får:

Trinn 3

Velg den originale teglformen igjen og gå til Objekt> Utvid Utseende. Hold hele gruppen valgt og klikk Forene i Pathfinder.

Kopiere og lime inn (Kontroll-F) Bygningsformen og ta den til forsiden (Objekt> Arranger> Ta med til fronten).Hold den markert, hold inne Skifte tasten og velg mursteingruppen. Gå til Pathfinder panel og hit Avling.

Og her har vi en fin murvegg!

Trinn 4

Velg kaffebutikklaget. Velg Rektangelverktøy (M), klikk på tavlen og sett rektangelet til 340px av 150px, gi det en R = 110 G = 86 B = 69 fargefylling. Juster den til bygningen, plasser den litt til høyre.

Tegn et annet rektangel av 370px av 85px, juster den til den første:

Trinn 5

La oss legge til en skygge mellom bunnen og toppen av kaffebaren. Hold Skifte nøkkel og velg de to rektanglene. Kopier og lim dem inn foran (Kontroll-F). Flytt toppdelen noen få piksler ned, endre fyllfarge til R = 79 G = 59 B = 46

Velg de to figurene og trykk Krysse i Pathfinder.

Trinn 6

Velg det øverste rektangelet igjen, kopier og lim det inn foran (Kontroll-F), gi dette nye rektangelet a 2PT slag, ikke fyll og sett slagfargen til R = 79 G = 59 B = 46. 

Endre størrelsen på den som under og juster den til større rektangel.

Trinn 7

La oss legge til tekst på tegnet. Velg Typeverktøy (T), velg Desdemona skrifttype (Skriv> Skrift), sett størrelsen på tegnene til 50 og fargen til hvit. Klikk inne i rektangelet og skriv inn teksten.

Hold teksten valgt, gå til Objekt> Utvid. Trykk OK og legg til en 1pt hvitt slag mot det.

Trinn 8

Vi legger til vinduer i kaffebaren. Velg Rektangelverktøy (M), Tegn to hvite rektangler og legg dem som nedenfor:

Velg de to nye rektanglene, kopier og lim dem inn foran (Kontroll-F), gi dem fyllfarge R = 68 G = 50 B = 40. Endre størrelsen på dem som nedenfor:

Trinn 9

Vi legger til vinduer i bygningen. Så velg byggelaget. Velg Rektangelverktøy igjen og tegne et rektangel størrelse 70 piksler av 130px, gi det en 5PT hvit stoke og sett fyll farge til R = 68 G = 50 B = 40. 

Velg Linjesegmentverktøy (\), hold Shift nøkkel og legg til en linje i midten av dette rektangel. Tegn et annet hvitt rektangel for vinduskarmen:

Velg de tre figurene og Gruppe dem sammen (Kontroll-G) deretter gå til Objekt> Utvid, velg fyll og strekk og trykk OK. 

Velg vindusgruppen, plasser den over kaffebaren, til venstre. Holde Alt-Shift og dra gruppen til høyre for å kopiere den. 

Velg de to vinduene, hold Alt-Shift og dra dem opp for å duplisere dem:

3. Legg til detaljer

Trinn 1

La oss legge til tegn på kaffebarene. Tegn et lite rektangel, sett fyllfarge til R = 234 G = 210 B = 197. Velg Polygonverktøy, klikk på tavla, skriv inn 3 sider og trykk OK. Gi trekanten ingen fyllfarge og sett slagfargen til R = 2-34 G = 210 B = 197. Juster størrelsen og juster den til rektangelet.

Velg Typeverktøy (T), velg Myriad Pro font, sett fargen til R = 63 G = 134 B = 137 og skriv inn teksten. Juster størrelsen og juster den til rektangelet. Gruppere de tre formene sammen (Kontroll-G) og gå til Objekt> Utvid og trykk OK.

Steg 2

Tegn en ellipse størrelse 140 px av 60px, tegne et rektangel og juster det til midten av ellipsen. Velg begge figurene, gå til Pathfinder panel og hit Mi fronten. 

Vi vil bruke denne formen som en guide for å skrive inn teksten på vinduet.

Plasser buen i midten av vinduet, velg Skriv på et sporverktøy og klikk på ankerpunktet på venstre side av buen. Velg Amerikansk skrivemaskin font, sett slag til hvitt og til 16.5pt og skriv inn teksten. 

Trinn 3

Vi legger til en kaffekopp på vinduet. Velg Ellipseverktøyet (L), tegne en ellipse som holder på Skifte nøkkel for å få den perfekt rundt. Velg Slett Ankerpunktsverktøy (-) og klikk på toppankerpunktet for ellipsen for å slette den. 

Med Utvalgsverktøy (V) velg formen og dra den øverste delen ned for å squash den litt. Legg en squashed ellipse på toppen med fyllfarge R = 53 G = 53 B = 3.

Tegn en sirkel for håndtaket. Påfør et tykt hvitt slag. Velg Konverter Anchor Point Tool (Skift-C) og klikk på nederste ankerpunkt. Velg deretter den med Direkte utvalgsverktøy (A) og dra den ned. Vri håndtaket med Rotate Tool (R).

Gå til Object> Utvid, trykk OK, endre størrelsen på den og legg den på koppen.

Tegn et rektangel med en hvit fylling. Må Effekt> Wrap> Flagg og bruk innstillingene som bellow. Hold rektangelet valgt og gå til Objekt> Utvid utseende, slå ok. 

Klikk på den nye figuren og dra den til høyre holder Alt-Shift å kopiere den. Juster dem med koppen.

Plasser koppen på vinduet.

Trinn 4

 Vi legger til en takrute på siden av bygningen. Velg byggelaget og tegne et langt, tynt rektangel høyden på bygningen og gi den fyllfarge R = 109 G = 85 B = 68.

For å legge til detaljer i renden, tegne en sirkel nederst og et rektangel som under. Sett deres farge fylle til R = 79 G = 59 B = 46.

Klikk på rektangelet, hold Alt-Shift og dra den oppover.

Truffet Kontroll-D å gjenta denne handlingen to ganger.

Trinn 5

La oss legge til en klokke på venstre side av bygningen. Velg Ellipseverktøyet (L) og tegne en første sirkel med fyllfarge R = 109 G = 85 B = 68. Tegn en annen, mindre og hvit og legg den på toppen. Deretter tegner du en liten, med fyllfarge R = 109 G = 85 B = 68. Juster dem med Rette inn panel.

Velg Linjesegmentverktøy (\) og tegne to linjer med slagfarge R = 109 G = 85 B = 68. I Stroke panel, gi deretter en tykk vekt og treffer Round Cap. Hold de to linjene valgt og gå til Objekt> Utvid, trykk OK.

Legg til mindre ellipser og dupliser dem som følger:

Tegn et rektangel, hold Alt-Shift og dra det daggry for å duplisere det og plassere dem døgnet rundt (Objekt> Ordne> Send til Tilbake):

Velg alle fasene og Gruppe dem sammen (Kontroll-G), juster størrelsen på klokken og legg den på venstre side av bygningen.

Trinn 6

La oss legge til noen potter av planter og blomster.

For den første gryten tegner du et firkant med fyllfarge R = 232 G = 201 B = 193. Velg det øverste venstre ankerpunktet med Direkte utvalgsverktøy (A) og flytte det noen få poeng til venstre. Gjør det samme på den andre siden. Så gå til Effekt> Stylize> Round Corners og sett Radius til 3px.

Tegn deretter en lang ellipse, med fyllfarge R = 188 G = 204 B = 31. Velg Slett ankerpunktsverktøy (-) og klikk på bunnen av ankerpunktet på ellipsen. Velg Konverter Anchor Point Tool (Skift-C) og klikk på toppankerpunktet:

Plasser ellipsen bak plassen (Objekt> Ordne> Send til Tilbake), juster dem og Gruppe dem sammen (Kontroll-G). Plasser anlegget foran kaffebaren.

For blomsterkrukken ved vinduene, tegne et rektangel med fyllfarge R = 2-32 G = 201 B = 193. Velg det øverste venstre ankerpunktet med Direkte utvalgsverktøy (A) og flytte det noen få poeng til venstre. Gjør det samme på den andre siden. Så gå til Effekt> Stylize> Round Corners og sett Radius til 3px. 

For blomstene tegner du en firkant, sett fyllfarge til R = 188 G =204 B = 31. Gå til Effekt> Distort & Transform> Pucker & Bloat og skriv inn 75%. Så gå til Objekt> Utvid Utseende. Legg til en hvit ellipse i midten.

Dupliser blomsten (dra den og hold den Alt-Shift) og endre fargen til noen av dem til R = 63 G = 134 B = 137. Du kan også rotere, forstørre eller redusere noen av dem. Ordne dem deretter på potten:

Gruppe dem alle sammen (Kontroll-G), dupliser gruppen og legg potten på kantene av vinduene.

Trinn 7

La oss legge til en benk foran kaffebaren. Tegn et hvitt, horisontalt rektangel, klikk på rektangelet og dra det ned i ventemodus Alt-Shift. 

Tegn et smalere, hvitt, horisontalt rektangel. 

Legg til et annet hvitt rektangel, men vertikal denne gangen, klikk den og dra den inne Alt-Shift å kopiere den.Velg alle fasene og Gruppe dem sammen (Kontroll-G)

Du er ferdig, har lyst på en kaffe?

Jeg avslutter illustrasjonen ved å endre fargene til noen av mursteinene for å hjelpe dem til å skille seg ut. Og her er sluttresultatet ditt. Jeg håper du har hatt denne opplæringen og funnet noen gode tips om å bygge illustrasjoner fra enkle former.