Cum de a proiecta un Gamepad realist

În acest tutorial, veți învăța cum să creați o ilustrare a unui gamepad folosind Instrumentul Pen, Gradienți și Filtre. Puteți utiliza această ilustrație ca bază a unei pictograme sau pentru un element decorativ cu un design mai mare.


Pasul 1: Prima formă

Deschideți un nou document RGB cu dimensiunile de 600px-400px. Alegeți instrumentul Rectangle și creați un dreptunghi cu dimensiunile de 328px pe 105px, setați conturul unei culori închise (R: 0, G: 0, B: 0) și completați-l cu un gradient similar celui indicat mai jos.


Pasul 2: Adăugarea de forme

Folosind instrumentul Rectangle, creați următoarea formă cu dimensiunile 38px-26px, setați conturul la culoarea închisă (R: 0, G: 0, B: 0) și umpleți-o cu un gradient similar.


Pasul 3: Construcția mai multor forme și înclinații

Creați o formă ca mai jos și setați conturul la o culoare închisă (R: 75, G: 78, B: 93) [Pic.1]. Oglindeste forma exact creata [Pic.2]. Mutați cele două forme împreună, selectați punctele de sfârșit de sus cu Instrumentul de selecție directă și apoi Alăturați-le. Repetați același lucru pentru punctele de fund [Pic.3]. Umpleți noua formă cu un gradient [Pic.4].


Pasul 4: Lucrul cu elipsele și strălucirea interioară

Alegeți instrumentul Ellipse și creați două elipse cu dimensiuni: 140px by 120px și 95px by 80px [Pic.1]. Deschideți un panou Pathfinder, selectați ambele aceste elipse și faceți clic pe butonul Unite [Pic.2]. Umpleți noua formă cu un gradient similar [Pic.3]. Acum du-te la Filter> Stylize> Inner Glow [Pic.4].


Pasul 5: Creați zona zonei controlerului din stânga

Creați o formă ca mai jos [Pic.1] și completați-o cu un gradient liniar [Pic.2]. În pasul următor, mergeți la Filter> Stylize și utilizați Inner Glow [Pic.3]. Acum faceți clic pe această formă cu butonul din dreapta al mouse-ului și mergeți la Aranjare> Trimitere înapoi [Pic.4]


Pasul 6: Adăugați o altă formă mai mare

Creați o formă similară [Pic.1], completați-o cu un gradient liniar [Pic.2] și mergeți la Aranjare> Trimitere înapoi [Pic.3]


Pasul 7: Adăugați detalii despre formă

Creați următoarea formă similară [Pic.1], setați conturul la negru (R: 0, G: 0, B: 0) și completați-l cu un gradient [Pic.2]


Pasul 8: Creați un buton de sus

Creați o formă ca mai jos [Pic.1]. Oglindeste forma exact creata [Pic.2]. Mutați cele două forme împreună și selectați punctele de capăt de sus cu Instrumentul de selecție directă și apoi le alăturați. Repetați același lucru pentru punctele de fund [Pic.3]. Completați noua formă cu un gradient [Pic.4], apoi mergeți la Filter> Stylize> Glow Inner [Pic.5] și mergeți la Arrange> Send Backward [Pic.6]


Pasul 9: Adăugarea unei rotunde moi

Alegeți instrumentul Ellipse și creați două elipse cu dimensiuni: 132px-110px și 90px-75px [Pic.1]. Deschideți panoul Pathfinder, selectați ambele elipse și faceți clic pe butonul Unite [Pic.2]. Umpleți noua formă cu un gradient similar [Pic.3] și apoi Mergeți la Filter> Stylize> Glow Inner [Pic.4].


Pasul 10: Adăugați un controler stânga

Alegeți instrumentul Ellipse și creați o elipsă cu dimensiunile 60px-50px și umpleți-o cu negru [Pic.1]. Apoi crete o altă elipsă cu dimensiunile de 55px la 45px și umple această formă cu o culoare închisă (R: 75, G: 78,0 B: 93) [Pic.2].


