Cum sa desenezi un cos de cumparaturi vectorial

Iti doresti un nou icon? Nu mai cauta. Invata cum sa creezi imaginea personalizata a unui cos de cumparaturi. Vom imbina calitatile 3D cu aspectul plan. Trebui sa stapanesti foarte bine instrumentele Adobe Illustrator pentru a completa acest tutorial.

Previzualizara imaginii finale

Mai jos se afla imaginea finala pe care o vom crea.

Etapa 1

Selecteaza Rectangle Tool (M) si deseneaza un patrat cu un contur de 4 pt. Conturul ar trebui sa aiba o culoare deschisa pentru a vedea ce se intampla atunci cand aplici efectul 3D. Nu colora interiorul.

Etapa 2

Mergi la Effect > 3D > Extrude & Bevel. Utilizeaza o anumita rotatie a axelor X, Y si Z si Extrude Depth de aproximativ 16. Click OK. Creeaza un duplicat al formei, deoarece vei avea nevoie de ea in urmatoarea etapa.

Etapa 3

In Appearance Palette, da dublu-click pe 3D Extrude & Bevel. Accentueaza Extrude Depth, apoi apasa pe butonul OK.

Etapa 4

Suprapune cele doua forme si redimensioneaza-le, in asa fel incat una dintre ele sa fie putin mai mica decat cealalta. Astfel, poti observa cum cosul se compune din doua forme. Astfel ar trebui sa arate creatia ta acum.

Etapa 5

Urmatorul pas este sa mergi la Object > Expand Appearance. Utilizand Direct Selection Tool (A), trage pentru a selecta punctele dupa cum poti observa in figura de mai jos. Muta punctele putin in interior pentru ca intregul cos sa fie mai subtire in partea inferioara.

Etapa 6

Asigura-te ca ai mutat si punctele din jurul marginii superioare a cosului.

Etapa 7

Vom aplica cosului un gradient negru-albastrui. Cand lucrezi cu negru, asigura-te ca utilizezi o nuanta de negru avand valoarea 0 pentru R,G si B. Aceasta iti va oferi un negru mai intens.

Etapa 8

Selecteaza partea din fata a cosului si mergi la Object > Path > Offset Path. Introdu aproximativ -10 pentru Offset, apoi apasa pe butonul OK. Aceasta va crea o zona interioara avand aproximativ aceleasi proportii ca si forma mai larga. Apoi putem aplica doua culori diferite formelor pentru a oferi cosului un aspect vizual mai interesant.

Etapa 9

Aplica acelasi setari si celeilalte fete a cosului.

Etapa 10

Daca iti doresti ca gradientul sa acopere consistent mai multe forme, atunci asigura-te ca le selectezi pe ambele in acelasi timp. Am creat aspectul unei suprafete reflectante schimband in mod brusc culoarea gradientului. Pentru a obtine o reflexie realista, trebuie sa faci cateva incercari.

Etapa 11

Selecteaza zona interioara a partii din fata a cosului si mergi la Edit > Edit Colors > Adjust Color Balance. Introdu valoarea 5 pentru Red, Green si Blue, apoi click OK. Aceasta ca face cu 5% mai deschisa culoarea albastra fata de aria selectata si va oferi impresia unei schimbari subtile a suprafetei obiectului.

Etapa 12

Astfel va arata acum creatia ta.

Etapa 13

Adauga acelasi gradient si celorlalte fete ale cosului. Fii atent sa nu obtii o reflexie exagerata. De obicei, nu este recomandat sa oferi fiecarei fete a cosului mai mult de o schimbare abrupta de culoare. Dar, desigur, regulile sunt facute pentru a fi incalcate. Continua sa incerci diverse unghiuri si intensitati ale culorilor pana cand ti se pare ca arata bine. De asemenea, fii atent, deoarece interiorul cosului nu are nevoie de prea multa reflexie, doar de un gradient de la inchis spre deschis.

Etapa 14

In continuare vei crea orificiile care perforeaza cosul. Utilizand Pen Tool (P), deseneaza o forma asemeni celei de mai jos. Asigura-te ca urmezi conturul cosului, astfel incat liniile de sus si de jos sa fie paralele cu partea superioara si cu cea inferioara ale cosului, iar liniile marginale sa fie paralele cu marginile acestuia.

