Så här skapar du en enkel kaffebutikfasad i Adobe Illustrator

Vad du ska skapa

I den här handledningen lär du dig hur du enkelt skapar ett gatulandskap, med hjälp av huvudsakligen rektangelverktyget och några effekter i Adobe Illustrator.

1. Ställ in bakgrunden

Steg 1

Gå till Fil> Ny för att skapa ett nytt dokument, storlek 600px av 800px.

Skapa tre nya lager (Fönster> Lager):

Steg 2

Välj bakgrundsskiktet. Välj Rektangelverktyg (M), klicka på tavlan och sätt rektangeln till 600px av 800px. Ange fyllfärgen till R = 219 G = 219 B = 219 och rikta den till tavlan med Justera panel (Fönster> Justera):

Välj Rektangelverktyg (M) klicka på tavlan och sätt rektangeln till 600px av 85px. Ange fyllfärgen till R = 190 G = 190 B = 190 och anpassa det till tavlan. 

Steg 3

Vi lägger till en gångväg. Rita en rektangel ovanför den föregående. Oroa dig inte om att gå utanför tavlan, vi kommer att sortera ut det senare. Ställ stroke på 2pt och strokefärgen till R = 168 G = 155 B = 152.

Välj Linjesegmentverktyg (\), håll flytta nyckeln och dra en vertikal linje med a 2pt stroke och stroke färg R = 168 G = 155 B = 152.

Drag den nyskapade linjen till höger hållning Alt-Shift att kopiera den.

Hit sedan Kontroll-D tre gånger för att upprepa din senaste åtgärd:

Välj alla dessa former, gå till Stigfinnare panel (Fönster> Pathfinder) och träffa Dela upp.  Gå sedan till Objekt> Expand, Välj Stroke bara och tryck OK.

Håll gruppen vald och gå till Stigfinnare igen och träffa Förena

Välj Rektangelverktyg (M), rita en rektangel enligt nedan, håll den valda, håll i Flytta nyckeln, välj spårvägsform och träffa Minus Front Stigfinnare. Gör samma sak på andra sidan och du har din gångväg!

2. Skapa byggnaden

Steg 1

Välj byggnadsskiktet. Rita en rektangel enligt nedan utan stroke och fyll färg R = 232 G = 201 B = 193.

Steg 2

Då ska vi använda Omvandla effekt för att rita tegelstenarna. Välj Rektangelverktyg (M), klicka på tavlan och sätt rektangeln till 22px av 9px. Ange fyllfärgen till R = ett86 G = 63 B = 38 och placera den utanför det nedre vänstra hörnet av byggnadsformen. 

Håll den tegel som valts, gå till Objekt> Transformera> Flytta och i Horisontell rutan ange -2px.

Håll den tegel som valts, gå till Effekt> Förvräng & Transformera> Transformera och tillämpa inställningarna nedan:

Här är resultatet:

Välj den ursprungliga tegelformen, gå igen till Effekt> Förvräng & Transformera> Transformera och tillämpa inställningarna nedan:

Gör samma sak en gång till med följande inställningar:

Och här är vad du får:

Steg 3

Välj den ursprungliga tegelformen igen och gå till Objekt> Expand Utseende. Håll hela gruppen vald och hit Förena i Stigfinnare.

Kopiera och klistra (Kontroll-F) byggnadsformen och ta den framåt (Objekt> Ordna> Ta fram).Håll det valda, håll i Flytta nyckeln och välj tegelgruppen. Gå till Stigfinnare panel och träff Beskära.

Och här har vi en fin tegelvägg!

Steg 4

Välj kaféet lager. Välj Rektangelverktyg (M), klicka på tavlan och sätt rektangeln till 340px av 150px, ge det en R = 110 G = 86 B = 69 färg fyllning. Rikta det till byggnaden, placera det något till höger.

Rita en andra rektangel av 370px av 85px, anpassa den till den första:

Steg 5

Låt oss lägga till en skugga mellan botten och den övre delen av kaféet. Håll Flytta nyckeln och välj de två rektanglarna. Kopiera och klistra in dem framförKontroll-F). Flytta den övre delen några pixlar ner, ändra fyllfärgen till R = 79 G = 59 B = 46

Välj de två formerna och träffa Korsas i Stigfinnare.

Steg 6

