Cum se creează un fermoar deschis și închis în Adobe Illustrator

În următorul tutorial veți afla cum să creați o ilustrare simplă a fermoarului în Adobe Illustrator. Vom crea forme de început utilizând Instrumentul dreptunghiular, panoul Pathfinder și câteva tehnici de construcție a formei de bază. Apoi, vom continua să adăugăm detaliile folosind efectele Transform și Drop Shadow împreună cu câteva tehnici de amestecare de bază. Pentru ultimele atingeri vom folosi câteva efecte Warp, panoul Aspect și un model simplu încorporat.


Pasul 1

Apăsați Command + N pentru a crea un document nou. Introduceți 600 în caseta de lățime și 800 în caseta de înălțime, apoi faceți clic pe butonul Avansat. Selectați RGB, Screen (72ppi) și asigurați-vă că caseta "Align New Objects to Pixel Grid" nu este bifată înainte de a da clic pe OK.

Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Veți avea nevoie de o rețea la fiecare 1px. Pur și simplu mergeți la Edit> Preferences> Guides> Grid, introduceți 5 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni. De asemenea, puteți deschide panoul Informații (fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor. Nu uitați să setați unitatea de măsură pe pixeli din Editare> Preferințe> Unitate> General. Toate aceste opțiuni vor crește semnificativ viteza de lucru.


Pasul 2

Cu ajutorul instrumentului dreptunghi (M), setați culoarea de umplere la R = 237 G = 203 B = 72 și creați o formă de 7 x 12px. Continuați cu Instrumentul dreptunghi (M), creați un patrat de 4px și plasați-l așa cum se arată în a doua imagine. În cele din urmă, creați o formă de 4 x 8px și plasați-o după cum se arată în a treia imagine. Selectați toate cele trei forme, deschideți panoul Pathfinder și faceți clic pe butonul Unite.


Pasul 3

Selectați forma realizată în etapa anterioară și mergeți la Object> Path> Path Offset. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în sus utilizând săgeata sus de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați grupul de forme care rezultă, transformați-l într-o Cale compusă (Object> Compound Path> Make) și umpleți-l cu R = 200 G = 136 B = 26.


Pasul 4

Selectați forma realizată în al doilea pas și mergeți la Obiect> Cale> Cale de decalare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în jos utilizând săgeata în jos de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați grupul de forme care rezultă, transformați-l într-o Cale compusă (Object> Compound Path> Make), umpleți-l cu alb și modificați Modul de amestecare pe Overlay.


Pasul 5

Selectați forma realizată în al doilea pas și focalizați pe panoul Aspect. Adăugați o cursă de 1 pt, aliniați-o în interior și setați culoarea la R = 208 G = 154 B = 62. Resetați această formă galbenă împreună cu cele două căi combinate făcute în ultimele două etape și grupați-le (Control + G). Selectați acest nou grup și mergeți la Object> Transform> Reflect. Verificați butonul Vertical și faceți clic pe butonul Copy (Copiere). Aceasta va crea o copie a grupului orizontal răsturnată. Selectați-o și plasați-o așa cum se arată în a patra imagine.


Pasul 6

Selectați ambele grupuri făcute în etapa anterioară și accesați Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.


Pasul 7

Resetați cele două grupuri editate în etapa anterioară și grupați-le (Control + G). Selectați acest nou grup și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de sus, faceți clic pe OK și reveniți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de jos și faceți clic pe OK.


Pasul 8

Concentrați-vă pe partea de jos a grupului efectuată în etapa anterioară. Cu ajutorul instrumentului Rectangle (M), creați o formă de 24 x 10px, umpleți-o cu R = 208 G = 154 B = 62 și așezați-o așa cum se arată în imaginea următoare. Asigurați-vă că acest dreptunghi galben este selectat și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK și mergeți la Efect> Warp> Arc Upper. Introduceți proprietățile afișate mai jos, faceți clic pe OK și accesați Object> Expand Appearance.


Pasul 9

Selectați forma realizată în etapa anterioară și mergeți la Object> Path> Path Offset. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în sus utilizând săgeata sus de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 200 G = 136 B = 26.


Pasul 10

Selectați forma făcută în etapa a opta și accesați Obiect> Cale> Cale de decolare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în jos utilizând săgeata în jos de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați Modul de amestecare în Suprapunere.


Pasul 11

Resetați forma efectuată în etapa a opta și focalizați pe panoul Aspect. Adăugați o cursă de 1 pt, aliniați-o în interior și setați culoarea la R = 208 G = 154 B = 62.


Pasul 12

Resetați toate formele făcute în ultimii patru pași și grupați-i (Control + G). Selectați acest nou grup și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din stânga, faceți clic pe OK și reveniți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din dreapta și faceți clic pe OK.


Pasul 13

Focalizați pe panoul Straturi și deschideți grupul realizat în etapa a șaptea. Selectați subgrupul de jos și faceți o copie în față (Control + C> Control + F). Selectați acest grup nou și trageți-l în afara grupului principal, în partea de sus a panoului Straturi. Asigurați-vă că noul dvs. grup este încă selectat, plasați-l după cum se arată în prima imagine, apoi focalizați pe panoul Aspect. Mai întâi, deschideți efectul de transformare existent și editați-l după cum se arată în imaginea următoare, apoi adăugați efectul Drop Shadow prezentat mai jos.


Pasul 14

Selectați grupul realizat în pasul anterior și accesați Object> Transform> Reflect. Verificați butonul Vertical și faceți clic pe butonul Copy (Copiere). Selectați acest grup nou creat, glisați-l spre dreapta și plasați-l așa cum se arată în a treia imagine. Asigurați-vă că acest grup nou este încă selectat și că vă concentrați pe panoul Aspect. Deschideți efectul Drop Shadow existent și editați-l după cum se arată în imaginea următoare.


Pasul 15

Concentrați-vă pe partea superioară a grupului efectuată în etapa anterioară. Alegeți instrumentul Rectangle (M) și creați o formă de 14x7px. Umpleți-o cu R = 237 G = 203 B = 72, plasați-o așa cum se arată în prima imagine și mergeți la Efect> Stylize> Corners Rounded. Introduceți o rază de 2 pixeli, faceți clic pe OK și mergeți la Object> Expand Appearance.


Pasul 16

Selectați forma realizată în etapa anterioară și mergeți la Object> Path> Path Offset. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în sus utilizând săgeata sus de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 200 G = 136 B = 26.


Pasul 17

Selectați forma făcută în pasul al cincilea și mergeți la Object> Path> Path Offset. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în jos utilizând săgeata în jos de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați Modul de amestecare în Suprapunere.


Pasul 18

Reluați forma efectuată în pasul al cincilea și focalizați pe panoul Aspect. Adăugați o cursă de 1 pt, aliniați-o în interior și setați culoarea la R = 208 G = 154 B = 62. Selectați acest dreptunghi rotunjit împreună cu cele două forme realizate în ultimii doi pași și grupați-i (Control + G). Selectați acest nou grup și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în a doua imagine și faceți clic pe OK. Efectuați o copie a acestui grup (Control + C> Control + F), glisați-o spre stânga și plasați-o după cum se arată în a treia imagine.


Pasul 19

Selectați toate formele create până acum și duplicați-le (Control + C> Control + F). Selectați toate aceste copii și trageți-le cu câțiva pixeli spre dreapta, așa cum se arată în prima imagine. Concentrați-vă pe acest nou fermoar, selectați cele două grupuri indicate în prima imagine și pur și simplu le ștergeți. În cele din urmă, al doilea dvs. zip ar trebui să arate ca în a doua imagine.


Pasul 20

Concentrați-vă pe cel de-al doilea fermoar realizat în pasul anterior. Selectați cele două grupuri evidențiate în prima imagine și accesați Object> Expand Appearance. Grupați formele rezultate și mergeți la Effect> Warp> Arc. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe OK și accesați Object> Expand Appearance.


Pasul 21

Selectați grupul de forme realizat în pasul anterior și accesați Obiect> Transformare> Rotire. Introduceți un unghi de 18 grade și faceți clic pe OK. Plasați acest grup așa cum se arată în a doua imagine.


Pasul 22

Selectați grupul editat în pasul anterior și accesați Object> Transform> Reflect. Verificați butonul Vertical și faceți clic pe butonul Copy (Copiere). Selectați grupul nou creat și plasați-l așa cum se arată în a treia imagine.


Pasul 23

Cu ajutorul instrumentului Rectangle (M), creați o formă de 18 x 170px, umpleți-o cu R = 80 G = 80 B = 80 și așezați-o după cum se arată în prima imagine. Continuați cu Instrumentul dreptunghiular (M), creați o formă de 18 x 185px, umpleți-o cu R = 80 G = 80 B = 80 și așezați-o așa cum se arată în prima imagine. Selectați ambele dreptunghiuri și trimiteți-le înapoi (Shift + Control + [).


Pasul 24

Selectați dreptunghiul din stânga făcut din pasul anterior și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 3px, faceți clic pe OK și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK și focalizați pe panoul Aspect. Selectați umplerea și accesați Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.


Pasul 25

Selectați celălalt dreptunghi gri și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 15px, faceți clic pe OK și mergeți la Efect> Warp> Arc. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe OK și accesați Efect> Warp> Shell Upper. Introduceți proprietățile afișate mai jos, faceți clic pe OK și accesați Efect> Stylise> Drop Shadow. Introduceți datele afișate în imaginea următoare, faceți clic pe OK și focalizați pe panoul Aspect. Selectați umplerea și accesați Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.


Pasul 26

Cu ajutorul instrumentului Rectangle (M), creați o formă de 28 x 70px, umpleți-o cu gradientul liniar prezentat mai jos și mergeți la Efect> Stylize> Rounded Corners. Introduceți o rază de 3 pixeli, faceți clic pe OK și treceți la Efect> Warp> Aproape. Introduceți datele afișate în imaginea de mai jos, faceți clic pe OK și accesați Object> Expand Appearance.


Pasul 27

Selectați forma realizată în etapa anterioară și mergeți la Object> Path> Path Offset. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în jos utilizând săgeata în jos de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați Modul de amestecare în Suprapunere.


Pasul 28

Selectați forma realizată în etapa a douăzeci și șase și mergeți la Obiect> Cale> Cale de decolare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în sus utilizând săgeata sus de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 200 G = 136 B = 26.


Pasul 29

Selectați forma realizată în etapa a douăzeci și șase, focalizați pe panoul Aspect și adăugați un curs de 3 pt. Selectați-l, setați culoarea la R = 208 G = 154 B = 62, aliniați-o spre interior și coborâți Opacitatea la 25%. Continuați să focalizați pe panoul Aspect și adăugați un al doilea curs pentru această formă utilizând butonul Adăugați un nou curs (indicat de săgeata mică, albastră). Selectați această curgere nouă, faceți 2p lat, setați culoarea la R = 208 G = 154 B = 62, aliniați-o spre interior și coborâți Opacitatea la 25%. Adăugați un al treilea curs pentru forma, lățimea 1pt, aliniați-o în interior și setați culoarea la R = 208 G = 154 B = 62.


Pasul 30

Focalizați pe partea superioară a formei editată în etapa anterioară. Cu ajutorul instrumentului Rectangle (M), creați o formă de 28x30px, umpleți-o cu gradientul liniar prezentat mai jos, plasați-o după cum se arată în imaginea următoare și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 3 pixeli, faceți clic pe OK și treceți la Efect> Warp> Aproape. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe OK și accesați Object> Expand Appearance.


Pasul 31

Selectați forma realizată în etapa anterioară și mergeți la Object> Path> Path Offset. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în jos utilizând săgeata în jos de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați Modul de amestecare în Suprapunere.


Pasul 32

Selectați forma realizată în treapta treizeci și mergeți la Obiect> Cale> Cale de decalare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și mutați-o cu 1px în sus utilizând săgeata sus de pe tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 200 G = 136 B = 26. Resetați forma efectuată în treapta treizeci și focalizați pe panoul Aspect. Adăugați o cursă de 1 pt, aliniați-o în interior și setați culoarea la R = 208 G = 154 B = 62.


Pasul 33

Alegeți instrumentul Rectangle (M) și creați o formă de 14 x 32 pixeli. Completați-l cu gradientul liniar prezentat mai jos, plasați-l așa cum se arată în imaginea următoare și accesați Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 1px, faceți clic pe OK și accesați Object> Expand Appearance.


Pasul 34

Selectați forma realizată în etapa anterioară și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și mutați-o 1px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 208 G = 154 B = 62.


Pasul 35

Selectați forma realizată în etapa treizeci și treia și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o 1px spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 208 G = 154 B = 62.


Pasul 36

Selectați forma realizată în etapa treizeci și treia și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și mutați-o cu 1px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 200 G = 136 B = 26.


Pasul 37

Selectați forma realizată în etapa treizeci și treia și mergeți la Obiect> Cale> Cale de decolare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Control + C> Control + F). Selectați această copie și deplasați-o cu 1px în jos. Resetați ambele forme realizate în acest pas și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și schimbați Modul de amestecare în Suprapunere.


Pasul 38

Cu ajutorul instrumentului Rectangle (M), creați o formă de 20 x 11px și plasați-o așa cum se arată în prima imagine. Completați-l cu nici unul, dar adăugați un accident vascular cerebral de 3 pt. Alegeți o culoare aleatorie pentru cursa, apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază 3px, faceți clic pe OK și mergeți la Object> Path> Stroke Outline. Selectați forma rezultată, trimiteți-o înapoi și focalizați pe panoul Aspect. Umpleți-l cu gradientul liniar prezentat mai jos, apoi adăugați o cursă de 1 pt și setați culoarea la R = 208 G = 154 B = 62.


Pasul 39

Folosind instrumentul Rectangle (M), creați o formă de 20 x 1px, umpleți-o cu R = 208 G = 154 B = 62 și așezați-o după cum se arată în prima imagine. Asigurați-vă că acest dreptunghi subțire este selectat și treceți la Efect> Stylize> Corners Rounded. Introduceți o rază de 0,5 pixeli, faceți clic pe OK și treceți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate mai jos, faceți clic pe OK și accesați Efect> Distort & Transformare> Transformare. Introduceți datele afișate în imaginea de mai jos și faceți clic pe OK.


Pasul 40

Selectați toate formele realizate în ultimii paisprezece pași și grupați-i (Control + G). Selectați acest grup nou și adăugați cele trei efecte Drop Shadow prezentate în imaginea următoare (începeți cu cea din stânga).


Pasul 41

Selectați grupul realizat în pasul anterior și faceți o copie în față (Control + C> Control + F). Plasați aceste două grupuri așa cum se arată în imaginea următoare.


Pasul 42

În cele din urmă, să adăugăm un fundal frumos. Folosind Instrumentul dreptunghiular (M), creați o formă cu dimensiunea tabloului de bord și umpleți-o cu R = 225 G = 225 B = 215. Asigurați-vă că acest dreptunghi rămâne selectat și se concentrează pe panoul Aspect. Adăugați un al doilea umplere pentru această formă utilizând butonul Adăugați umplere nouă (indicat de săgeata mică, albastră). Selectați această umplere nouă și utilizați gradientul radial prezentat în imaginea următoare. Zero galben din imaginea gradientului reprezintă procentajul de opacitate.

Reveniți la panoul Aspect și adăugați un al treilea umplere pentru forma de fundal. Selectați-l, faceți-l negru, schimbați Modul de amestecare pentru a Multiplica, micșora Opacitatea la 3% și treceți la Efect> Artistic> Film Grain. Introduceți proprietățile afișate mai jos, faceți clic pe OK, reveniți la panoul Aspect și adăugați o a patra umplere. Veți avea nevoie de un model încorporat pentru această umplere finală.

Accesați panoul Swatches, deschideți meniul derulant și accesați Open Swatch Library> Patterns> Graphics Basic> Basic Graphics_Textures. O fereastră nouă cu un set de modele încorporate ar trebui să se deschidă. Asigurați-vă că a fost încă selectată cea de-a patra umplere, adăugați modelul "Diamond", micșorați opacitatea la 10%, schimbați Modul de amestecare pentru a multiplica și treceți la Efect> Artistic> Film Grain. Introduceți proprietățile afișate mai jos, faceți clic pe OK și ați terminat.


Concluzie

Acum munca ta sa 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.