Share
În acest tutorial vom folosi o combinație de ambarcațiuni și instrumentele 3D ale Illustratorului pentru a crea o pictogramă de prim ajutor. Puteți folosi tehnicile pe care le învățați în acest tutorial pentru a crea iconițe cutie rotunjită realistă la alegere. Acest lucru funcționează bine pentru icoane complexe la dimensiuni mari și se scindează frumos.
Mai jos este imaginea finală la care vom lucra. Doriți acces la fișierele vectoriale Source și copiile descărcate ale fiecărui tutorial, inclusiv acesta? Alăturați-vă Vector Plus pentru doar 9 $ pe lună.
Deschideți un document nou și selectați instrumentul Rectangle (M). Creați un dreptunghi și completați-l cu roșu.
Ai ajuns la efect> Stylize> Round Corners și aplică o rază de 30pt la dreptunghi. Accesați Obiect> Extindeți aspectul. Aceasta va aplica colțurile rotunjite. Faceți o copie a formei, deoarece vom avea nevoie mai târziu.
Acum mergeți la Efect> 3D> Extrude & Bevel și aplicați setările pe care le vedeți în imaginea de mai jos. Asigurați-vă că adăugați o evidențiere suplimentară și o înclinare.
Accesați Efect> Stylize> Drop Shadow și alegeți setările pe care le vedeți în imaginea de mai jos.
Creați un dreptunghi plin cu gri. Aceasta va deveni crucea pentru pictograma primului ajutor. I-am umplut cu gri pentru acum, dar mai târziu o vom schimba la alb.
Selectați dreptunghiul, apăsați Command + C + F (aceasta va lipi obiectul de sus) și apoi selectați-l cu Instrumentul de selecție (V) și rotiți-l cu 45 de grade.
Selectați cele două dreptunghiuri și aplicați opțiunea Unite din paleta Pathfinder.
Aplicați un alt efect de colț rotund (consultați Pasul 2) și setați raza la 12pt.
Odată ce forma a fost extinsă (Object> Expand Appearance), umpleți-o cu alb.
Cu crucea selectată, deschideți Paleta simbolurilor și trageți crucea în ea. Denumiți-l "Cross" și setați tipul la Graphic.
Reveniți la caseta roșie și deschideți paleta Aspect. Acolo, faceți dublu clic pe stratul 3D Extrude & Bevel pentru a edita efectul. În fereastra pop-up, faceți clic pe Map Art, alegeți "suprafața 1" și selectați "Cross" pe care tocmai l-am adăugat în Paleta simbolurilor. Plasați-l în mijlocul casetei.
Aceasta este ceea ce avem până acum pentru pictograma primului ajutor.
Să creăm o iluzie a separării de cutie, așa că pare să aibă un vârf și un fund care se deschide. Faceți copia dreptunghiului pe care l-am făcut în Pasul 2 și setați umplerea la zero și cursa la 1pt roșu.
Selectați obiectul și mergeți la Object> Path> Outline stroke.
Aplicați aceleași setări 3D Extrude & Bevel de la Pasul 3, dar nu adăugați nici o Bevel și setați Extrude Depth la 5pt.
Creați un dreptunghi și completați-l cu un gradient alb-negru. Plasați-o pe partea de sus a dreptunghiului pe care tocmai l-am creat. Asigurați-vă că setați direcția de înclinare așa cum vedeți în imaginea de mai jos. Vom adăuga o mască de opacitate, iar negrul va ascunde obiectul, iar culoarea albă o va arăta.
Selectați obiectul și gradientul și mergeți la paleta Transparency și faceți clic pe săgeata mică din partea dreaptă și aplicați Opacity Mask.
Ar trebui să arate așa.
Acum deplasați obiectul deasupra casetei.
Să mergem la casetele din cutie. Creați trei forme similare pe care le vedeți în imaginea de mai jos. Aceste obiecte sunt destul de ușor de creat. Umpleți-le cu gri și obiectul compus cu un gradient de negru la alb.
Aplicați din nou o Extrudare 3D & Bevel.
Odată ce ați aplicat efectul 3D asupra tuturor celor trei obiecte, mutați-le împreună. Aceste trei obiecte formează clema pentru cutia de prim ajutor.
Grupați cele trei forme (Command + G) și faceți o copie. Apoi puneți-le pe partea din față a cutiei de prim ajutor.
Nu în ultimul rând, creați o formă cu instrumentul Pen (P) și completați-o cu un gradient liniar alb-gri-alb. Puneți-o pe partea superioară a casetei și setați opacitatea din Paleta transparenței la 80%. Acesta va fi punctul culminant al pictogramei de prim ajutor.
Aceasta este imaginea finală. Creez o versiune de 384px, 192px, 64px și 32px. Chiar și la 32px, pictograma primul ajutor este până la recunoaștere. Sper că te-ai distrat creând această mică icoană.
Abonați-vă la Vectortuts + RSS Feed pentru a rămâne la curent cu cele mai recente tutoriale vectoriale și articole.
Accentsconagua