Välj den övre rektangeln igen, kopiera och klistra in den framförKontroll-F), ge denna nya rektangel a 2pt stroke, ingen fyllning och ställa in strokefärgen till R = 79 G = 59 B = 46. 

Ändra storlek på det nedan och anpassa det till den större rektangeln.

Steg 7

Låt oss lägga till text på tecknet. Välj Typverktyg (T), Välj Desdemona typsnitt (Skriv> Teckensnitt), ange storleken på tecknen till 50 och färgen till vit. Klicka inuti rektangeln och skriv texten.

Håll den markerade texten, gå till Objekt> Expand. Klicka på OK och lägg till en 1pt vit stroke mot den.

Steg 8

Vi lägger till fönster i kaféet. Välj Rektangelverktyg (M), rita två vita rektanglar och placera dem som nedan:

Välj de två nya rektanglarna, kopiera och klistra in dem framförKontroll-F), ge dem fyllnadsfärgen R = 68 G = 50 B = 40. Ändra storlek på dem enligt nedan:

Steg 9

Vi lägger till fönster i byggnaden. Så välj byggnadsskiktet. Välj Rektangelverktyg igen och rita en rektangelstorlek 70 bildpunkter av 130 x, ge det en 5pt vit stoke och sätt fyllfärgen till R = 68 G = 50 B = 40. 

Välj Linjesegmentverktyg (\), håll Shift nyckeln och lägg till en rad i mitten av denna rektangel. Rita en annan vit rektangel för fönsterbrädan:

Välj de tre formerna och Grupp dem tillsammans (Kontroll-G) sedan gå till Objekt> Expand, välj fyll och stroke och tryck OK. 

Välj fönstergruppen, placera den ovanför kaféet, till vänster. Håll Alt-Shift och drag gruppen till höger om att kopiera den. 

Välj de två fönstren, håll Alt-Shift och dra upp dem för att duplicera dem:

3. Lägg till detaljer

Steg 1

Låt oss lägga skyltar på kaffebutikerna. Rita en liten rektangel, sätt fyllfärgen på R = 234 G = 210 B = 197. Välj Polygon Tool, klicka på tavlan, skriv in 3 sidor och tryck OK. Ge triangeln ingen fyllfärg och ställ in strokefärgen till R = 234 G = 210 B = 197. Justera storleken och rikta den till rektangeln.

Välj Typverktyg (T), Välj Myriad Pro typsnitt, sätt färgen till R = 63 G = 134 B = 137 och skriv din text. Justera storleken och rikta den till rektangeln. Gruppera de tre formerna tillsammans (Kontroll-G) och gå till Objekt> Expand och tryck OK.

Steg 2

Rita en ellipsstorlek 140px av 60 bildpunkter, rita en rektangel och rikta den till mitten av ellipsen. Välj båda formerna, gå till Pathfinder panel och träff Minus fronten. 

Vi kommer att använda denna form som en guide för att skriva texten på fönstret.

Placera bågen i mitten av fönstret, välj Skriv på ett sökverktyg och klicka på ankarpunkten på vänstra sidan av bågen. Välj Amerikanska skrivmaskinen typsnitt, sätt stroke till vitt och till 16.5pt och skriv din text. 

Steg 3

Vi lägger till en kaffekopp på fönstret. Välj Ellipsverktyg (L), rita en ellips som håller Flytta nyckeln för att få den helt rund. Välj Radera Anchor Point Tool (-) och klicka på den övre ankarpunkten i ellipsen för att radera den. 

Med Urvalsverktyg (V) välj formen och dra den övre delen ner för att squash den lite. Lägg till en squashed ellips på toppen med fyllfärg R = 53 G = 53 B = 3.

Rita en cirkel för handtaget. Applicera en tjock vit stroke. Välj Konvertera Anchor Point Tool (Skift-C) och klicka på nedre ankarpunkten. Välj sedan den med Direktmarkeringsverktyg (A) och dra ner den. Vrid handtaget med Rotera verktyg (R).

Gå till Object> Expand, slå OK, ändra storlek och placera den på koppen.

Rita en rektangel med en vit fyllning. Måste Effekt> Wrap> Flagga och använd inställningarna som bellow. Håll rektangeln vald och gå till Objekt> Utöka utseende, slog ok. 

