Cum se creează o ilustrare a magazinului Bodega în Adobe Illustrator

Ce veți crea

În acest tutorial vom crea un magazin complet cu toate detaliile, pe lângă câteva arbuști și o stradă cu posturile de lampă, folosind cele mai simple forme și instrumente ale Adobe Illustrator.

Găsiți mai multă inspirație pentru ilustrațiile dvs. vectoriale de pe GraphicRiver.

1. Cum să creați un document nou 

presa Control-N pentru a face o Document nou. Seteaza Unități la pixeli, și intră 800 x 600 pentru lățimea și înălțimea documentului. Apoi în Avansat opțiuni, selectați RGBEcran (72 ppi), și asigurați-vă că ați debifat Aliniați obiectele noi la caseta Grid Pixel înainte de a da clic O.K.

Mergeți la Preferințe (Control-K) și introduceți 1 px pentru Creșterea tastaturii. presa O.K.

Puteți activa funcția Info panou (Fereastră> Info) pentru a avea o previzualizare a dimensiunii și poziției formelor dvs. Nu uitați să setați unitatea de măsurare la pixeli din Editați> Preferințe> Unități. Acest lucru va crește considerabil viteza muncii dvs..

2. Cum să creați un drum

Vom începe cu drumul și trotuarul magazinului nostru.

Începeți prin a crea un 800 x 120 px dreptunghi folosind Instrumentul dreptunghiular (M). Utilizare # 706B79 ca culoare de umplere.

