Hoe maak je een Easy Coffee Shop Facade in Adobe Illustrator

Wat je gaat creëren

In deze zelfstudie leert u hoe u met gemak een straatlandschap maakt, waarbij u voornamelijk het gereedschap Rechthoek en een paar effecten in Adobe Illustrator gebruikt.

1. Stel de achtergrond in

Stap 1

Ga naar Bestand> Nieuw om een ​​nieuw document te maken, formaat 600px door 800px.

Maak drie nieuwe lagen (Venster> Lagen):

Stap 2

Selecteer de achtergrondlaag. Kies het Rechthoekgereedschap (M), klik op het tekengebied en stel de rechthoek in 600px door 800px. Stel de vulkleur in op R = 219 G = 219 B = 219 en lijn het uit met het tekengebied met de richten paneel (Venster> Uitlijnen):

Selecteer de Rechthoekgereedschap (M) klik op het tekengebied en stel de rechthoek in 600px door 85px. Stel de vulkleur in op R = 190 G = 190 B = 190 en lijn het uit met het tekengebied. 

Stap 3

We voegen een voetpad toe. Teken een rechthoek boven de vorige. Maak u geen zorgen over het verlaten van het tekengebied, we regelen dit later. Zet de streek op 2pt en de streekkleur naar R = 168 G = 155 B = 152.

Kies het Lijnsegmenthulpmiddel (\), houd de verschuiving toets en teken een verticale lijn met a 2pt slag en lijnkleur R = 168 G = 155 B = 152.

Slepen de nieuw gecreëerde regel naar rechts houden Alt-Shift om het te kopiëren.

Sla dan Controle-D drie keer om je laatste actie te herhalen:

Selecteer al deze vormen, ga naar de verkenner paneel (Venster> Pathfinder) en druk op Verdelen.  Ga dan naar Object> Uitbreiden, kiezen Beroerte alleen en druk op OK.

Houd de groep geselecteerd en ga naar verkenner opnieuw en klik Verenigen

Kies het Rechthoekgereedschap (M), teken een rechthoek zoals hieronder, houd deze geselecteerd, houd de Verschuiving toets, selecteer de voetpadvorm en druk op Minus voorkant in de verkenner. Doe hetzelfde aan de andere kant en je hebt je voetpad!

2. Maak het gebouw

Stap 1

Selecteer de bouwlaag. Teken een rechthoek zoals hieronder zonder streek en vulkleur R = 232 G = 201 B = 193.

Stap 2

Dan zullen we de gebruiken Transformeren effect om de stenen te tekenen. Selecteer de Rechthoekgereedschap (M), klik op het tekengebied en stel de rechthoek in 22px door 9px. Stel de vulkleur in op R = 186 G = 63 B = 38 en plaats het buiten de linkerbenedenhoek van de vorm van het gebouw. 

Houd de steen geselecteerd, ga naar Object> Transformeren> Verplaatsen en in de Horizontaal vakje invoeren -2px.

Houd de steen geselecteerd, ga naar Effect> Vervormen en transformeren> Transformeren en pas de onderstaande instellingen toe:

Hier is het resultaat:

Selecteer de originele steenvorm, ga opnieuw naar Effect> Vervormen en transformeren> Transformeren en pas de onderstaande instellingen toe:

Doe hetzelfde nog een keer met de volgende instellingen:

En hier is wat je krijgt:

Stap 3

Selecteer de originele steenvorm opnieuw en ga naar Object> Uiterlijk uitbreiden. Houd de hele groep geselecteerd en druk op Verenigen in de verkenner.

Knippen en plakken (Controle-F) de vorm van het gebouw en breng het naar voren (Object> Schikken> Naar voorgrond brengen).Houd het geselecteerd, houd de toets ingedrukt Verschuiving toets en selecteer de stenengroep. Ga naar de verkenner paneel en druk op Gewas.

En hier hebben we een mooie bakstenen muur!

Stap 4

Selecteer de coffeeshoplaag. Kies het Rechthoekgereedschap (M), klik op het tekengebied en stel de rechthoek in 340px door 150px, geef het een R = 110 G = 86 B = 69 kleurvulling. Lijn het uit met het gebouw en plaats het iets naar rechts.

Teken een tweede rechthoek van 370px door 85px, lijn het uit met de eerste:

Stap 5

Laten we een schaduw toevoegen tussen de onderkant en het bovenste gedeelte van de coffeeshop. Houd de Verschuiving toets en selecteer de twee rechthoeken. Kopieer en plak ze vooraan (Controle-F). Verplaats het bovenste gedeelte een paar pixels naar beneden, verander de vulkleur in R = 79 G = 59 B = 46