Klicka på den nya formen och dra den till höger hållning Alt-Shift att kopiera den. Justera dem med koppen.

Placera koppen på fönstret.

Steg 4

 Vi lägger till en rännan på sidan av byggnaden. Välj byggnadsskiktet och dra en lång tunn rektangel på höjden på byggnaden och ge den fyllnadsfärgen R = ett09 G = 85 B = 68.

För att lägga till detaljer i rännan, rita en cirkel längst ner och en rektangel enligt nedan. Ange deras färg fyll i R = 79 G = 59 B = 46.

Klicka på rektangeln, håll Alt-Shift och dra uppåt.

Träffa Kontroll-D att upprepa denna åtgärd två gånger.

Steg 5

Låt oss lägga till en klocka på vänster sida av byggnaden. Välj Ellipsverktyg (L) och rita en första cirkel med fyllfärg R = ett09 G = 85 B = 68. Rita en andra, mindre och vit och placera den på toppen. Dra sedan en liten, med fyllfärg R = ett09 G = 85 B = 68. Justera dem med hjälp av Justera panel.

Välj Linjesegmentverktyg (\) och rita två linjer med slagfärg R = 109 G = 85 B = 68. I Stroke panel, ge då en tjock vikt och träffa Round Cap. Håll de två raderna valda och gå till Objekt> Expand, slå på OK.

Lägg till mindre ellipser och duplicera dem som nedan:

Rita en rektangel, håll Alt-Shift och dra det gryning för att duplicera det och placera dem efter klockan (Objekt> Ordna> Skicka till Tillbaka):

Välj alla former och Grupp dem tillsammans (Kontroll-G), justera klockans storlek och placera den på vänster sida av byggnaden.

Steg 6

Låt oss lägga till några krukor av växter och blommor.

För den första potten, rita en kvadrat med fyllfärgen R = 232 G = 201 B = 193. Välj den övre vänstra ankarpunkten med Direktmarkeringsverktyg (A) och flytta den några punkter till vänster. Gör detsamma på andra sidan. Gå sedan till Effekt> Stylize> Round Corners och ställa in Radie till 3px.

Dra sedan en lång ellips med fyllfärg R = 188 G = 204 B = 31. Välj Ta bort Anchor Point Tool (-) och klicka på ellipsens nedre ankarpunkt. Välj Konvertera Anchor Point Tool (Skift-C) och klicka på toppankeringspunkten:

Placera ellipsen bakom torget (Objekt> Ordna> Skicka till Tillbaka), anpassa dem och Grupp dem tillsammans (Kontroll-G). Placera växten framför kaffebaren.

För blomkruven vid fönstren rita en rektangel med fyllfärg R = 232 G = 201 B = 193. Välj den övre vänstra ankarpunkten med Direktmarkeringsverktyg (A) och flytta den några punkter till vänster. Gör detsamma på andra sidan. Gå sedan till Effekt> Stylize> Round Corners och ställa in Radie till 3px. 

För blommorna rita en kvadrat, sätt fyllfärgen på R = 188 G =204 B = 31. Gå till Effekt> Förvräng & Transformera> Pucker & Bloat och skriv in 75%. Gå sedan till Objekt> Expand Utseende. Lägg en vit ellipsa i mitten.

Duplicera blomman (dra den i hållaren Alt-Shift) och ändra färgen på några av dem till R = 63 G = 134 B = 137. Du kan också rotera, förstora eller minska några av dem. Sedan ordna dem på potten:

Grupp dem alla tillsammans (Kontroll-G), duplicera gruppen och placera krukorna på kanterna av fönstren.

Steg 7

Låt oss lägga till en bänk framför kaffebaren. Rita en vit, horisontell rektangel, klicka på rektangeln och dra den ner Alt-Shift. 

Rita en smalare vit horisontell rektangel. 

Lägg till en annan vit rektangel men vertikal den här gången, klicka på den och dra den Alt-Shift att kopiera den.Välj alla former och Grupp dem tillsammans (Kontroll-G)

Du är klar, vill ha en kaffe?

Jag avslutar illustrationen genom att ändra färgerna på några av tegelstenarna för att hjälpa dem att sticka ut. Och här är ditt slutresultat. Jag hoppas att du har haft den här handledningen och hittade några bra tips om att bygga illustrationer från enkla former.