Acum creați trotuar folosind una 704 x 10 px dreptunghi (# A8A5AA) și unul 704 x 6 px dreptunghi (# 706B79). 

3. Cum se creează un magazin

Acum pentru pasul cel mai consumator de timp, magazinul.

Pasul 1

Începeți prin crearea magazinului. Creeaza o 314 x 7 px dreptunghi (# 9D9588) cu Instrumentul dreptunghiular (M).

Apoi creați o coloană utilizând a 36 x 256 px dreptunghi (# E9E7DC) și adăugați detalii cu două 22 x 53 px dreptunghiuri (# F9F6E6) și a 22 x 125 px dreptunghi (# F9F6E6). A stabilit Runda inversată colțuri cu 5 px raza de la Transforma panou.

Pasul 2

Acum duplicați formele interne ale coloanei de două ori (Control-C urmat de Control-F) și să le mutați 2 px în jos cu tastele săgeată ale tastaturii. aplica Minus Front de la deschizător de drumuri panou la fiecare copie.

Schimbați culoarea de umplere la # D6D4C3. Grupează coloana împreună (Control-G) și duplicați-l (Control-C> Control-F) la celălalt capăt.

Pasul 3

Să creăm ușa utilizând a 90 x 180 px dreptunghi (# EAAB61). Apoi adăugați altul 62 x 34 px dreptunghi (# DB9747) și creați o umbră dublând de două ori (Control-C urmat de Control-F). Mutați ultima copie 4 px în jos și 4 px la dreapta.

A stabilit Minus Front de la deschizător de drumuri panou.

Pasul 4

Creați fereastra ușii utilizând a 62 x 112 px dreptunghi (# 78C4ED). Acum adaugati a 5 x 112 px dreptunghi (# 64ABD5) pentru a acționa ca o umbră.

Acum creați o pereche de dreptunghiuri (#FFFFFF) și rotiți-le 45º cu Rotiți instrumentul (R). Setați a 30% Opacitate în bara de sus și cu Shape Builder Tool (Shift-M) eliminați formularele rămase.

Pasul 5

Acum, creați un semn utilizând a 30 x 20 px dreptunghi (#FFFFFF). Adăugați două 2 x 18 px dreptunghiuri (# EAAB61), rotiți-le până când au a 45º unghi folosind Rotiți instrumentul (R), și plasați-le sub semnul (faceți clic dreapta> Aranjare> Trimitere înapoi).

Apoi creați o 6 x 6 px elipsă (#FFFFFF) folosind Instrument de elipsă (L). Desenați două dreptunghiuri (# F7DDC0) pe semn.

Grupați semnul (Control-G) și duplicați-l (Control-C> Control-F). Utilizare # 64ABD5 ca culoare de umplere pentru copie, mutați-o 2 px în jos și spre dreapta, apoi trimiteți-l în spatele semnului (Control-[).

Pasul 6

Acum creați mânerul utilizând a 7 x 7 px elipsă (# BB7B33).

Acum adaugati a 224 x 27 px dreptunghi (# EAAB61) pentru peretele magazinului și a 224 x 153 px dreptunghi (# 78C4ED) pentru fereastră.

Duplicați dreptunghiul peretelui de două ori (Control-C urmat de Control-F) și mutați a doua copie 3 px în jos și 3 px la dreapta. A stabilit Minus Front de la deschizător de drumuri panou. Schimbați culoarea de umplere la # DB9747.

Pasul 7

Creați câteva setări în perete cu ajutorul unei 3 x 16 px dreptunghi și a 61 x 3 px dreptunghi (# DB9747), grupându-le împreună (Control-G) pentru a forma un L inversat, apoi duplicați-l de două ori (Control-C> Control-F).

Pasul 8

Vom crea câteva detalii în fereastră. Luați Instrument Pen (P) și trageți partea de sus a unei bare folosind culoarea de umplere # 6BAFE2.

Apoi trageți umbrele scaunului și unele ochelari pe masă utilizând culoarea de umplere  # 5789C3. În jurul colțurilor scaunelor Live Corners cu Instrumentul de selecție directă (A).

Pasul 9

Acum creați lămpile utilizând unul 2 x 44 px dreptunghi (# 5789C3) și unul 22 x 12 px dreptunghi (# 5789C3). Mutați nodurile superioare ale ultimului dreptunghi spre interior 4 px cu Instrumentul de selecție directă (A).

Adăugați un 8 x 8 px elipsă (# 5789C3) sub capota lămpii și grupați totul împreună (Control-G). Duplicați-l (Control-C> Control-F) și plasați-le departe unul de celălalt.

Pasul 10

Adăugați reflexii pe fereastră, desenând trei dreptunghiuri cu Instrumentul dreptunghiular (M). Utilizare #FFFFFF ca culoare de umplere și setați a 30% opacitate în bara de sus.

Rotiți dreptunghiurile 45 ° și utilizați Shape Builder Tool (Shift-M) pentru a elimina restul formei ferestrei.

Pasul 11

Acum adaugati diviziile ferestrelor folosind unul 7 x 180 px dreptunghi, unul 217 x 7 px dreptunghi și unul 7 x 146 px dreptunghi. Utilizare # F9F6E6 ca culoare de umplere.

Apoi adăugați două 4 x 146 px dreptunghiuri (# 64ABD5) și le plasați sub reflecții (Control-[) așa cum se arată în imaginea de mai jos.

Pasul 12

În acest pas vom crea orbii. Pentru a face acest lucru, creați un 24,15 x 74 px dreptunghi (# EAAB61) și în jurul colțurilor sale inferioare. Duplicați dreptunghiul (Control-C> Control-F) de trei ori și alternați utilizarea culorii de umplere # EDEEF0.

Pasul 13

Acum trageți un dreptunghi (# EAAB61) o treime distanță de partea inferioară a orbului și scoateți forma rămasă cu Shape Builder Tool (Shift-M). Seteaza Mod de amestecare la Multiplica si Opacitate la 35% folosind Aspect panou.

Adauga o 314 x 4 px dreptunghi (#FFFDEF) în orb, și din Aspect panou setat Mod de amestecare la Lumina slaba si Opacitate la 50%. Grupează totul împreună (Control-G) și duplicați-l (Control-C> Control-F).

Pasul 14

Trimiteți copia orb înapoi (Control-[) și aplicați culoarea de umplere # 000000. Seteaza Opacitate la 10% în bara de sus.

Deplasați copia în jos o singură dată apăsând pe Schimb cheie.

Pasul 15

Adăugați o căsuță prin crearea unui 314 x 34 px dreptunghi (# E9E1C4). Apoi creați o 296 x 168 px dreptunghi (# D6D0B5) și setat Runda inversată colțuri cu 4 px raza de la Transforma panou.

Ulterior, duplicați-l de două ori (Control-C urmat de Control-F) și mutați ultima copie 2 px în jos. Apoi aplicați Minus Front cu copia precedentă utilizând deschizător de drumuri panou. Utilizare # C2BCA4 ca culoare de umplere.

Pasul 16

Creeaza o 314 x 35 px dreptunghi (# D6D0B5) deasupra grinzii. Apoi creați o 4 x 28 px dreptunghi (# C2BCA4) și în jurul colțurilor inferioare.

Duplicați-l și plasați-l la celălalt capăt al căptușelii. Selectați ambele dreptunghiuri și mergeți la Obiect> Blend> Make a îmbina. Apoi stabilește a 40 separarea pasului de la Object> Blend> Blend Options.

Pasul 17

Faceți niște umbre pe coloane utilizând două 36 x 4 px dreptunghiuri (# D6D4C3). Apoi, adăugați a 314 x 7 px dreptunghi (# C2BCA4) de mai sus, și setați Mod de amestecare la Multiplica cu 40% opacitate folosind Aspect panou. 

Pasul 18

Să terminăm acoperișul, folosind a 405 x 27 px dreptunghi (# F9F6E6). Apoi, adăugați unul 351 x 14 px dreptunghi (# D6D0B5) și unul 351 x 4 px dreptunghi (# C2BCA4). În cele din urmă, adăugați a 360 x 7 px dreptunghi (# F9F6E6). 

Pasul 19

Creați niște tufișuri cu două 54 x 54 px elipse și utilizare # 7FBB86 și # 68A96A ca culori de umplere. Apoi duplicați tufișurile (Control-C> Control-F) și plasați copia la celălalt capăt.

Asigurați-vă că le plasați în spatele magazinului (Shift-Control-[).

4. Cum se creează o lampă

Pasul 1

În acest pas, vom crea stâlpii pe stradă. Pentru a face acest lucru, utilizați un 18 x 18 px dreptunghi (# 7C7C7C) și mutați nodurile superioare 2 px spre interior cu Instrumentul de selecție directă (A).

Apoi adăugați a 7 x 194 px dreptunghi (# 6B6B6B) și mutați nodurile superioare 2 px spre interior. Apoi, trageți un dreptunghi în partea de sus și ștergeți restul cu Shape Builder Tool (Shift-M).

Pasul 2

Acum creați un 26 x 3 px dreptunghi (# 6B6B6B) peste post și a 36 x 3 px dreptunghi (# 6B6B6B) deasupra ultimului dreptunghi. Creeaza o 3 x 26 px dreptunghi și puneți-l în mijloc, faceți o copie (# 424242) și schimbați înălțimea acestuia la 4 px în Transforma panou.

Apoi luați Instrument Pen (P) și trageți un trapez pentru lampă utilizând culoarea de umplere # F2F2F2. Plasați-l sub dreptunghi (Control-[).

Pasul 3

Creeaza o 36 x 3 px dreptunghi (# 6B6B6B) și plasați-o în mijlocul lămpii. Folosește Shape Builder Tool (Shift-M) pentru a scoate capetele cu forma lămpii.

Acum creați un 26 x 26 px elipsă (# 7C7C7C) și scoateți nodul inferior. Plasați-o pe partea de sus a lămpii. Grupați lampa împreună (Control-G), duplicați-l (Control-C> Control-F) și plasați-o la celălalt capăt al magazinului.

Pasul 4

Pentru a termina, să creăm cerul. Creaza un 800 x 600 px dreptunghi (# 80C3EA) și trimiteți-o în partea din spate a pânzei (Obiect> Aranjare> Trimitere înapoi).

Perfect, ai terminat!

Rezultatul este lăudabil! Felicitări pentru atingerea acestui punct. Sper că ți-a plăcut la fel de mult ca și mine și că ai învățat multe. Voi urmări comentariile!