Etapa 15

Creeaza o copie a formei, apoi suprapune-o peste cea originala, dupa se observa mai jos. In Pathfinder selecteaza Subtract din Shape Area si apoi Expand.

Etapa 16

Vei ramane cu o forma care arata asemeni conturului unei ferestre.

Etapa 17

Deoarece forma ferestrei principale se afla inca in clipboard, apasa Ctrl+V pentru a insera forma ferestrei exact acolo de unde ai copiat-o. Poti utiliza acum aceasta forma pentru a crea celelalte ferestre. Deoarece cosul se ingusteaza catre partea inferioara, va trebui sa ajustezi usor fiecare fereastra pentru a corespunde. Utilizeaza Direct Selection Tool pentru a ajusta forma fiecarei ferestre.

Etapa 18

Deseneaza fereastra pe partea opusa a cosului. Selecteaza toate ferestrele de pe o fata a cosului si coloreaza-le cu un gradient negru-maroniu, astfel incat sa le oferi uniformitate si consistenta.

Etapa 19

Pentru a crea cutiile care se afla in interiorul cosului, mai intai deseneaza o forma patrata.

Etapa 20

Mergi la Effect > 3D > Extrude & Bevel. Introdu variabilele de mai jos si click OK.

Etapa 21

Copiaza si insereaza cutiile, repetand operatiunea de cateva ori si schimba intensitatea Extrude pentru a le oferi inaltimi diferite.

Etapa 22

Va trebui sa extinzi cutiile mergand la Object > Expand Appearance. Foarte important: degrupeaza toate cutiile cat poti de mult, accesand Object > Ungroup. Apoi, roteste cutiile in asa fel incat fiecare sa se afle in unghiuri usor diferite. Ofera-le un gradient maroniu cald asigurandu-te ca variezi luminozitatea fiecarei fete a cutiei pentru a le da un aspect cat mai realist.

Etapa 23

Mai adauga cateva detalii copiind si inserand partea superioara a cutiei si utilizeaza Direct Selection Tool pentru a oferi o noua forma obiectului si a-l face sa arate precum o banda. Umple forma cu alb si ajusteaza Opacity in Transparency Palette la aproximativ 10%.

Etapa 24

Mergi la Object > Path > Offset Path si introdu -5 pentru Offset, apoi click OK.

Etapa 25

Selecteaza forma interioara si ajusteaza gradientul pentru a nu se confunda cu forma aflata in spate.

Etapa 26

O metoda rapida care ofera impresia ca respectivele cutii se afla in cos este de a le aplica Clipping Mask. Utilizand Pen Tool, deseneaza o linie acolo unde se afla linia punctata. Linia ta nu va necesita fill sau contur colorat. Linia rosie de dedesubt este doar pentru reprezentare.

Etapa 27

Asigura-te ca forma pe care tocmai ai desenat-o se afla in fata cutiilor. Selecteaza toate cutiile si forma mastii si apoi mergi la Object > Clipping Mask > Make. Cutiile tale vor arata in mod instantaneu ca si cand s-ar afla in interiorul cosului! Daca vei dori sa editezi mai mult culoarea sau forma cutiilor, dublu-click pe acestea pentru a intra in ceea ce se numeste Isolation Mode (pentru Illustrator CS3 si versiunile mai recente) si ajusteaza-le dupa cum doresti.

Etapa 28

Ofera-i cateva efecte cosului desenand mai intai o forma de baza cu Pen Tool. Mergi la Effect > Blur > Gaussian Blur si introdu o valoare care ti se pare potrivita.

Etapa 29

Copiaza si insereaza elementele de pana acum. Selecteaza copia tocmai realizata, apoi, in Pathfinder Palette, selecteaza Add to Shape Area urmat de Expand.

Etapa 30

Ofera-i formei un contur subtire. Seteaza caps la Round and Join dupa cum este evidentiat mai jos. Apoi aplica-i formei ceva umbre mergand la Effect > Stylize > Drop Shadow.

Etapa 31

Aseaza forma in spatele tuturor celorlalte.

Etapa 32

Poti transforma cu usurinta aceasta imagine intr-un set schimband ferestrele intr-un gradient negru albastrui si creand o sageata dintr-un triunghi si un patrat.

Imaginea finala

Iata imaginea finala a cosului de cumparaturi.