Cum să creați o ilustrație de design plat cu rafturi pe perete, în Adobe Illustrator
() translation by (you can also view the original English article)



De mult timp, obișnuim să utilizăm rafturi pe perete, pentru a ține cărțile, cănile și lămpile noastre, sau doar pentru a decora casa cu plante și portrete. Sunt foarte utile și întotdeauna ne ajută să economisim spațiu în orice loc, și, tocmai din cauza aceasta, am fost inspirat să creez acest tutorial, în care vom desena aceste două rafturi pe perete.
În acest tutorial, veți învăța cum să creați aceste rafturi utilizând forme simple și aplicând tehnici de bază, pentru a crea fiecare dintre elementele care se află pe ele. Sper că vă va plăcea procesul și că veți învăța ceva nou.
Dacă aveți nevoie de inspirație, GraphicRiver are o mulțime de grafice vectoriale de design plat, din care puteți alege.
1. Cum să creați Raftul de perete
Pasul 1
Haideți să începem prin a crea un nou document (File > New) cu lățimea (Width) de 800 px și înălțimea (Height) de 600 px. Primul lucru ar fi acela de a crea raftul pe care vor fi plasate toate obiectele.
Pentru raft, creați un dreptunghi de 280 x 16 px cu instrumentul Rectangle Tool (M) și selectați #8199A3
pentru culoarea de umplere. Pentru suportul raftului, creați un bolț, utilizând un dreptunghi de 14 x 30 px și apoi o elipsă de 4 x 4 px (#8FAAB5
) cu instrumentul Ellipse Tool (L).



Pasul 2
Adăugați umbre suportului raftului, utilizând un dreptunghi de 14 x 8 px (#6B7F87
), creați un duplicat pentru bolț (Control-C > Control-F) și modificați-i culoarea de umplere în #6B7F87
. După aceasta, trimiteți-l în spate (clic-dreapta > Arrange > Send Backward) și deplasați elipsa în jos, de două ori, utilizând tastele cu săgeți, ale tastaturii.
Grupați toate elementele care compun suportul (Control-G) și creați un duplicat (Control-C > Control-F). Securizați-l în cealaltă parte a raftului, după cum se vede în imaginea de mai jos.



Pasul 3
Grupați toate elementele raftului (Control-G) și creați un duplicat (Control-C > Control-F). Plasați cel de-al doilea raft executând dublu-clic pe instrumentul Selection Tool (V) și alegând o distanță de 140 px, deasupra celuilalt raft, în fereastra cu caseta de dialog.



2. Cum să creați Cărțile
Acum, că am creat rafturile, vom desena fiecare dintre elementele care se vor afla pe ele. Haideți să începem să desenăm primul set de cărți.
Pasul 1
Pentru prima carte, creați un dreptunghi de 15 x 62 px (#A094D9
). Apoi adăugați două dreptunghiuri de 15 x 4 px (#897FBA
) și o elipsă de 7 x 7 px (#897FBA
).
După aceasta, adăugați un dreptunghi de 7 x 62 px (#A094D9
) deasupra cărții și alegeți pentru Blending Mode: Multiply, cu 20% Opacity, utilizând panoul Appearance. Grupați toate elementele (Control-G).



Pasul 2
Pentru cea de-a doua carte, creați un dreptunghi de 12 x 55 px (#3498DB
) și trei dreptunghiuri de 12 x 3 px (#EDEEF0
), apoi separați-le pe verticală la o distanță de 3 px, unele de altele.
După aceasta, adăugați un dreptunghi de 6 x 55 px (#3498DB
) și alegeți pentru Blending Mode: Multiply, cu 20% Opacity, utilizând panoul Appearance. Grupați elementele întregii cărți (Control-G) și plasați-o lângă cealaltă carte.



Pasul 3
Pentru cea de-a treia carte, creați un dreptunghi de 6 x 50 px (#F6CD61
) și apoi adăugați un dreptunghi de 3 x 30 px (#EDEEF0
) în centrul lui. După aceasta, creați un dreptunghi de 3 x 50 px (#F6CD61
) și alegeți pentru Blending Mode: Multiply, cu 20% Opacity. Grupați elementele întregii cărți (Control-G).
Executați dublu-clic pe instrumentul Rotation Tool (R) și introduceți un unghi de 350 de grade în fereastra cu caseta de dialog. Cu ajutorul liniilor de ghidare, plasați cartea lângă celelalte.



