Cum se creează o pictogramă de aplicație în Illustrator

Feb 6, 2026

să

Pagina 1 din 2:

Cum se creează o pictogramă de aplicație în Illustrator: Pași 01-11

Cum se creează o pictogramă de aplicație în Illustrator: Pași 01-11
Cum se creează o pictogramă de aplicație în Illustrator: Pași 12-23

In acest Illustrator Tutorial. , Vă voi arăta cum să creați o pictogramă a aplicației Calculator în Adobe Illustrator CC. . Vom folosi diferite instrumente de formă, un instrument Pen, împreună cu caracteristicile 3D ale ilustratorului. Sperăm că veți învăța câteva sfaturi la îndemână de-a lungul drumului.

De asemenea, va trebui să descărcați câteva Fonturi gratuite Pentru acest tutorial: DS-Digital. și Bebas Neue. . Dacă nu o aveți deja, puteți obține Adobe Creative Cloud aici .

Dar mai întâi, să aruncăm o privire la rezultatul final:

01. Deschideți un document

illustrator font icon — Faceți clic pe imagine pentru a mări

Creați un nou document în Illustrator cu lățimea de 600px și înălțimea de 450px.

02. Creați fundalul

illustrator app icon — Faceți clic pe imagine pentru a mări

Selectați instrumentul dreptunghi (M) și alegeți # 44484D. Umpleți culoarea pentru a desena un dreptunghi care acoperă panza ca fundal.

03. Faceți baza

Vom începe prin crearea bazei pictogramei. Deci, selectați instrumentul dreptunghi (M) și faceți clic pe fereastra de opțiuni pentru opțiuni pentru a vizualiza Canvas. Introduceți lățimea de 280px, înălțimea de 265px și apăsați OK pentru a desena un dreptunghi așa cum se arată mai jos. Alege # E7ded0. ca culoarea de umplere.

Apoi, o vom transforma într-un dreptunghi rotunjit. Selectați acest dreptunghi cu ajutorul instrumentului de selecție (V) orbite, făcând clic pe ținta în formă de inel în partea dreaptă a stratului respectiv. Și mergeți la efect & GT; Stilize & gt; Colțuri rotunde. Introduceți 50px pentru rază și apăsați OK.

Click image to enlarge — Faceți clic pe imagine pentru a mări

04. Setați efectul

Selectați acest dreptunghi și mergeți la efect & GT; 3d & gt; Extrude & amp; Teșit. Aplicați aici setări date.

05. Aplicați un gradient

Pentru a aplica gradient subtil peste bază, trageți un dreptunghi care acoperă întreaga formă 3D utilizând orice culoare de umplere. Acum o convertiți într-un dreptunghi rotunjit cu o rază de colț de 50px.

Acum înlocuiți umplerea cu un gradient alb-negru alb-negru utilizând unelte de gradient (G). Modificați modul de amestecare la arsuri de culoare cu o opacitate de 20% în panoul Transparency (Shift + Ctrl + F10).

06. Creați un alt dreptunghi

Apoi, desenează un alt dreptunghi cu lățimea de 280px și înălțimea de 178px utilizând # E9E3D9 umple culoarea și cursa de culoare albă. Alegeți o greutate de 1pt de la bara de control de sus.

Acum o convertiți într-un dreptunghi rotunjit prin rază de 40px.

După aceea, aplicați un gradient pe acesta și modificați modul de amestecare pentru a multiplica cu o opacitate de 50% în panoul de transparență (Shift + Ctrl + F10).

07. Faceți dreptunghi rotunjit

Desenați un alt dreptunghi de 230px cu înălțime 35px utilizând # BCBA95 Culoare de umplere și pentru accident vascular cerebral Aplicați lumina la gradient gri închis, după cum se arată mai jos. Selectați greutatea 3pt de la bara de control superioară.

Convertiți acest dreptunghi într-un dreptunghi rotunjit prin rază de colț de 10px.

08. Faceți un efect strălucitor

Apoi, selectați acest nou dreptunghi și mergeți la Window & GT; Aspect pentru a vizualiza panoul de aspect sau apăsați Shift + F6. Acum selectați atributul de umplere și faceți clic pe pictograma elementului selectat duplicat din partea de jos a aspectului pentru a duplica umplerea. Și înlocuiți această nouă umplere cu Black & Amp; Gradient alb la 90 de grade, după cum se arată mai sus.

Păstrați acest dreptunghi selectat și mergeți la efect & GT; Stilize & gt; Stralucire interioara. Aplicați aici setări date. Odată ce ați terminat, schimbați modul de amestecare a gradientului pentru a multiplica cu o opacitate de 30%.

09. Copiați dreptunghiul

Selectați acest nou dreptunghi și apăsați Ctrl + C pentru a copia și apăsați Ctrl + B pentru a lipi înapoi. Trageți această copie 1-2 pași în jos. Acum, eliminați atributele de umplere tragând-le pentru a șterge pictograma din panoul de jos al aspectului și dați-l 3pt # D1D2D4. culoare.

10. Adăugați text

Apoi, vom adăuga un text pe ecran. Alegeți instrumentul de tip (T) pentru a introduce textul utilizând # 404041. umpleți culoarea. Am folosit fontul DS-digital aici.

Acum apăsați Ctrl + C pentru a copia și apăsați Ctrl + B pentru a lipi înapoi. Trageți textul copiat 1-2 pași în jos și modificați culoarea de umplere la # 808284. .

11. Faceți baza

Apoi, vom crea baza butonului. Selectați instrumentul dreptunghi pentru a desena un dreptunghi cu următoarele dimensiuni utilizând # 847D72. Umpleți culoarea și aceeași lumină la gradientul gri închis pe cursa așa cum este utilizat la pasul 7. Cu toate acestea, alegeți 1pt greutate de accidiu aici.

Și transformați-o într-un dreptunghi rotunjit prin rază de 25px.

După aceea, duplicați atributul de umplere în panoul de aspect și aplicați Black & Amp; Gradient alb la 90 de grade. Modificați modul de amestecare pentru a multiplica cu o opacitate de 50%.

Pagina următoare: Pașii finali pentru crearea unei aplicații de pictograme în Illustrator ...

Pagina curenta: Cum se creează o pictogramă de aplicație în Illustrator: Pași 01-11

Pagina următoare Cum se creează o pictogramă de aplicație în Illustrator: Pași 12-23

Cum se creează o pictogramă de aplicație în Illustrator

01. Deschideți un document

02. Creați fundalul

03. Faceți baza

04. Setați efectul

05. Aplicați un gradient

06. Creați un alt dreptunghi

07. Faceți dreptunghi rotunjit

08. Faceți un efect strălucitor

09. Copiați dreptunghiul

10. Adăugați text

11. Faceți baza

să - Cele mai populare articole

Cum să simplificați crearea de forme a amestecului în Maya

Cum se rezolvă un design complicat

Folosiți instrumentul Pen și textul pentru a adăuga adâncimea în Photoshop

10 Reguli pentru realizarea formularelor web prietenoase

Ia-ți capul în jurul valorii de reacția cu acești cinci factori

Creați cadre de stil în Photoshop

10 Reguli de aur pentru SVG-urile responsabile

Sfaturi de top pentru sculptarea unei creaturi în Zbrush

Categorii