Selecteer de twee vormen en klik Snijden in de verkenner.

Stap 6

Selecteer opnieuw de bovenste rechthoek, kopieer en plak deze vooraan (Controle-F), geef deze nieuwe rechthoek een 2pt streek, geen vulling en stel de streekkleur in op R = 79 G = 59 B = 46. 

Wijzig het formaat zoals hieronder en lijn het uit op de grotere rechthoek.

Stap 7

Laten we tekst aan het bord toevoegen. Selecteer de Type Tool (T), selecteer de Desdemona lettertype (Typ> Lettertype), stel de grootte van de tekens in 50 en de kleur naar wit. Klik in de rechthoek en typ de tekst.

Houd de tekst geselecteerd, ga naar Object> Uitbreiden. Druk op OK en voeg een toe 1pt witte lijn.

Stap 8

We zullen vensters toevoegen aan de coffeeshop. Kies het Rechthoekgereedschap (M), teken twee witte rechthoeken en plaats ze zoals hieronder:

Selecteer die twee nieuwe rechthoeken, kopieer en plak ze vooraan (Controle-F), geef ze de vulkleur R = 68 G = 50 B = 40. Verklein ze zoals hieronder:

Stap 9

We zullen vensters toevoegen aan het gebouw. Dus selecteer de bouwlaag. Kies het Rechthoekgereedschap opnieuw en teken een rechthoekgrootte 70px door 130 x, geef het een 5pt wit stoken en stel de vulkleur in R = 68 G = 50 B = 40. 

Kies het Lijnsegmenthulpmiddel (\), houd de Shift sleutel en voeg een lijn toe in het midden van deze rechthoek. Teken nog een witte rechthoek voor de vensterbank:

Selecteer de drie vormen en Groep Hun samen (Controle-G) ga dan naar Object> Uitbreiden, selecteer vulling en lijn en druk op OK. 

Selecteer de venstergroep, plaats deze boven de coffeeshop, aan de linkerkant. Houden Alt-Shift en slepen de groep rechts om het te kopiëren. 

Selecteer de twee vensters, houd vast Alt-Shift en sleep ze naar boven om ze te dupliceren:

3. Voeg details toe

Stap 1

Laten we tekens toevoegen aan de vensters van de koffiewinkel. Teken een kleine rechthoek, stel de vulkleur in R = 234 G = 210 B = 197. Kies het Polygoon gereedschap, klik op het tekengebied, voer in 3 kanten en druk op OK. Geef de driehoek geen opvulkleur en stel de lijnkleur in op R = 234 G = 210 B = 197. Pas het formaat aan en lijn het uit met de rechthoek.

Kies het Type Tool (T), selecteer de Myriad Pro lettertype, stel de kleur in op R = 63 G = 134 B = 137 en typ je tekst. Pas het formaat aan en lijn het uit met de rechthoek. Groepeer de drie vormen samen (Controle-G) en ga naar Object> Uitbreiden en druk op OK.

Stap 2

Teken een ellipsgrootte 140px door 60px, teken een rechthoek en lijn deze uit met het midden van de ellips. Selecteer beide vormen, ga naar de Pathfinder paneel en druk op Minus voorkant. 

We gebruiken deze vorm als een gids om de tekst in het venster in te voeren.

Plaats de boog in het midden van het venster, selecteer de Typ een padgereedschap en klik op het ankerpunt helemaal links van de boog. Selecteer de Amerikaanse schrijfmachine lettertype, zet de lijn op wit en op 16.5pt en typ je tekst. 

Stap 3

We zullen een koffiekopje op het raam toevoegen. Kies het Ellipse Tool (L), teken een ellips met de Verschuiving sleutel om het perfect rond te hebben. Selecteer de Verwijder Ankerpuntgereedschap (-) en klik op het bovenste ankerpunt van de ellips om het te verwijderen. 

Met de Selectie gereedschap (V) selecteer de vorm en sleep het bovenste gedeelte naar beneden om het een beetje plat te drukken. Voeg een geperste ellips toe met vulkleur R = 53 G = 53 B = 3.

Teken een cirkel voor het handvat. Breng een dikke witte streek aan. Kies het Ankerpunt-gereedschap converteren (Shift-C) en klik op het onderste ankerpunt. Selecteer het vervolgens met de Direct selectie gereedschap (A) en sleep het naar beneden. Draai aan de hendel met de Roteer gereedschap (R).

Ga naar Object> Uitbreiden, druk op OK, verklein hem en plaats hem op het kopje.

Teken een rechthoek met een witte vulling. Moet Effect> Omslag> Vlag en pas de instellingen als hieronder toe. Houd de rechthoek geselecteerd en ga naar Object> uiterlijk uitbreiden, klik op OK. 