Pasul 4
Acum, haideți să creăm cel de-al doilea set de cărți.
Mai întâi, creați un dreptunghi de 58 x 15 px (#67537A
) și apoi selectați nodurile din partea dreaptă și rotunjiți colțurile cu Live Corners, utilizând instrumentul Direct Selection Tool (A).
Creați un duplicat pentru acest dreptunghi (Control-C > Control-F) și modificați-i culoarea de umplere în #EDEEF0
. Mergeți la Effect > Path > Offset Path și alegeți un offset de -3 px. Apoi, extindeți-i aspectul (Object > Expand Appearance).
Acum, selectați nodurile din partea stângă și aliniați-le lângă celălalt dreptunghi.



Pasul 5
Copiați ultimul dreptunghi (Control-C), pentru moment. Apoi selectați ambele dreptunghiuri și aplicați opțiunea Minus Front, aflată în panoul Pathfinder.
Copiați cu comanda Paste, acest dreptunghi (Control-F), selectați-i nodurile din partea stângă și mutați-le cu 2 px, la dreapta. Acum creați un dreptunghi de 60 x 2 px (#C2C3C9
) pentru a adăuga o umbră a cotorului cărții, ștergând restul, cu instrumentul Shape Builder Tool (Shift-M).



Pasul 6
Adăugați un semn de carte, creând un dreptunghi de 6 x 8 px (#39B4FF
). Luați instrumentul Pen Tool (P) și adăugați un nod în mijlocul laturii de jos, apoi deplasați-l, puțin, în sus.
Acum grupați toate elementele cărții (Control-G).



Pasul 7
Pentru cea de-a doua carte, vom utiliza aceeași procedură de la pașii 4–6, așa că utilizați un dreptunghi de 49 x 12 px (#1DABB8
) și rotunjiți-i colțurile din partea stângă.
Creați un duplicat al dreptunghiului (#EDEEF0
) (Control-C > Control-F) și aplicați-i un offset de -3 px. Continuați cu pașii 5-6, explicați mai sus.



Pasul 8
Este momentul să creăm cel de-al treilea set de cărți. Începeți prin a crea un dreptunghi de 70 x 23 px (#39B4FF
) și apoi adăugați două dreptunghiuri de 4 x 23 px (#EDEEF0
) și un dreptunghi de 8 x 12 px (#EDEEF0
).
După aceasta, creați un dreptunghi de 70 x 12 px (#39B4FF
) și alegeți pentru Blending Mode: Multiply, cu Opacity de 20%, utilizând panoul Appearance.



Pasul 9
Vom crea o a doua carte, în aceeași manieră în care am creat-o la pasul 7. Utilizați un dreptunghi de 61 x 15 px (#C2B6D6
).



Pasul 10
Acum este timpul să creăm ultimul set de cărți.
Pentru prima carte, începeți cu un dreptunghi de 70 x 10 px (#67537A
). Apoi, adăugați două dreptunghiuri de 2 x 10 px (#EDEEF0
) și un dreptunghi de 30 x 2 px (#EDEEF0
)
Terminați setul, realizând și un dreptunghi de 70 x 5 px (#67537A
) și alegând pentru Blending Mode: Multiply, cu 20% Opacity. Grupați elementele întregii cărți (Control-G).



Pasul 11
Pentru cea de-a doua și a treia carte din acest set, utilizați un dreptunghi de 70 x 10 px (#4CD4B0
) și mai adăugați patru dreptunghiuri de 3 x 10 px (#EDEEF0
). După aceasta, creați un dreptunghi de 70 x 5 px (#4CD4B0
) și alegeți pentru Blending Mode: Multiply, cu 20% Opacity. Grupați elementele întregii cărți (Control-G).
Creați un duplicat pentru ultima carte (Control-C > Control-F) și executați dublu-clic pe el, pentru a intra în modul Isolate. Modificați-i culoarea de umplere în #F6CD61
și culoarea de umplere a umbrei, utilizând instrumentul Eyedropper Tool (I) și apăsând tasta Shift pe culoarea celuilalt dreptunghi. Apăsați tasta Escape pentru a ieși din modul Isolate.



3. Cum să creați Portretele
Pasul 1
La acest pas, vom realiza portretele pentru rafturile noastre. Începeți prin a crea un dreptunghi de 51 x 72 px (#6F5E87
) și un alt dreptunghi de 40 x 60 px (#F7F7F8
)
Apoi, realizați un duplicat al ultimului dreptunghi (#D8D9DD
), de două ori (Control-C > Control-F), și apoi mutați această ultimă copie, în jos, de două ori și la dreapta - o dată - cu ajutorul tastelor cu săgeți ale tastaturii. Selectați-o împreună cu ultima copie și aplicați comanda Minus Front din panoul Pathfinder.
Pasul 2
Creați un nou dreptunghi de 30 x 48 px (#6F5E87
), apoi adăugați două dreptunghiuri de 40 x 40 px (#BADEB2
) și rotiți-le cu 45 de grade, utilizând instrumentul Rotate Tool (R). Folosiți instrumentul Shape Builder Tool (Shift-M), pentru a înlătura partea rămasă.
Adăugați un soare, creând o elipsă de 14 x 14 px (#F7E999
). Grupați toate elementele portretului (Control-G).



