Share
În acest tutorial vă voi arăta cum să creați o pastilă pictogramă detaliată pas cu pas utilizând instrumentele Illustrator, cum ar fi: instrumentul Rectangle, instrumentul Ellipse, gradienții, pathfinder, precum și o utilizare judicioasă a Gaussian Blur și amestecuri.
Deschideți un document nou. Acum, luați instrumentul dreptunghiului (M) și trageți un dreptunghi cu dimensiunea W = 195 cu H = 457 cu colțuri rotunjite și un rază de 30px.
Cu forma selectată de la Pasul 1 selectați-o cu un gradient liniar, folosind culorile R = 61 G = 56 B = 52 până la R = 22 G = 20 B = 21.
Luați instrumentul dreptunghiului (M) și trageți un alt dreptunghi cu dimensiunea W = 162 cu H = 395 cu colțuri rotunjite Radius de 80px. Imediat după aceasta mergeți la Object> Expandați aspectul și completați forma cu R = 27 G = 18 B = 15 culori.
Selectați forma din pasul anterior și accesați Obiect> Cale> Cale de decolare. Setați offsetul la -20px, faceți clic pe OK, apoi schimbați culoarea formei noi în R = 207 G = 186 B = 185 și mutați forma 2px spre stânga și 10px în sus.
Cu forma din etapa anterioară selectată, mergeți din nou la Object> Path> Path Offset. Setați Offset-ul la -5px, faceți clic pe OK, mutați forma 14px în sus și modificați culoarea de umplere pe negru. Acum faceți o altă copie a formei cu culoarea mai deschisă, apoi selectați copia și forma pe care ați mutat-o cu 14px în sus. Deschideți panoul Pathfinder (Window> Pathfinder) și faceți clic pe butonul Intersect.
Selectați forma din pasul anterior pe care ați completat-o cu o culoare neagră și reveniți din nou la Obiect> Cale> Cale de decalare. Setați Offset-ul la -5px, faceți clic pe OK și mutați forma care a apărut după ce ați aplicat Offset 7px în sus. Acum se umple cu culori gradient liniar R = 66 G = 54 B = 53 până la R = 50 G = 40 B = 38.
Până acum ar trebui să arate așa cum se arată mai jos. Încă nu pare un caz, desigur, dar în etapele următoare îi vom da aspectul unui caz și vom adăuga detalii.
Faceți o copie a formei de la Pasul 3 cu Command + C, apoi lipiți cu Command + F și faceți-o invizibilă făcând clic pe ochiul de lângă calea copiei. Acum, selectați forma de la Pasul 3 și aplicați Gaussian Blur la acesta cu un rază de 30px.
Acum, selectați forma cu culoarea luminii și aplicați Gaussian Blur cu raza de 31px, după cum se arată mai jos:
Continuăm să aplicăm Gaussian Blur în următoarele forme, după cum se arată în imaginea de mai jos:
Aplicăm de asemenea Gaussian Blur la forma de sus cu un rază de 30px.
Acum, selectați ultimele trei forme pe care le-ați aplicat Gaussian Blur și mergeți la Object> Blend> Blend Options și setați Spacing la Pașii specificați de 8 și faceți clic pe OK.
Acum faceți vizibilă copia de la Pasul 3 și mutați-o pe toate celelalte (Object> Arrange> Bring to Front). Apoi dezactivați Culoarea de umplere și aplicați un Stroke de 2px cu o culoare neagră.
Copiați forma din pasul anterior cu Command + C și apoi lipiți cu Command + F. Acum, deschideți panoul Stroke (Window> Stroke), aplicați setările după cum se arată mai jos și completați-l cu un gradient liniar.
Selectați toate formele pe care le-ați realizat până acum și grupați-le (Object> Group).
Luați instrumentul dreptunghiului (M) și trageți un dreptunghi într-o culoare neagră în partea superioară a grupului. Partea pe care o vom ascunde cu o mască. Acum, selectați grupul și dreptunghiul negru. Deschideți panoul Transparență, dați clic pe butonul Faceți masca și îndepărtați semnul de selectare din Clip, după cum se arată.
Puteți sări peste acest pas, dar am decis să ascund partea superioară a grupului doar pentru caz.
Luați instrumentul dreptunghiular (M), trageți un dreptunghi cu dimensiunea de W = 211px cu H = 89px, cu colțuri rotunjite de 13px. Imediat după aceasta, mergeți la Object> Expand Appearance.
Desenați un alt dreptunghi peste cel anterior cu dimensiunea W = 211px cu H = 374px cu colțuri rotunjite 100px și mergeți la Object> Expand Appearance.
Acum, plasați formele unul peste celălalt, după cum se arată mai jos, apoi selectați ambele forme, deschideți panoul Pathfinder și faceți clic pe butonul Divide.
Acum trebuie să ștergem partea superioară a formei. Pentru a face acest lucru deschideți grupul care a apărut după aplicarea Divide, găsiți calea pentru partea superioară și ștergeți-o.
Acum, selectați ambele forme, deschideți panoul Pathfinder și faceți clic pe butonul Add to Shape Area.
Plasați forma care a apărut în partea superioară a carcasei, după cum se arată mai jos, și completați-o cu un gradient liniar. Aveți nevoie de 3 glisante cu gradient. Pentru primul set R = 45 G = 35 B = 34, pentru al doilea R = 111 G = 92 B = 91, cu localizare 14%, iar pentru al treilea R = 50 G = 40 B = 38, cu Unghi -90 grade.
Cu ultima formă pe care ați umplut-o cu un gradient liniar selectat, mergeți la Object> Path> Path Offset. Setați Offset -18px, faceți clic pe OK, apoi cu Instrumentul de selectare directă (A) selectați punctele superioare ale formei și apăsați pe tasta Delete. Apoi, din nou, utilizați Instrumentul de selecție directă (A) pentru a aluneca punctele superioare ale formei spre partea de sus a formei de la pasul 21, după cum se arată mai jos:
După ce ați alunecat deja punctele superioare în partea de sus a formei de la Pasul 21, opriți culoarea de umplere și aplicați Stroke 3px cu o culoare neagră.
Copiați forma de la pasul anterior cu Command + C și lipiți cu Command + F. Acum, reduceți culoarea Stroke la 1px și aplicați setările din panoul Stroke așa cum se arată mai jos. Umpleți-l cu un gradient liniar așa cum se arată:
Copiați forma de la Pasul 21 cu Command + C, apoi plasați-o sub original cu Command + B. Schimbați culoarea în Negru și micșorați puțin dimensiunea. Mutați-o cu câțiva pixeli în jos și aplicați Blur gaussian cu un rază de 10 pixeli. Modificați, de asemenea, Modul de amestecare de la Normal la Înmulțire și setați opacitatea la 60%.
Luați instrumentul Ellipse (L), trageți un cerc cu dimensiunea W = 59px cu H = 59px și culoarea Negru, apoi puneți-l în poziția indicată mai jos:
Cu forma din etapa anterioară selectată, mergeți la Object> Path> Path Offset. Setați offsetul la -3px, faceți clic pe OK și schimbați culoarea la R = 19 G = 19 B = 19.
Copiați forma din pasul anterior cu Command + C și lipiți cu Command + F. Luați instrumentul Rectangle (M), trageți un dreptunghi în partea inferioară a copiei, apoi selectați copia și dreptunghiul. Acum deschideți panoul Pathfinder și faceți clic pe butonul Minus Front. Umpleți forma cu o culoare albă și setați opacitatea la 50%.
Și la sfârșit puteți adăuga un fundal, o reflecție și o umbră în orice fel doriți. Iată rezultatul final:
Accentsconagua