Klik op de nieuwe vorm en sleep deze naar de juiste positie Alt-Shift om het te kopiëren. Lijn ze uit met de beker.

Plaats de beker op het raam.

Stap 4

 We voegen een goot toe aan de zijkant van het gebouw. Selecteer de bouwlaag en teken een lange dunne rechthoek de hoogte van het gebouw en geef deze de vulkleur R = 109 G = 85 B = 68.

Om details aan de goot toe te voegen, tekent u een cirkel onderaan en een rechthoek zoals hieronder. Stel hun kleurvulling in op R = 79 G = 59 B = 46.

Klik op de rechthoek, houd vast Alt-Shift en sleep het naar boven.

Raken Controle-D om deze actie nog twee keer te herhalen.

Stap 5

Laten we een klok toevoegen aan de linkerkant van het gebouw. Kies het Ellipse Tool (L) en teken een eerste cirkel met vulkleur R = 109 G = 85 B = 68. Teken een tweede, kleiner en wit en plaats deze bovenop. Teken dan een kleintje, met vulkleur R = 109 G = 85 B = 68. Lijn ze uit met behulp van de richten paneel.

Kies het Lijnsegmenthulpmiddel (\) en teken twee lijnen met lijnkleur R = 109 G = 85 B = 68. In de Beroerte paneel, geef dan een dik gewicht en sla erop Ronde dop. Houd de twee regels geselecteerd en ga naar Object> Uitbreiden, klik op OK.

Voeg kleinere ellipsen toe en dupliceer ze als hieronder:

Teken een rechthoek, houd vast Alt-Shift en sleep het tot de dageraad om het te dupliceren en plaats het achter de klok (Object> schikken> naar achtergrond verzenden):

Selecteer alle vormen en Groep Hun samen (Controle-G), pas de grootte van de klok aan en plaats deze aan de linkerkant van het gebouw.

Stap 6

Laten we een paar potten met planten en bloemen toevoegen.

Teken voor de eerste pot een vierkant met de vulkleur R = 232 G = 201 B = 193. Selecteer het ankerpunt linksboven met de Direct selectie gereedschap (A) en verplaats het een paar punten naar links. Doe hetzelfde aan de andere kant. Ga dan naar Effect> Stileer> Ronde hoeken en stel de Radius naar 3px.

Teken dan een lange ellips, met vulkleur R = 188 G = 204 B = 31. Kies het Ankerpunttool verwijderen (-) en klik op het onderste ankerpunt van de ellips. Kies het Ankerpunt-gereedschap converteren (Shift-C) en klik op het bovenste ankerpunt:

Plaats de ellips achter het vierkant (Object> schikken> naar achtergrond verzenden), lijn ze uit en Groep Hun samen (Controle-G). Plaats de plant voor de coffeeshop.

Teken voor de bloempot bij de vensters een rechthoek met vulkleur R = 232 G = 201 B = 193. Selecteer het ankerpunt linksboven met de Direct selectie gereedschap (A) en verplaats het een paar punten naar links. Doe hetzelfde aan de andere kant. Ga dan naar Effect> Stileer> Ronde hoeken en stel de Radius naar 3px. 

Voor de bloemen, teken een vierkant, stel de vulkleur in R = 188 G =204 B = 31. Ga naar Effect> Vervormen en transformeren> Pucker & Bloat en ga naar binnen 75%. Ga dan naar Object> Uiterlijk uitbreiden. Voeg een witte ellips toe in het midden.

Dupliceer de bloem (sleep deze vast Alt-Shift) en verander de kleur van sommige ervan in R = 63 G = 134 B = 137. Je kunt sommige ervan ook draaien, vergroten of verkleinen. Schik ze dan in de pot:

Groep ze allemaal samen (Controle-G), dupliceer de groep en plaats de potten op de randen van de vensters.

Stap 7

Laten we een bank toevoegen voor de coffeeshop. Teken een witte horizontale rechthoek, klik op de rechthoek en sleep deze naar beneden Alt-Shift. 

Teken een smallere witte horizontale rechthoek. 

Voeg deze keer een andere witte rechthoek toe maar verticaal, klik erop en sleep hem vast Alt-Shift om het te kopiëren.Selecteer alle vormen en Groep Hun samen (Controle-G)

Je bent klaar, zin in een kopje koffie?

Ik beëindig de illustratie door de kleuren van sommige stenen te veranderen om ze te laten opvallen. En hier is je eindresultaat. Ik hoop dat je deze tutorial leuk vond en vond enkele geweldige tips over het bouwen van illustraties uit eenvoudige vormen.