Pasul 3
Pentru cel de-al doilea portret, utilizați un dreptunghi de 45 x 63 px (#299EBF
) și adăugați o ramă interioară, folosind un dreptunghi de 33 x 50 px (#8BCBDE
). Apoi creați un duplicat pentru rama interioară (#7FBACB
), de două ori (Control-C > Control-F), mutați această ultimă copie, în jos, de două ori și la dreapta - o dată - și aplicați comanda Minus Front din panoul Pathfinder - asigurați-vă că ambele copii sunt selectate, atunci când aplicați comanda Minus Front.
Alegeți pentru Opacity valoarea 50%, în panoul Appearance.



Pasul 4
Adăugați două dreptunghiuri de 70 x 70 px, selectând culorile de umplere #D8E2EC
și #87E8C6
. Rotiți-le cu 45 de grade, utilizând instrumentul Rotate Tool (R). Apoi, selectați instrumentul Shape Builder Tool (Shift-M) și înlăturați trăgând spre rama interioară, lăsând formele interioare.
Grupați toate elementele portretului (Control-G).



Pasul 5
Pentru ultimul portret, utilizați un dreptunghi de 42 x 55 px (#67537A
) și setați rama interioară de 34 x 46 px (#FFFFFF
). Parcurgeți exact aceiași pași, menționați la pasul 2, pentru a aplica umbra interioară.
Adăugați un dreptunghi de 26 x 38 px ( #EDEEF0
). Apoi, adăugați o elipsă de 14 x 14 px (#F7A3A2
) și un poligon cu trei colțuri și având o rază de 8 px (#82BBC2
), utilizând instrumentul Polygon Tool.



4. Cum să creați Plantele
Pasul 1
Acum, haideți să creăm plantele care vor însufleți rafturile. Utilizați un dreptunghi de 32 x 26 px (#BCCBFA
), pentru baza ghiveciului, și apoi mutați nodurile din partea de jos a lui, cu 4 px spre interior, utilizând instrumentul Direct Selection Tool (A).
Creați un duplicat al acestui ghiveci (Control-C > Control-F), de două ori, și apoi mutați la stânga, ultima copie a lui. Aplicați comanda Minus Front din panoul Pathfinder și modificați culoarea de umplere în #A4BEE7
.



Pasul 2
Adăugați un nou dreptunghi de 34 x 3 px (#6B7EB9
). Creați un duplicat al lui (Control-C > Control-F) și schimbați-i lățimea la 13 px, utilizând panoul Transform, apoi modificați-i culoarea de umplere în #556AA3
.
Adăugați un dreptunghi de 4 x 24 px (#1ABC9C
). Apoi creați un dreptunghi de 8 x 8 px (#089E80
) și rotunjiți-i colțurile din stânga-jos și dreapta-sus, alegând o rază de rotunjire de 8 px, din panoul Transform. Grupați elementele componente (Control-G) și plasați-l așa cum se poate vedea în imaginea de mai jos.



Pasul 3
Haideți să desenăm frunzele plantelor. Utilizați un dreptunghi de 15 x 24 px (#BADEB2
) și alegeți pentru raza tuturor colțurilor lui, valoarea de 15 px, folosind panoul Transform. Creați un duplicat al primei frunze (Control-C > Control-F) (#ACD4A3
) și rasuciți-l pe verticală (clic-dreapta > Transform > Reflect).
Adăugați două elipse de 30 x 30 px (#A2CC99
) și suprapuneți-le în centru, aplicând apoi comanda Intersect din panoul Pathfinder. Plasați această ultimă petală, sub toate celelalte (clic-dreapta > Arrange > Send Backward). Grupați toate elementele plantei (Control-G).



Pasul 4
Pentru cea de-a doua plantă a noastră, să începem prin a utiliza aceeași procedură ca la pașii 1-2. Utilizați un dreptunghi de 32 x 43 px pentru ghiveci (#BCCBFA
), precum și un dreptunghi de 36 x 2 px (#6B7EB9
) și altul de 18 x 2 px (#556AA3
) pentru partea de sus.



Pasul 5
Acum, vom desena frunzele următoarei plante. Selectați instrumentul Pen Tool (P) și desenați o petală, așa cum se observă în imaginea de mai jos. Rotiți petalele, folosind instrumentul Rotate Tool (R) și alternați următoarele culori:
#BADEB2
#ACD4A3
#A2CC99
Aduceți-vă aminte să creați duplicate pentru petale, utilizând Control-C, urmat de Control-F.



