Creați pictograma Captain America Shield în Adobe Illustrator

Ce veți crea

Pentru început, veți învăța cum să configurați o rețea simplă, cum să creați principalele patru cercuri și cum să le plasați cu ușurință în centrul tabloului de bord. Folosind tehnici de bază de amestecare și de construcție a formei vectoriale, veți învăța cum să adăugați umbre subtile și o formă de stea simplă. Apoi, veți învăța cum să creați o rețea de gradienți destul de simplă. Profitând din plin de panoul Aspect și folosind câteva efecte de estompare simple, veți adăuga cele mai importante culori și texturi. În sfârșit, veți învăța cum să creați un fundal simplu, unele efecte Drop Shadow și o umbră lungă de decolorare.

1. Creați un document nou și configurați o rețea

Lovit Control-N pentru a crea un nou document. Selectați pixeli de la Unități meniul derulant, introduceți 600 în casetele de lățime și înălțime, faceți clic pe Avansat buton. Selectați RGB, Ecran (72ppi) și asigurați-vă că Aliniați obiectele noi la grila Pixel caseta nu este bifată înainte de a face clic O.K

Activați Grilă (Afișați> Afișați grilă) si Fixat la retea (Vizualizare> Snap to Grid). Pentru începători veți avea nevoie de o rețea în fiecare 5px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, introduce 5 în Grilă în fiecare și 1 în subdiviziunile cutie. De asemenea, trebuie să deschideți Info panou (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. Nu uitați să setați unitatea de măsură la pixeli de la Editați> Preferințe> Unități> Generale. Toate aceste opțiuni vor crește semnificativ viteza de lucru.

2. Creați principalele forme

Pasul 1

Alegeți Instrument de elipsă (L) și concentrați-vă pe Bara de instrumente Google. Îndepărtați culoarea din cursa, apoi selectați umplutura și setați culoarea la R = 228 G = 23B = 28. Deplasați-vă la Artboard și creați pur și simplu o 290px cerc.

Pasul 2

Dezactivați Grilă (Afișați> Ascundeți grila) si Fixat la retea (Vizualizare> Snap to Grid). În acest pas trebuie să vă centrați cercul roșu, deschideți astfel Alinia panou (Fereastra> Aliniere). Setați alinierea la Artboard (deschideți meniul derulant și mergeți la Afișați opțiunile dacă nu vedeți Aliniați la secțiune după cum se arată în imaginea următoare), apoi faceți clic pur și simplu pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. În final lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 3

Asigurați-vă că cercul dvs. roșu este selectat și mergeți la Obiect> Cale> Calea offset. Introduceți a -25px Offset și faceți clic pe O.K

Selectați forma rezultată, înlocuiți culoarea de umplere existentă cu alb (R = 255 G = 255 B = 255) și du-te din nou la Obiect> Cale> Calea offset. Introduceți a -25px Offset și faceți clic pe O.K

Asigurați-vă că este selectată forma rezultată, înlocuiți culoarea de umplere existentă cu R = 228 G = 23B = 28 și du-te încă o dată Obiect> Cale> Calea offset. Introduceți a -25px Offset și faceți clic pe O.K. Selectați forma nou creată și înlocuiți culoarea de umplere existentă cu R = 22 G = 77 B = 157.

Pasul 4

Mergi la Editați> Preferințe> Generale și asigurați-vă că Creșterea tastaturii este setat la 1px. Selectați cel mai mare cerc roșu și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 5px utilizați butonul săgeată sus din tastatură. Resetați ambele copii realizate în acest pas, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Minus Front buton. 

Asigurați-vă că forma rezultată rămâne selectată și că focalizați pe Aspect panou (Fereastră> Aspect). Setați culoarea de umplere la negru (R = 0G = 0B = 0), apoi faceți clic pe "Opacitate"bucată de text pentru a deschide Transparenţă panou flyout. Concentrați-vă pe Mod de amestecare drop-down meniul și setați-l la Lumina slaba.

Pasul 5

Resetați cel mai mare cerc roșu și faceți încă două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 10px folosind același buton săgeată sus de pe tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou. 

Asigurați-vă că forma rezultată rămâne selectată, focalizați pe Aspect panou și setați Mod de amestecare la Lumina slaba.

3. Creați forma de stea

Pasul 1

Activați Grilă (Afișați> Afișați grilă) si Fixat la retea (Vizualizare> Snap to Grid). Utilizarea Instrumentul dreptunghiular (M), creeaza o 130 x 45 pixeli forma, setați culoarea de umplere la alb și plasați-o după cum se arată în prima imagine. 

Concentrați-vă pe partea de jos a acestui nou dreptunghi, alegeți Ștergeți instrumentul pentru punctul de ancorare (-) și faceți clic pur și simplu pe punctul de ancorare din dreapta pentru al elimina. Continuați să focalizați pe partea de jos a formei noi, treceți la Instrumentul de selecție directă (A), selectați punctul de ancorare rămas și pur și simplu trageți-l 65px la dreapta. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.


Pasul 2

Utilizarea Instrumentul dreptunghiular (M), creaza un 80 x 125 pixeli forma, setați culoarea de umplere la alb și plasați-o după cum se arată în prima imagine. 

Concentrați-vă pe partea superioară a acestui nou dreptunghi, alegeți Ștergeți instrumentul pentru punctul de ancorare (-) și pur și simplu scoateți punctul de ancorare drept. Continuați să focalizați pe partea superioară a formei albe, noi și treceți la Instrumentul de selecție directă (A). Selectați restul punctului de ancorare și trageți-l 40px la dreapta. Resetați forma realizată în acest pas și mergeți la Obiect> Cale> Adăugați puncte de ancorare

Asigurați-vă că Instrumentul de selecție directă (A) este încă activ, selectați punctul de ancorare evidențiat în a treia imagine și pur și simplu trageți-l 30px sus. În cele din urmă, lucrurile ar trebui să arate ca în a patra imagine.

Pasul 3

Resetați cele două forme albe care alcătuiesc steaua și faceți clic pe Uni butonul din deschizător de drumuri panou.

Pasul 4

Asigurați-vă că forma stea este selectată, focalizați-vă pe Aspect selectați cursa existentă și setați culoarea la negru. 

Continuați să vă concentrați asupra noului dvs. accident vascular cerebral și faceți clic pe "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral panou flyout. Seteaza Greutate la 2px și verificați Aliniați Accident vascular cerebral la interior buton. Asigurați-vă că cursa este încă selectată, coborâți-o Opacitate la 3%, schimba Mod de amestecare la Multiplica și du-te la Efect> Cale> Cale de decalare. Introduceți a -7px Ofset și faceți clic pe O.K. Reveniți la Aspect panou, selectați întreaga cale (faceți clic pe "cale"bucată de text din partea de sus a Aspect panou) și mergeți la Efect> Warp> Fisheye. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

4. Creați o rețea radială

Pasul 1

Utilizarea Instrument de elipsă (L), creaza un nou 290px cerc și centralizați-l folosind Centrul de aliniere orizontală și Centrul de aliniere verticală butoane din Alinia panou. Asigurați-vă că această nouă formă rămâne selectată, deschideți Gradient panou (Fereastră> Gradient) și pur și simplu faceți clic pe miniaturile de gradient pentru a adăuga gradientul linear negru la alb. 

Continuați să vă concentrați asupra dvs. Gradient panou, deschideți Tip meniul derulant și selectați Radial. În final lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 2

Asigurați-vă că cercul cu gradient radial este încă selectat și mergeți la Obiect> Extindeți. Verifică Gradient Mesh apoi faceți clic pe O.K

Concentrați-vă pe straturi panou (Fereastră> Straturi), selectați grupul nou creat, Degrupeaza aceasta (Shift-Control-G) apoi lovit Alt-Control-7 (sau mergeți la Obiect> Mască de tăiere> Eliberați) pentru a elibera masca de tăiere existentă. Reveniți la straturi panou și pur și simplu ștergeți partea de sus 290px cerc (fosta cale de tăiere).


Pasul 3

Selectați plasa și deschideți Transforma panou (Fereastră> Transformați). Verifică Reduceți proporțiile lățimii și înălțimii apoi introduceți pur și simplu 290 în Lăţime (sau Înălţime) cutie.

Pasul 4

Dezactivați Grilă (Afișați> Ascundeți grila) si Fixat la retea (Vizualizare> Snap to Grid). Selectați-vă plasa, apucați-o Instrumentul cu ochiuri (U) și adăugați patru puncte noi, așa cum se arată în imaginea următoare.

Pasul 5

Alegeți Instrumentul de selecție directă (A) și să vă concentrați asupra ochiului dvs. Selectați punctele de plasă unul câte unul și înlocuiți culorile existente cu cele afișate în imaginea următoare.

Pasul 6

Asigurați-vă că rețeaua dvs. este încă selectată, focalizați-vă pe Transparenţă panou (Fereastră> Transparență) și schimbați Mod de amestecare la Multiplica.

5. Adăugați umbrirea și textura subtilă

Pasul 1

Utilizarea Instrument de elipsă (L), creaza un nou 290px cerc, setați culoarea de umplere la negru și centrați-o folosind Centrul de aliniere orizontală și Centrul de aliniere verticală butoane din Alinia panou.

Pasul 2

Asigurați-vă că cercul dvs. negru rămâne selectat și că focalizați pe Aspect panou. Selectați umplerea existentă, schimbați Mod de amestecare la Acoperire și du-te la Efect> Cale> Cale de decalare. Introduceți a -2px Offset, clic O.K și du-te la Efect> Artistic> Film Cereal. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și du-te la Efect> Blur> Blur radial. Introduceți atributele afișate mai jos și faceți clic pe O.K.

Pasul 3

Resetați cercul din față, focalizați-vă pe Aspect și adăugați oa doua umplere folosind Adăugați o nouă umplere (indicat de cercul albastru din imaginea următoare). Selectați această umplere nouă, micșorați-o Opacitate la 70%, schimba Mod de amestecare la Multiplica și adăugați gradientul radial prezentat în imaginea următoare. Rețineți că numerele galbene din Gradient imagine stand pentru Opacitate procent, în timp ce numerele albe sunt valabile Locație procent. Acest lucru înseamnă pur și simplu că trebuie să selectați fiecare glisor gradient, concentrați-vă pe Opacitate & Locație cutii din Gradient și introduceți numerele de mai jos.

Pasul 4

Resetați cercul din față, focalizați-vă pe Aspect și adăugați o 1px, negru accident vascular cerebral. Selectați această curbă subtilă, aliniați-o în interior, coborâți Opacitate la 15% și schimbați Mod de amestecare la Acoperire

Asigurați-vă că cercul din față rămâne selectat, continuați să focalizați pe Aspect și adăugați un al doilea curs utilizând Adăugați un accident vascular cerebral nou (indicat de cercul albastru din imaginea următoare). Selectați această curbă nouă, setați culoarea alb și Greutate la 1px, aliniați-l spre interior, schimbați-l Mod de amestecare la Lumina slaba și du-te la Efect> Cale> Cale de decalare. Introduceți a -1px Offset și faceți clic pe O.K.

Pasul 5

Activați Grilă (Afișați> Afișați grilă) si Fixat la retea (Vizualizare> Snap to Grid). Utilizarea Instrument de elipsă (L), creeaza o 130 x 60 pixeli forma, setați culoarea de umplere în negru și plasați-o după cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată, micșorați-o Opacitate la 60%, schimba Mod de amestecare la Multiplica și du-te la Efect> Blur> Gaussian Blur. Introduceți a Radius 20px și faceți clic pe O.K.

Pasul 6

Utilizarea Instrument de elipsă (L), creeaza o 140 x 75px forma, setați culoarea de umplere la alb și plasați-o după cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată, micșorați-o Opacitate la 20%, schimba Mod de amestecare la Color Dodge și du-te la Efect> Blur> Gaussian Blur. Introduceți a 15px Radius și faceți clic pe O.K.

6. Adăugați fundalul și o umbra lungă

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creaza un nou 610px pătrat, setați culoarea de umplere la R = 50 G = 55 B = 70 și centrați-l folosind Centrul de aliniere orizontală și Centrul de aliniere verticală butoane din Alinia panou. 

Asigurați-vă că această nouă formă rămâne selectată, focalizați-vă pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă, setați culoarea în negru, micșorați-o Opacitate la 10%, schimba Mod de amestecare la Multiplica și du-te la Efect> Artistic> Film Cereal. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 2

Resetați cel mai mare cerc roșu și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de sus, din stânga (în imaginea următoare), faceți clic pe O.K și du-te din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de sus, din dreapta, faceți clic pe O.K și du-te din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din partea de jos, din stânga, faceți clic pe O.K și du-te încă o dată Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din partea de jos, din dreapta și dați clic pe O.K.

Pasul 3

Utilizarea Instrumentul dreptunghiular (M), creați un 290 x 305 px forma, setați culoarea de umplere în negru și plasați-o după cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată și se concentrează pe Aspect panou. Coboară-i Opacitate la 15%, schimba Mod de amestecare la Lumina slaba și înlocuiți culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea următoare. Nu uitați că zero alb de la Gradient imaginea reprezintă Opacitate procent.

Felicitări! Ați terminat!

Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.