Share
În acest tutorial, vom explica cum să desenați un controler al stației de redare de la zero în Photoshop utilizând instrumente de bază cum ar fi straturi de formă, perii, curse și stiluri de straturi. Să începem!
Să începem prin desenarea schiței. Utilizați o fotografie ca referință. Apoi, urmăriți fiecare parte utilizând instrumentul stilou.
Pentru a clarifica, am desenat fiecare parte folosind culori vii. Acest lucru ajută la diferențierea fiecărui element de celelalte.
Duplicați forma mânerului și plasați-o într-un strat separat al grupului. Modificați culoarea în gri închis.
Luați textura de piele și apoi puneți-o pe mâner.
Apăsați Comandă / Ctrl + Alt + G pentru a transforma stratul în Mască de tăiere. Acest lucru va face ca textura să rămână în mâner.
Adăugați un strat nou și apoi îl convertiți în Mască de tăiere. În acest fel, tot ce voprăm pe strat va intra întotdeauna în mâner. Pictați câteva umbre și evidențiați mânerul. Vedeți imaginea de mai jos pentru referință. Puteți pune fiecare tablou în alt strat pentru a vă oferi un control mai bun. Cu această tehnică, puteți reduce cu ușurință straturile Opacitate pentru a modifica efectul de umbră sau evidențiere.
Desenați o formă dreptunghiulară gri și puneți-o în spatele mânerului. Faceți dublu clic pe caseta de dialog Strat pentru a deschide stratul și aplicați aplicația Inner Shadow and Gradient Overlay folosind setarea de mai jos.
Adăugați un strat nou pe partea superioară a formei anterioare și vopsiți-l pe alb ca evidențiere în colțul din dreapta sus. Conversați-o în Masca de Clipping prin apăsarea comenzii / Ctrl + Alt + G.
Selectați forma și apoi adăugați un strat nou. Completați selecția cu negru folosind comanda Editare> Umplere. Adăugați zgomot pe strat, făcând clic pe Filtrare> Zgomot> Adăugare zgomot. Asigurați-vă că selectați Monocromatic pentru a obține zgomot alb-negru.
Modificați modul de amestecare la Ecran. Acum, adăugăm textura zgomotului în formă și o facem mai naturală.
Desenați două forme de cerc.
Din nou, adăugați zgomot pe suprafața sa prin adăugarea unui strat negru pe partea de sus a acestuia și aplicați filtrul de adaos de zgomot.
Modificați modul de amestecare la Ecran și reduceți Opacitatea.
Adăugați un strat nou și umbra de vopsea pe partea inferioară a formei.
Să adăugăm o umbră la marginea cercului. Acest lucru va adăuga aspect 3D în formă. Începeți prin adăugarea unui strat nou pe partea superioară a formei și transformându-l într-o mască de tăiere. Comanda / Clic-clic pe formă și faceți clic pe Editare> Stroke. Selectați culoarea albă pentru culoarea sa. Acum avem linie neagră de-a lungul marginii cercului.
Faceți-o moale prin adăugarea unui Blur Gaussian. Faceți clic pe Filter> Blur> Blur Gaussian. Reducerea nivelului de opacitate la 10%.
Creați un strat nou și adăugați evidențiați prin pictarea culorilor albe peste forma cercului.
Repetați pasul 16, de data aceasta dorim să adăugați evidențiați, astfel încât folosiți culoarea albă pentru culoarea stroke.
Aplicați Blur gaussian.
Activați funcția Mutare și apoi apăsați în jos și pe săgeata spre stânga de pe tastatură pentru a muta stratul de 2 px pe acele indicații.
Reduceți stratul de opacitate și apoi ștergeți o parte din evidența pe care tocmai am făcut-o. Utilizați peria moale prin stabilirea durității sale la 0% și reducând opacitatea la foarte scăzută. Aveți posibilitatea să modificați opacitatea pentru ștergere din bara de opțiuni.
Repetați pașii anteriori pentru a adăuga mai multe detalii pe forma opusă.
Adăugați o altă evidențiere utilizând aceeași tehnică.
Desenați un cerc în spatele cercurilor anterioare. De data aceasta vrem să fie mai întunecată și mai apropiată. Aceasta va adăuga iluzia 3D pe cercurile anterioare.
Iată forma fără cercurile care o acoperă.
Adăugați o margine moale pe marginea sa.
Mai jos puteți vedea diferența înainte și după adăugarea ultimei forme.
Activați instrumentul Perie cu Opacitate scăzută. Vopsea negru pe suprafețele indicate mai jos pentru a adăuga umbra subtilă lângă cercul anterior. Aceasta va adăuga o altă iluzie 3D pe formele cercului.
Desenați forma dreptunghiulară rotunjită, cu o rază de 5 px.
Duplicați forma și apoi apăsați Command / Ctrl + T.
Utilizați unealta pentru stilou și adăugați curba în unghiul drept.
Mai jos puteți vedea detaliile sale în mărire mai mare.
Și mai jos puteți vedea rezultatul în mărire de 100%.
Adăugați linia de curse de-a lungul zonei semnului plus. Utilizați aceeași tehnică descrisă în pasul 16 pentru a adăuga evidenția. Aplicați Filter> Blur> Blur Gaussian.
Reduceți opacitatea stratului.
Adăugați mai multe evidențieri prin pictarea manuală utilizând o perie albă de 1 px.
Adăugați mai multe detalii pe suprafață, cum ar fi adăugând reflecții.
Desenați 4 forme cerc gri pentru a fi utilizate ca butoane de acțiune. Aplică următoarele stiluri de straturi.
Adăugați accent pe butonul selectându-le și adăugați un curs alb pe ea. Utilizăm aceeași tehnică descrisă în pasul 16.
Faceți-o mai moale prin aplicarea unei doze mici de Blur Gaussian.
Iată rezultatul înainte și după adăugarea evidențierii manualului. După cum puteți vedea, este foarte subtil.
Adăugați cursă albă pe marginea butoanelor. Din nou, am folosit această tehnică în pasul 16.
Desenați simbolurile și plasați-le pe toate într-un strat de grup. În CS6, puteți să faceți dublu clic pe grup pentru a adăuga Styles Layer în grupul de niveluri direct. Dacă utilizați o versiune anterioară, aplicați aceste stiluri de straturi fiecărui strat de simboluri.
Din nou, adăugați o altă linie de curse pe marginile butoanelor. De data aceasta folosiți 1 px cu culoare albă.
Ștergeți o parte din lovitură cu ajutorul unei radieră moale și dați-ne lumină puternică.
Butonul Comandă / Ctrl-click și adăugați un strat nou. Plasați stratul din spatele butonului și umpleți-l cu negru.
Aplică blur mare Gaussian.
Aplicați Blur Motion.
Reduceți stratul de opacitate.
Desenați o formă mai mare de cerc și locați în spatele butoanelor. Utilizați negru pentru culoarea sa.
Aceasta va deveni gaura din spatele butoanelor. După cum puteți vedea mai jos, diferența este subtilă, dar se adaugă aspect realist pe butoane.
Efectuați un nou strat și faceți clic pe butonul Comandă / Ctrl pentru ao selecta. Aplicați comanda Stroke (Stroke) și adăugați un curs alb de 1 px pe stratul nou.
Ștergeți o parte a cursei cu ajutorul unei pensule moi Eraser.
Desenați forme pentru butoanele de direcționare. Utilizați culoarea închisă, aproape neagră. Puteți desena această formă manual folosind instrumentul Pen sau puteți modifica o formă dreptunghiulară rotunjită.
Aplică următoarele stiluri de straturi.
Desenați o formă similară, dar de această dată mai mică și are o culoare mai deschisă. Acestea vor fi butoanele, iar cele anterioare sunt găurile lor.
Aplicați următoarele stiluri de straturi pentru a adăuga aspectul 3D pe butoane.
Efectuați un strat nou și adăugați un curs negru pe marginea butonului.
Se înmoaie prin adăugarea de Blur Gaussian.
Apăsați săgeată în jos și săgeată stânga de trei ori pentru a muta stratul de 3 px pe acele direcții.
Ștergeți o parte din linia de atac.
Comanda / Ctrl faceți clic pe stratul de buton pentru a le selecta. Faceți un strat nou și completați-l cu negru. Adăugați zgomot utilizând filtrul Adăugați zgomot.
Schimbați modul de amestecare a straturilor la Ecran și reduceți Opacitatea.
Adăugați linia albă a cursorului pe marginea butonului și ștergeți o parte din acesta.
Desenați patru triunghiuri lângă fiecare buton. Adăugați stiluri de straturi Bevel și embosare și reduceți umplerea la 0%.
Comandă / Ctrl-clic pe formă, adăugați un strat nou, aplicați o cursă albă de 1 px pe selecție. Ștergeți o parte din lovitură pentru ao transforma în evidență.
Să adăugăm umbră în spatele butoanelor de direcție. Butonul Command / Ctrl-clck pentru a face selecția pe baza formei sale, a face un strat nou, a pune-l în spatele butonului și a îl înmuia folosind Gaussian Blur.
Adăugați cursorul pe butoane.
Desenați baza pentru butoanele Stânga și Dreapta.
Aplicați stiluri de straturi.
Adăugați efect 3D în formă prin desenarea spatelui. Utilizați culori mai deschise.
Faceți un nou strat și evidențiați aspectul soft.
Faceți un nou strat și forma de comandă / Ctrl-clic. Completați cu negru și aplicați filtrul de zgomot.
Adăugați o altă evidențiere a formei. Utilizați unealta de perie pentru a picta evidenția manual.
Adăugați o curbă albă moale pentru a evidenția.
Acest lucru este foarte subtil, poate că nu îl puteți vedea. Deci, iată detaliile.
Adăugați caracterele L și R utilizând instrumentul Tip.
Aplicați următoarele stiluri de straturi și reduceți valoarea completă la 0%.
Începeți desenarea butonului și adăugați următoarele stiluri de straturi.
Adăugați un strat nou și vopsiți manual câteva subliniază.
Mai jos puteți vedea detaliile în mărire mai mare.
Manuale, vopsea evidenția pe suprafață.
Desenați o formă dreptunghiulară pe partea inferioară a controlerului principal. Aplicați Overlay pentru Gradient pentru a adăuga evidenția în partea inferioară.
Adăugați masca de strat și adăugați un gradient alb negru la un alb pentru a decolora partea superioară.
Adăugați un strat nou și trageți linia neagră moale pe partea superioară a acestuia. Reduceți stratul de opacitate.
Adăugați o formă de dreptunghi în spatele liniei negre anterioare.
Desenați doi dreptunghi de 1 px. Culoarea lor ar trebui să fie alb-negru. Încercați să experimentați cu ei
Desenați dreptunghi mic pentru indicatorul său LED.
Desenați două dreptunghiuri rotunjite și aplicați următoarele stiluri de straturi.
Adăugați o mască de strat și decolorați unele din zonele sale până când se estompează perfect pe corp.
Adăugați un strat nou și convertiți-l în Mască de tăiere. Vopsea câteva semne și umbre până când forma se estompează perfect pe corpul controlerului.
Desenați baza din spate a joystick-ului și apoi adăugați următoarele stiluri de straturi.
Vopsea manual umbra și reflexia pe suprafața sa până când pare realistă.
Adăugați mai multă umbră pe zonele mânerului.
Să începem să lucrăm la gaura joystick-ului. Desenați două cercuri întunecate, iar un alt brichetă intră în ele. Adăugați un strat nou și convertiți-l în Mască de tăiere. Vopsea albă pentru a adăuga accent pe formă.
Desenați două cercuri cu o culoare mult mai deschisă. Aplică următoarele stiluri de straturi.
Adăugați zgomot selectând forma, adăugați un strat nou, umpleți-l cu negru și aplicați filtrul de adăugare a zgomotului.
Adăugați un strat nou și convertiți-l în Mască de tăiere. Vopsea mai mult evidențiați forma. Încercați să vă concentrați asupra centrului, deoarece dorim să apară în trei dimensiuni.
Desenați o formă dreptunghiulară de 1 px negru.
Selectați calea și apoi apăsați Command / Ctrl + _ Alt + T pentru ao duplica și transforma. Din bara de opțiuni, setați rotația la 5 ° ...
Apăsați Command / Ctrl + Shit + Alt + T pentru a repeta acest pas. Continuați să faceți acest lucru până când avem un cerc complet.
Duplicați forma stratului. Schimbați culoarea în alb și apoi mutați-o în jos cu 1 px pentru a adăuga efectul de inserție. Redați în jurul valorii de opacitate pentru fiecare strat de linii.
Adăugați masca stratului și apoi vopsiți negrul în centrul liniilor pe care tocmai le-am făcut. Acum, efectul nostru inset apare doar la marginea sa.
Desenați butoanele folosind un instrument dreptunghi rotunjit. Pentru butonul Start (triunghiul 1), modificați dreptunghiul rotunjit.
Aplică următoarele stiluri de straturi.
Am reușit să facem gaura butonului.
Să începem pe butoanele reale. Desenează o formă mai mică, dar de data asta mai mare. Aplică următoarele stiluri de straturi.
Desenați o linie albă de 1 pixură pe marginea butonului pentru a adăuga evidenția.
Repetați-l și la gaura sa.
Desenați o formă de cerc și adăugați următoarele stiluri de straturi.
Manuale, evidențiați vopsea utilizând un instrument de perie moale de 1 pixeli.
Desenați un cerc mai mic cu culoarea mai deschisă în interiorul găurii anterioare.
Aplicați următorul stil de strat pentru a adăuga aspectul 3D.
Adăugați logo-ul.
Adăugați o altă evidențiere utilizând un instrument soft de 1 pixel.
Accentsconagua