Încercarea de a reproduce obiecte din viața reală în Photoshop este o practică excelentă. În acest tutorial vom explica cum să creați un dispozitiv realist Gameboy folosind setul de caracteristici puternic al Photoshop. Să începem!
Următoarele bunuri au fost utilizate în timpul producerii acestui tutorial.
Începeți prin a face un nou fișier cu dimensiunea 800 px × 800 px.
Activați instrumentul rotunjit dreptunghi. În setarea opțiunii Bară de umplere la # b2bbb6 și Stroke to None. Setați Radiusul la 10 px. Trageți pentru a desena un dreptunghi înalt rotunjit.
Activați instrumentul Direct Selection. Selectați punctul din partea dreaptă a formei.
Shift-trageți punctul în sus pentru ao deplasa în sus orizontal. Desenați punctul de manevră în jos. Repetați același pas spre punctul său adiacent.
Iată ce avem.
Faceți dublu clic pe forma stratului din panoul Straturi. Aplicați Shadow Inner, Glow Inner și Gradient Overlay cu următoarele setări.
Iată ce avem.
Desenați niște dreptunghiuri în partea superioară a Gameboy-ului. Puteți folosi orice culoare aici.
Adăugați masca de strat pe forma stratului. Comandă / Ctrl-clic pe forma de bază a Gameboy pentru a face o nouă selecție în funcție de forma sa.
Faceți dublu clic pe forma stratului și adăugați următoarele stiluri de straturi.
Reduceți stratul de umplere la 0%. Iată rezultatul nostru până acum.
Activați instrumentul Pen și adăugați niște curbe pe marginile formei. Vedeți imaginea de mai jos pentru mai multe detalii.
Comandă / Ctrl-clic pe Gameboy forma de bază și de a face un strat nou pe partea de sus. Faceți clic pe Editare cursă.
Activați instrumentul de mutare și apăsați pe săgeata în jos și pe săgeata din stânga de 5 ori pentru a muta linia de 5 px în jos și în stânga ...
Se înmoaie linia prin aplicarea unei blururi Gaussian (Filter> Blur> Gaussian Blur).
Ștergeți o parte din linie. Asigurați-vă că ați șters segmenii de linie în afara gameboy-ului.
Repetați pasul anterior pentru a adăuga mai multe detalii.
Utilizați instrumentul Pensulă pentru a desena mai puternic alb în colțul din dreapta sus al Gameboy.
Adăugați mici dreptunghiuri rotunjite pe corpul Gameboy. Setați modul său la Scădere.
Repetați pasul anterior către cealaltă parte.
Iată rezultatul nostru actual.
Desenați un dreptunghi rotunjit cu o rază de 10 px pentru ecranul acestuia.
Dublu clic pe forma stratului. Aplică următoarele stiluri de straturi.
Iată rezultatul.
Apăsați Command / Ctrl + J pentru a duplica ecranul. Deplasați-l în spatele ecranului original. Modificați culoarea la # 515a59. Redimensionați (Command / Ctrl + T) forma la 101%.
Utilizați aceleași stiluri de straturi, dar eliminați Bevel & Emboss și înlocuiți-o cu un Shadow Drop.
Iată rezultatele noastre actuale.
Creați un strat nou deasupra ecranului. Convertiți-o în Masca de Clipping apăsând Command / Ctrl + Alt + G. Completați-o cu gradient liniar de la alb la negru.
Reduceți opacitatea la 20%.
Prindeți o imagine de amprentă din sxc.hu.
Eliminați culoarea utilizând comanda rapidă Shift + Command / Ctrl + U pentru a aplica Desaturate.
Glisați imaginea în fișierul Gameboy. Modificați modul la Multiplicare. Apăsați Comandă / Ctrl + T și trageți în afara marginii de transformare pentru al roti. Plasați-l pe ecran.
Adăugați o altă amprentă digitală pe ecran.
Desenați câteva sublinieri subtile din colțul din dreapta sus al ecranului. Utilizați o perie moale.
Desenați un dreptunghi verde pentru ecranul principal al Gameboy.
Faceți dublu clic pe forma stratului și adăugați umbra interioară a stratului de stil.
Adăugați text în interiorul ecranului. În bara de opțiuni nu se utilizează niciuna pentru metoda analializată. Acest lucru va da margini text jaggy, așa cum se vede în fiecare dispozitiv, cu rezoluție limitată și informații despre culoarea biților.
Desenați o selecție dreptunghiulară și umpleți-o cu gradient liniar de la alb la negru.
Nu vrem prea multă culoare în interiorul gradientului. Faceți clic pe Filtrare> Pixeli> Mozaic.
Modificați modul de amestecare pentru a multiplica și a reduce opacitatea acestuia.
Adăugați un alt element pe ecran.
Activați instrumentul Gradient și faceți clic pe previzualizarea gradientului în bara de opțiuni. Selectați Tip: Zgomot. Faceți clic pe Randomize pentru a genera culori.
Plasați tot stratul de conținut pe un strat de grup. Adăugați Masca stratului în stratul de grup. Desenați un gradient în interiorul măștii.
Alt-faceți clic pe miniatură mască pentru ao vedea.
Faceți clic pe Image> Adjustments> Threshold pentru a converti culoarea din interiorul mascului în alb-negru.
Unele conținuturi ale ecranului vor fi ascunse. Acest lucru creează efectul ca și cum ecranul este parțial rupt.
Încearcă să experimentezi cu un gradient până când vei obține un rezultat interesant.
Iată masca pe care am folosit-o.
Desenați o mică formă de cerc galben pe partea stângă a ecranului.
Adăugați următoarele stiluri de straturi.
Lumina este acum stralucitoare.
Desenați două linii orizontale deasupra ecranului. Adăugați titlul Gameboy. Nu uitați să setați opțiunea Antialiased la None.
De asemenea, dorim să adăugăm o ușoară schimbare de culoare în centrul ecranului. Aceasta este o problemă obișnuită în ecranul Gameboy. Selectați centrul ecranului. Adăugați nuanța ajustării stratului / saturației. Mutați cursorul Hue un pic pentru a schimba culoarea.
Desenați un dreptunghi rotunjit cu o rază de 50 px. Utilizați negru pentru culoarea sa.
Adăugați următoarele stiluri de straturi.
Reduceți-l la 1%.
Apăsați Comandă / Ctrl + T și rotiți forma.
Command / Ctrl-clic pe forma pentru a face o nouă selecție în funcție de forma sa. Faceți un nou strat. Dați clic pe Editare> cursă. Selectați culoarea albă pentru culoarea sa.
Se înmoaie linia prin aplicarea Gaussian Blur.
Activați instrumentul Eraser. Ștergeți o parte din segmentul de linie.
Să începem să lucrăm la buton. Desenați o formă de cerc cu culoarea # 771d55.
Adăugați următoarele stiluri de straturi.
Command / Ctrl-clic pe buton. Faceți un nou strat. Dați clic pe Editare> cursă.
Ștergeți o parte din linia de atac cu ajutorul instrumentului Eraser ...
Desenați cercul negru în spatele butonului. Mutați-o cu 1 px în sus și în dreapta.
Alt buton pentru a-l duplica. Adăugați caracterele A și B sub buton.
Până acum, iată rezultatul nostru.
Desenați o formă de cerc mare.
Aplică aceste stiluri de straturi.
Reduceți opacitatea la 85% și completați la 0%.
Desenați două forme de dreptunghi rotunjite suprapuse. Asigurați-vă că ambele moduri de cale sunt setate pe Adăugare în formă.
Duplicați forma apăsând comanda / Ctrl + J. Redimensionați forma la 99% și schimbați culoarea la gri mai închis.
Aplică următoarele stiluri de straturi.
Comandă / Ctrl-click forma stratului. face un nou strat. Dați clic pe Editare> cursă.
Așezați linia de curse în spatele formei, mutați-o în sus și 1 px dreapta. Reduceți opacitatea la 20%.
Faceți clic pe Selectați> Resetați pentru a aduce selecția pe care am făcut-o mai devreme.
Faceți un strat nou în spatele formei. Completați selecția cu negru. Utilizați instrumentul de mutare pentru ao muta în jos și lasă 5 px.
Se înmoaie umbra prin aplicarea unei blururi Gaussian.
Reduceți opacitatea la 70%.
Command / Ctrl-click forma. Faceți un nou strat. Dați clic pe Editare> cursă.
Aplicați Gaussian Blur pe linia de accident vascular cerebral.
Ștergeți o parte din segmentul de linie.
Repetați pasul anterior, dar de data aceasta adăugați un accident vascular cerebral negru.
Command / Ctrl-click butonul de direcție. Vopseaua albă din partea dreaptă sus pentru a adăuga iluminare. Folosiți o perie foarte moale.
Desenați niște dreptunghiuri rotunjite și un cerc în interiorul butonului.
Adăugați aceste stiluri de straturi.
Schimbați-l la 0%.
Desenați o formă de cerc mai mică în centrul butonului. Umpleți-l cu negru.
Aplică următoarele stiluri de straturi.
Acest lucru este rezultatul unei măriri de 100%.
Desenați un mic dreptunghi rotunjit cu o rază de 3 px și culoare gri.
Adăugați aceste stiluri de straturi.
Desenează o formă mai mare de dreptunghi rotunjit în spatele butonului.
Aplică aceste stiluri de straturi.
Reduceți-l la 1%.
Mai jos puteți vedea diferența înainte și după adăugarea formei din spatele butonului.
Faceți un nou strat și evidențiați subtil în interiorul formei. De asemenea, vopsea negru pentru umbra butonului.
Adăugați eticheta Începeți sub buton.
Puneți butonul, fundalul și eticheta acestuia într-un strat de grup separat, selectându-le și faceți clic pe Command / Ctrl + G. Apăsați Command / Ctrl + T și apoi rotiți-l. Asigurați-vă că are același unghi ca și butoanele A și B..
Alt - glisați butonul pentru al duplica. Redenumiți-o pe cea nouă selectată.
Faceți un nou strat și puneți-l pe partea de sus a Gameboy-ului. Umpleți-l cu un gradient liniar de la alb la negru.
Modificați modul de amestecare la Ecran și setați Opacitatea la 10%
Desenați un mic dreptunghi rotunjit cu culoarea gri mai deschisă.
Adăugați următoarele stiluri de straturi pentru a adăuga efectul embosat.
Desenează 5 dreptunghiuri rotunjite mai rotunjite, de această dată umple-le cu culori mai întunecate. Asigurați-vă că acestea ating ușor structurile anterioare.
Apăsați Comandă / Ctrl + Alt + G pentru a le transforma într-o Mască de Clipping. Formele intră acum în formele anterioare ...
Selectați și rotiți-le. Locul în colțul din dreapta jos al Gameboy-ului
Faceți un nou strat și puneți-l în spatele tuturor straturilor. Command / Ctrl-click Gameboy forma de bază. Faceți clic pe Editați> Umpleți și completați selecția cu negru.
Utilizați instrumentul Mutare pentru a muta umbra de 10 de grade în jos și în stânga.
Se înmoaie umbra prin aplicarea unei blururi Gaussian.
Reduceți Opacitatea pentru ao face mai moale.
Am desenat Gameboy-ul. Dar vreau să-l fac foarte vechi. Începeți prin adăugarea unui ziar vechi în spatele acestuia.
Aplicați stratul de ajustare Hue / Saturation și utilizați glisoarele disponibile pentru a schimba culoarea ...
Adăugați textura murdară sau utilizați o perie murdară pentru a face ziarul murdar.
Command / Ctrl-click Gameboy forma de bază. Efectuați un strat de grup nou și adăugați o mască. De acum încolo, vom adăuga murdărie, texturi și fisuri în interiorul acestui strat de grup. Orice loc aici se va intampla intotdeauna in Gameboy.
Activați instrumentul Perie. Utilizați o perie moale cu dimensiunea de 1 px. Faceți un nou strat și trageți apoi o simplă martor negru. Duplicați scribul (Command / Ctrl + J), convertiți culoarea (Command / Ctrl + I) și mutați-l cu 1 px în sus și spre dreapta. Reduceți Opacitatea mizeriei negre. Aceasta va fi o zgârietură subtilă pe corpul Gameboy.
Plasați textură rugină în interiorul Gameboy. Nu vrem să adăugăm prea multă textură pe buton, deci ștergeți textura în acea zonă.
Modificați modul de amestecare la Suprapunere și reduceți Opacitatea.
Adăugați o altă textură. Adăugați masca de strat, gradientul de vopsea de la alb la negru până când textura dispare. Schimbați modul în Color Dodge și reduceți Opacitatea.
Desenați subțiri pe ecran folosind o perie moale.
Sper că sunteți încă cu mine în acest pas 100. Faceți un nou strat și pictați o fisură neagră pe Gameboy folosind o perie moale de 1 pixel.
Duplicați crack-ul (Command / Ctrl + J). Inversați culoarea albului apăsând comanda / Ctrl + I și mutați 1 px spre stânga. Reduceți opacitatea crack-ului neagră.