Efectuați 3D, însă, în coșul de cumpărături

Cumpărăm pentru o nouă pictogramă? Nu mai căuta. Aflați cum să creați o pictogramă pentru coș de cumpărături personalizat pentru următorul proiect de web design. Vom combina calitățile 3D cu un aspect plat. Veți avea nevoie de o înțelegere fermă a instrumentelor Adobe Illustrators pentru a finaliza acest tutorial.

Imagine finală a imaginii

Mai jos este proiectul final la care vom lucra. 

Pasul 1

Începeți prin selectarea Instrumentului dreptunghiular (M) și desenați un dreptunghi cu o cursă de 4 pt. Asigurați-vă că utilizați o culoare deschisă pentru cursa pentru a vedea ce faceți atunci când aplicați efectul 3D. Nu aplicați o umplutură în dreptunghi.

Pasul 2

Accesați Efect> 3D> Extrude & Bevel. Dați formei o rotație pentru axele X, Y și Z 'și o adâncime extrudată de aproximativ 16. Faceți clic pe OK. Copiați și inserați această formă pentru a utiliza următorul pas.

Pasul 3

În paleta Aspect apăsați dublu-clic pe 3D Extrude & Bevel. Introduceți o grosime Extrude mult mai mare și faceți clic pe OK.

Pasul 4

Puneți formele unul peste celălalt și faceți fie forma superioară, fie cea inferioară puțin mai mică sau mai mare decât cealaltă. În acest fel puteți spune că există două forme care cuprind coșul. Aceasta ar trebui să arate arta ta chiar acum.

Pasul 5

Pentru a manipula forma mai departe, va trebui mai întâi să mergeți la Object> Expand Appearance. Utilizând Instrumentul de selecție directă (A), glisați pentru a selecta punctele așa cum este evidențiat mai jos. Mutați punctele în interior puțin, astfel încât întregul coș este puțin mai ten cel mai jos.

Pasul 6

Asigurați-vă că mutați și punctele de pe marginea superioară a coșului.

Pasul 7

Vom aplica un gradient alb-negru în coșul nostru. Când lucrați cu negru asigurați-vă că utilizați un negru care are valori zero pentru R, G și B. Acest lucru vă va oferi un mult mai bogat negru.

Pasul 8

Selectați fața coșului și mergeți la Obiect> Cale> Cale de decolare. Introduceți aproximativ -10 și faceți clic pe OK. Aceasta va crea o zonă interioară cu aceleași proporții de formă mai mare. Apoi putem aplica două culori diferite formelor pentru a conferi coșului mai mult interes vizual.

Pasul 9

Dați celeilalte fețe ale coșului același tratament al traseului offset.

Pasul 10

Dacă doriți ca înclinațiile dvs. să fie consecvente pe mai multe forme decât să vă asigurați că selectați ambele forme în același timp. Am creat aspectul unei suprafețe foarte reflectante schimbând brusc culoarea în gradient. Obținerea unei reflecții realiste va face câteva experimente.

Pasul 11

Selectați zona interioară de pe fața coșului și mergeți la Edit> Edit Colors> Adjust Balance Balance. Introduceți 5 pentru fiecare valoare și faceți clic pe OK. Acest lucru va face ca culoarea albastră să fie cu 5% mai ușoară în zona selectată și să dea impresia unei modificări subtile a suprafeței obiectului.

Pasul 12

Așa va arăta opera voastră acum.

Pasul 13

Continuați să dați restul gradientilor de coș. Observați modul în care aspectul reflectorizant nu este prea exagerat. Tind să dau fiecărei fețe a coșului nu mai mult de o schimbare bruscă de culoare. Dar, desigur, au fost făcute reguli pentru a fi rupte. Încercați să încercați diferite unghiuri și intensități de culoare până când acestea vă aparțin. De asemenea, observați cum interiorul coșului nu folosește prea mult o reflexie, ci doar un gradient întunecat la lumină.

Pasul 14

Efectuarea găurilor care taie coșul este mai ușoară decât credeți. Utilizând instrumentul Pen (P), trageți o formă ca cea de mai jos. Asigurați-vă că urmați liniile coșului. Practic, asigurați-vă că liniile de sus sunt paralele cu partea superioară și inferioară a coșului, iar liniile laterale sunt paralele cu părțile laterale ale coșului.

Pasul 15