5. Cum să creați Radioul
Pasul 1
Acum, haideți să creăm radioul, utilizând un dreptunghi de 37 x 80 px (#08AAC7
), pentru a reprezenta corpul lui, și adăugați un dreptunghi de 76 x 32 px (#BFE6EC
).
Creați un duplicat al ultimului dreptunghi (Control-C > Control-F) (#A3D1D9
), de două ori, și mutați ultima copie, în jos, de două ori și la dreapta - o dată. Apoi aplicați comanda Minus Front din panoul Pathfinder, asigurându-vă că anterior ați selectat ultimele copii.
Adăugați două dreptunghiuri de 6 x 3 px (#007099
) pentru baza radioului.



Pasul 2
Acum, adăugați difuzoarele, utilizând o elipsă de 22 x 22 px (#A3D1D9)
, creați un duplicat al ei (#08AAC7
) (Control-C > Control-F) și mutați acest duplicat, în sus, cu 1 px.
În continuare, adăugați un dreptunghi de 14 x 14 px (#EDEEF0
) și altul de 7 x 7 px (#08AAC7
). Grupați toate elipsele, creați un duplicat al întregului grup (Control-C > Control-F) și plasați-le pe amândouă așa cum se vede în imaginea de mai jos.
Adăugați o altă elipsă de 6 x 6 px (#A3D1D9
) și creați un duplicat al ei (#007099
); mutați acest duplicat, în sus, cu 1 px. Repetați procedura, însă schimbați culoarea de umplere a ultimei elipse în #08AAC7
. Grupați toate elementele radioului (Control-G).



6. Cum să creați Paharul pentru creioane
Pasul 1
Să continuăm cu paharul pentru creioane. Începeți prin a desena un creion, folosind un dreptunghi de 3 x 35 px (#EBBD63
) și apoi adăugând patru dreptunghiuri de 3 x 2 px, având următoarele culori de umplere: #CB6120
, #D8D9DD
, #AEADB3
.
Creați un dreptunghi de 1.5 x 35 px (#EBBD63
) și alegeți pentru Blending Mode: Multiply, cu 20% Opacity. Adăugați un nod în mijlocul laturii de jos a dreptunghiului, cu instrumentul Pen Tool (P), apoi deplasați-l în jos. Grupați toate elementele (Control-G).



Desenați un alt creion, utilizând un dreptunghi de 3 x 35 px (#87E8C6
). Creați un duplicat al lui și modificați-i lățimea (Width), setând-o de 1.5 px, folosind panoul Transform. Alegeți pentru Blending Mode: Multiply, iar pentru Opacity: 20%, utilizând panoul Appearance. Grupați toate elementele creionului (Control-G).



Pasul 2
Acum, să desenăm paharul, creând un dreptunghi de 22 x 30 px (#897FBA
), și adăugând apoi un dreptunghi de 22 x 3 px (#7D73B0
). Creați un alt dreptunghi de 25 x 3 px (#A094D9
), pentru partea de sus a paharului. Grupați elementele paharului (Control-G) și plasați creioanele sub pahar, așa cum se vede în imaginea de mai jos.



7. Cum să creați Cutia
Pasul 1
Să creăm cutia, utilizând un dreptunghi de 63 x 31 px (#A094D9
). Adăugați un dreptunghi de 63 x 3 px (#897FBA
). Acum, creți două dreptunghiuri pentru etichetă, unul de 28 x 10 px (#EDEEF0
) și altul de 22 x 2 px (#F6CD61
).
În final, creați capacul cutiei, folosind un dreptunghi de 69 x 13 px (#6F5E87
). Grupați toate elementele (Control-G).



8. Plasați toate elementele, la un loc
Pasul 1
Combinați toate elementele de pe rafturi.



Pasul 2
Terminați designul, adăugând un dreptunghi de 800 x 600 px (#EFF7E0
), în partea din spate a planșei de lucru. Și, cu acesta, am terminat complet ilustrația.



Felicitări! Ați terminat!
Este gata! Am terminat această ilustrație uimitoare și a ieșit grozav. Am creat câte un pic din fiecare, ceea ce este un lucru bun, deoarece în mod sigur, ați învățat multe lucruri noi, care vă pot ajuta să vă extindeți imaginația.
Sper că v-a făcut plăcere, la fel de mult cât mi-a făcut și mie, și că fiecare pas a reprezentat o experiență de învățare pentru dumneavoastră. Voi aștepta rezultatele dumneavoastră!



