Share
În acest tutorial vă voi arăta cum să creați propriul player media HD cu o telecomandă utilizând instrumentele Adobe Illustrator, cum ar fi: instrumentul Rectangle, instrumentul Ellipse, gradienții și opțiunea 3D Extrude & Bevel.
Alegeți instrumentul dreptunghiular (M), desenați un dreptunghi cu dimensiunea W = 187,5px și H = 603px, apoi colțurile rotunjite cu un rază de 30px. Imediat dupa aceasta mergeti la Object> Expand Aspect si umpleti forma cu Gradient Linear si culorile: R = 24 G = 29 B = 38 la R = 25 G = 31 B = 43.
Copiați forma de la Pasul 1 utilizând Command + C urmat de Command + F. Acum mergeți la Object> Path> Add Anchor Points și ștergeți cele patru puncte cheie ale formei cu Instrumentul Direct Selection, așa cum se arată în imaginea de mai jos. Grupați cele patru colțuri care au rămas și aplicați culoarea Accident vascular cerebral: 0,5 px pentru ei cu culoare albă:
Cu formele din pasul anterior pe care ați aplicat culoarea Stroke încă selectate, mergeți la Effect> Blur> Gaussian Blur, apoi setați Radius la 1,5px și faceți clic pe OK.
Acum copiați forma de la Pasul 1 folosind Command + C urmată de Command + F. Deplasați copia peste toate celelalte forme accesând Object> Arrange> Bring to Front. Apoi selectați formele din pasul anterior pe care ați aplicat Gaussian Blur și forma pe care ați mutat-o peste celelalte, apoi mergeți la Object> Mask Clipping> Make.
Selectați forma de la Pasul 1, mergeți la Obiect> Cale> Cale de decalaj, setați Decalaj la -2px, faceți clic pe OK și schimbați Culoarea de umplere la negru.
Odată ce ați selectat forma din pasul anterior care a apărut după aplicarea aplicației Offset, mergeți din nou la Object> Path> Cale de decalare. Acum aplicați Offset: -2px, faceți clic pe OK și completați-l cu culori Gradient liniar R = 7 G = 9 B = 13 până la R = 4 G = 5 B = 7.
Repetați aceeași acțiune pe care ați făcut-o pentru colțurile negre ale formei de la Pasul 1, dar de data aceasta faceți același lucru cu forma de la pasul anterior.
Copiați forma de la pasul 6 folosind Command + C urmat de Command + F, mutați forma peste toate celelalte prin accesarea Object> Arrange> Bring to Front. Utilizați instrumentul Pen (P) pentru a crea o formă față de cea anterioară, apoi selectați ambele forme, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front. Umpleți noua formă cu o culoare albă și reduceți Opacitatea la 25%.
În următorii pași vom adăuga butoanele telecomenzii.
Alegeți instrumentul Ellipse (L), trageți un cerc în centru în partea de sus a formelor anterioare și completați-l cu o culoare neagră. Uită-te la imaginea de mai jos:
Cu forma din pasul anterior pe care ați completat-o cu o culoare neagră selectată încă, mergeți la Object> Path> Cale Offset, setați Offset la -2,5px și faceți clic pe OK. Umpleți noua formă cu culori Linear Gradient care merg de la gri închis la gri deschis, după cum se arată.
Cu forma pe care ați umplut-o cu un Gradient Linear din pasul anterior selectat încă, mergeți din nou la Object> Path> Cale Offset. Acum setați Offset la -1px și schimbați culorile gradientului de la R = 35 G = 35 B = 35 la negru. Apoi grupați formele butonului făcând clic pe Object> Group (Command + G).
Copiați grupul de butoane pe care l-ați creat în pasul anterior, utilizând Command + C urmat de Command + F. Acum mutați copia în poziția așa cum se arată în imaginea de mai jos și mergeți la Object> Transform> Scale. În noua fereastră deschisă setați Scala uniformă la 85% și faceți clic pe OK.
Copiați butonul din etapa anterioară de 7 ori utilizând Command + C urmat de Command + F. Acum mutați copiile în poziții așa cum se arată.
Acum vom continua să adăugăm restul butoanelor în același mod, după cum se arată mai jos:
Adăugați următoarele butoane în poziție, după cum se arată mai jos:
Acum am lăsat să adăugăm un singur buton, care este ultimul. Alegeți instrumentul Ellipse (L), trageți un cerc cu dimensiunea W = 138px la H = 138px, completați-l cu culoarea neagră și plasați-l în poziția indicată mai jos:
În cazul în care forma din pasul anterior este încă selectată, mergeți la Object> Path> Cale de decalare, setați Offset la -2,5px și faceți clic pe OK. Acum completați noua formă cu un Gradient Linear cu culorile R = 168 G = 165 B = 164 până la R = 194 G = 190 B = 189.
Copiați forma din pasul anterior folosind Command + C urmat de Command + F, ștergeți punctul cheie din stânga și din stânga al copiei cu Instrumentul de selectare directă (A), apoi dezactivați Culoarea de umplere. Aplicați acum o culoare albă Stroke cu 1px. Pentru a face acest lucru, utilizați panoul Stroke (Command + F10) și utilizați următoarele setări: Greutate de 1px și Profile of Width Profile.
Alegeți instrumentul Ellipse (L), desenați un alt cerc în centrul celorlalte cu dimensiunea W = 80px și H = 80px cu o culoare neagră.
În cazul în care forma din pasul anterior este încă selectată, mergeți la Object> Path> Path Offset. Setați offsetul la -2px și faceți clic pe OK. Mutați noua formă 1px spre stânga și completați-o cu un Gradient Linear utilizând culorile: R = 15 G = 15 B = 15 până la R = 71 G = 70 B = 73.
Cu forma care a apărut în pasul anterior selectat, mergeți din nou la Object> Path> Path Offset. Setați offsetul la -1px, faceți clic pe OK și umpleți noua formă cu un Gradient Linear utilizând culorile: R = 35 G = 35 B = 35 până la negru, după cum se arată.
Acum trebuie doar să adăugați textul necesar pe butoane. De asemenea, puteți adăuga simbolul necesar din panoul Simboluri accesând fereastra> Simboluri. Acum am terminat cu telecomanda jucătorului până acum. În următorii pași vom crea media player HD.
Alegeți instrumentul Rectangle (M) și desenați un dreptunghi cu dimensiunea W = 672px la H = 428px. Acum mergeți la Effect> Stylize> Round Corners și setați Radius la 100px, apoi faceți clic pe OK.
Cu dreptunghiul ați rotunjit colțurile în pasul anterior selectat, mergeți la Efect> 3D> Extrude & Bevel. Setați valorile așa cum se arată în imaginea de mai jos, faceți clic pe OK, apoi după ce mergeți la Object> Expand Appearance.
Alegeți Instrumentul de selecție directă (A), dați clic pe partea superioară a playerului și completați-l cu o culoare neagră, după cum se arată.
Acum, selectați partea de jos a playerului din grup și deschideți panoul Pathfinder. Faceți clic pe butonul Add to Shape Area și completați-l cu un Gradient Linear așa cum se arată.
Cu forma din pasul anterior pe care ați umplut cu un Gradient liniar selectat, copiați-l folosind Command + C urmat de Command + F și mergeți la Effect> Effect Gallery> Artistic> Plastic Warp. Acum, în noua fereastră deschisă, aplicați valorile afișate în imaginea de mai jos. Faceți clic pe OK și modificați Modul de amestecare de la Normal la Înmulțire.
După ce ați aplicat efectul Plastic Warp, veți observa pixeli la marginile formei. Pentru a le elimina, copiați forma folosind Command + C urmată de Command + F. Acum, deschideți panoul Appearance, eliminați efectul Plastic Warp, apoi selectați forma cu efectul Plastic Warp aplicat și forma de sus. Acum aplicați Object> Mask Clipping> Make.
Selectați forma de la pasul 24, copiați-o folosind Command + C urmată de Command + F și mutați-o peste celelalte forme. Acum, mergeți la Object> Arrange> Bring to Front, apoi cu Instrumentul de selectare directă (A) selectați punctele cheie de jos și apăsați pe tasta Delete de pe tastatură.
Cu forma care a apărut în pasul anterior selectată, opriți culoarea de umplere și aplicați un Stroke de 3px cu culoarea: R = 206 G = 206 B = 206.
Selectați partea de sus a player-ului pe care ați completat-o cu o culoare neagră la început, copiați-o folosind Command + C urmată de Command + F. Utilizați Pen Tool (P) pentru a crea o formă prezentată în imaginea de mai jos, apoi selectați copia și forma pe care tocmai ați făcut-o. Acum, deschideți panoul Pathfinder, faceți clic pe butonul Minus Front și umpleți-l cu un Gradient Linear așa cum se arată.
Alegeți instrumentul Rectangle (M), desenați un dreptunghi cu dimensiunea și colțurile rotunjite de 20px, după cum se arată. Umpleți forma cu o culoare neagră și trimiteți forma sub toate celelalte prin accesarea Obiect> Aranjare> Trimitere înapoi. Acum poziționați forma în poziția indicată.
Alegeți instrumentul Pen (P), faceți o formă în centrul player-ului, așa cum se arată în imaginea de mai jos, umpleți Gradientul radial așa cum este prezentat și aplicați Drop Shadow cu valorile prezentate mai jos:
Acum, tot ce trebuie să faceți este să adăugați textul necesar pe player. După ce ați scris textul necesar, mergeți la Efect> 3D> Rotire. Setați valorile așa cum se arată în imaginea de mai jos și faceți clic pe OK.
Și la sfârșit puteți adăuga un fundal, o umbră și o reflecție în modul dorit. Iată rezultatul final:
Accentsconagua