Pasul 11: Zona încrucișată

Alegeți instrumentul Pen și creați o formă de cruce, așa cum se arată mai jos [Pic.1] și completați-o cu un Gradient Linear [Pic.2]. Mergeți la Efect> Stylize> Round Corners și setați raza la 3px [Pic.3], apoi mergeți la Effect> Stylize> Inner Glow [Pic.4]


Pasul 12: Reflectați bine

Alegeți Instrumentul de selecție și selectați aceste forme [Pic.1] și duplicați-le [Pic.2]. Apoi treceți la Transformați> Reflect (vertical) [Pic.3] și plasați-le spre dreapta așa cum se arată [Pic.4].


Pasul 13: Începeți adăugarea butonului Detalii

Creați o elipsă cu dimensiunile de 29 × 26 px [Pic.1] și completați-o cu un gradient liniar [Pic.2]. În pasul următor, mergeți la Efect> Stylize> Glow Inner [Pic.3] și mergeți la Efect> Stylize> Drop Shadow [Pic.4]. Apoi duplicați această elipsă modificată de trei ori și plasați-o după cum se arată [Pic.5].


Pasul 14: Adăugarea detaliilor butonului pe stânga

Alegeți instrumentul Pen și creați forma prezentată [Pic.1], completați-o cu un Gradient Linear [Pic.2] și adăugați efecte Inner Glow [Pic.3] și Drop Shadow [pic.4].


Pasul 15: Adăugați o săgeată

Creați un triunghi utilizând instrumentul Pen, umpleți-l cu o culoare (R: 75, G: 78, B: 93) [Pic.1] și mergeți la Efect> Stylize> Oglindă exterioară [Pic.2]


Pasul 16: Duplicați comenzile jocului

Alegeți Instrumentul de selecție și selectați aceste forme [Pic.1] și duplicați-le. Apoi faceți clic pe butonul din dreapta al mouse-ului și treceți la Transformare> Rotire și setați unghiul la 180 de grade [Pic.2]. În pasul următor, selectați aceste forme, duplicați-le și rotiți copii după cum se arată (unghiul de setare la 90 de grade) [Pic.3]


Pasul 17: Rearanjarea formelor

Alegeți instrumentul de selecție și selectați "forma 1" [Pic.1] și mutați-l cu 3px în jos, apoi selectați "forma 2" [Pic.1] și mutați-l drept la 8px. Mutați "forma 3" spre dreapta cu 3px, "forma 5" spre stânga cu 8px și "forma 4" spre stânga cu 3px. Ar trebui să arate asemănător cu această imagine [Pic.2].


Pasul 18: Adăugați strălucire interioară la butoanele inferioare

Alegeți instrumentul de selecție și selectați elipsa [Pic.1], utilizați efectele Inner Glow [Pic.2] și Drop Shadow [Pic.3]. Apoi selectați următoarea elipsă și adăugați Inner Glow [Pic.4] și Drop Shadow [Pic.5].


Pasul 19: Adăugați o altă elipsă

Alegeți instrumentul Ellipse și creați o elipsă cu dimensiunile 30px-25px [Pic.1], umpleți-o cu un gradient liniar [Pic.2] și adăugați un efect Inner Glow [Pic.3].


Pasul 20: Mai multe detalii mici

Alegeți Instrumentul Dreptunghi și creați un dreptunghi cu dimensiunile de 18x10 pixeli [Pic.1], completați-l cu un Gradient Linear [Pic.2] și adăugați un Efect de Shadow Drop [Pic.3].


Pasul 21: Adăugați un triunghi mic

Alegeți instrumentul Pen și creați o formă similară [Pic.1], completați-o cu Gradientul liniar [Pic.2] și adăugați Efectul Drop Shadow [Pic.3].


Concluzie

După cum puteți vedea, am adăugat câteva simboluri. Cu un pic de editare, această ilustrație poate fi utilizată pentru o serie de modele, inclusiv site-uri web, postere și multe altele. Sper că ți-a plăcut acest tutorial.