Copiați și lipiți forma și suprapuneți-le, după cum se arată mai jos. În Pathfinder selectați Subtract from Area Shape (Spațiul de formă) urmat de Expand (Expand).

Pasul 16

Veți fi lăsat cu o formă care arată ca marginea unei ferestre.

Pasul 17

Din moment ce forma ferestrei principale se află încă în clipboard, apăsați Option + F pentru a lipi forma ferestrei exact de unde ați copiat-o. Acum puteți utiliza această formă pentru a crea celelalte ferestre. Deoarece forma coșului se înclină în jos spre partea de jos, va trebui să reglați fiecare fereastră mereu - ușor - pentru a le face să arate corect. Utilizați Instrumentul de selecție directă pentru a regla fiecare formă de fereastră.

Pasul 18

Desenați ferestrele de pe cealaltă față a coșului.

Selectați fiecare formă de fereastră pe fața unei părți a coșului și dați-i simultan un gradient de culoare maro-negru. Acest lucru va garanta că gradientul este uniform și consistent în toate ferestrele.

Pasul 19

Pentru a face casetele care intră în coș mai întâi să deseneze o formă pătrată.

Pasul 20

Accesați Efect> 3D> Extrude & Bevel. Introduceți variabilele de mai jos și faceți clic pe OK.

Pasul 21

Copiați și lipiți casetele de câteva ori și schimbați adâncimea Extrude pentru a face diferite înălțimi ale cutiilor.

Pasul 22

Pentru a continua lucrul cu casetele, va trebui să le extindeți accesând Object> Expand Appearance. Foarte important: Ungroupați toate casetele până când nu le mai puteți dezgheța. Pentru a deselecta casetele, mergeți la Object> Ungroup.

Apoi, rotiți cutiile astfel încât acestea să fie în unghiuri ușor diferite. Dați-le un gradient cald maro, asigurându-vă că variați luminozitatea fiecărei părți a cutiei pentru a crea un aspect mai realist.

Pasul 23

Adăugați detalii mai detaliate copiind și lipiți partea de sus a casetei și utilizând Instrumentul de selecție directă pentru a remodela obiectul pentru a arăta ca o bucată de bandă. Umpleți forma cu alb și ajustați opacitatea din paleta de transparență la aproximativ 10%.

Pasul 24

Accesați Obiect> Cale> Cale de decalaj și introduceți -5, apoi faceți clic pe OK.

Pasul 25

Selectați forma interioară și reglați gradientul astfel încât să nu se amestece în cealaltă formă din spatele acesteia.

Pasul 26

O modalitate rapidă de a face să pară că cutiile se află în coș este de a aplica o mască de tăiere pe ele.

Utilizând instrumentul Pen, trageți o linie unde este linia punctată. Linia dvs. nu va avea nevoie de o culoare de umplere sau accident vascular cerebral. Linia roșie de mai jos este doar pentru reprezentare.

Pasul 27

Asigurați-vă că forma pe care tocmai ați atras-o este în fața cutiilor. Selectați toate casetele și selectați forma mască, apoi mergeți la Object> Mask Clipping> Make. Cutiile tale vor arăta instantaneu ca și cum ar fi în interiorul coșului!

Dacă doriți să modificați în continuare culoarea sau forma casetelor, faceți dublu clic pe ele pentru a intra în ceea ce se numește Modul de izolare (Illustrator CS3 și în sus) și ajustați-le la preferințele dvs..

Pasul 28

Creați câteva evidențieri pe coș, realizând mai întâi o formă de bază cu instrumentul Pen. Mergeți la Efect> Blur> Gaussian Blur și introduceți o variabilă care vă arată bine.

Pasul 29

Copiați și lipiți toate elementele până acum. Selectați copia pe care tocmai ați făcut-o și selectați Adăugați în zona de formare urmată de Extindere în paleta Pathfinder.

Pasul 30

Dați acestei forme o lovitură groasă. Setați capacele la Runda și Alăturați, așa cum este evidențiat mai jos. Apoi, dați formei o umbră de picătură, accesând Efect> Stylize> Drop Shadow.

Pasul 31

Puneți forma sub orice altceva.

Pasul 32

Puteți face cu ușurință această pictogramă într-un set prin schimbarea ferestrelor spre un gradient alb-negru și realizarea unei săgeți dintr-un triunghi și o formă pătrată.

Imagine finală

Aici este, icoane cosul final de cumpărături.