Share
Refacerea dispozitivelor electronice în Photoshop este o modalitate foarte bună de a învăța. Astăzi, vom demonstra cum să creați un telefon Motorola Droid în stilul Photoshop. Să începem!
Începeți prin a crea o nouă pânză de 2000 x 2000 px și salvați-o ca "phone.psd". Utilizați instrumentul Pen cu silueta exterioară a dispozitivului. Asigurați-vă că este negru. Denumiți-l MAIN BG.
Cu instrumentul Pen, trageți o formă pentru fiecare secțiune principală a telefonului. Observați că lăsăm un mic decalaj între forme pentru a da iluzia unor părți separate. Organizați-vă forma în grupuri (Cmd / Ctrl + G) și redenumiți straturile așa cum se vede mai jos.
Faceți acum partea telefonului și organizați din nou și redenumiți-le, după cum se arată mai jos. Este foarte important să vă păstrați straturile organizate deoarece acest proiect necesită mai multe straturi.
Acum că am definit părțile principale ale telefonului, să începem să adăugăm câteva umbre. Faceți dublu clic pe stratul "Front / bottom / 1" și aplicați o suprapunere de gradient cu setările afișate în imaginea de mai jos. Glisați mouse-ul pe panza și, cu fereastra Layer Styles open și Gradient Overlay selectată, repoziționați-vă gradientul.
Duplicați stratul "Front / bottom / 1" (Cmd / Ctrl + J), redenumiți duplicatul la "2" și aplicați o acoperire cu gradient și o umbră interioară cu setările afișate în imaginea de mai jos. Apăsați OK.
Închideți grupul "Front / Bottom". Selectați și faceți dublu clic pe stratul "Front / center / 1". Aplicați o acoperire cu gradient cu aceleași setări în imaginea de mai jos. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Duplicați stratul "Front / Center / 1" (Cmd / Ctrl + J), redenumiți duplicatul la "2" și faceți dublu clic pentru a aplica o suprapunere de gradient cu setările văzute în imaginea următoare. Apăsați OK.
Închideți "Grupul de centru" și selectați stratul "Front / Top / 1". Faceți dublu clic pe acesta pentru a aplica suprapunerea Gradient cu setările imaginii de mai jos. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Amintiți-vă că puteți trage pe scenă pentru a muta gradientul în timp ce Window Style Layer este deschis și este selectat Overlay Overlay.
Duplicați stratul "Front / Top / 1" (Cmd / Ctrl + J), redenumiți duplicatul la "2" și faceți dublu clic pentru a aplica o suprapunere de gradient cu setările văzute în imaginea de mai jos. Apăsați OK.
Închideți grupul "Front", faceți dublu clic pe stratul "Side / Side_Bottom / 1" pentru a aplica o suprapunere de gradient așa cum se vede în imaginea următoare. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Acum, faceți dublu clic pe stratul "Side / Side_Back / 1" pentru a aplica o suprapunere de gradient așa cum se vede în imaginea următoare. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Duplicați stratul "Side / Side_Back / 1" (Cmd / Ctrl + J). Redenumiți noul strat la "2", faceți dublu clic pe acesta pentru a aplica o suprapunere de gradient cu setările văzute în imaginea de mai jos. Observați că acum modul de amestecare al gradientului este setat la Multiplicare, deoarece facem o umbră (nu o lumină) în colțul din stânga-dreapta. Trageți gradientul pentru al repoziționa în colț. Apăsați OK.
Duplicați stratul "Side / Side_Back / 2" (Cmd / Ctrl + J). Redenumiți noul strat la "3", faceți dublu clic pe acesta pentru a aplica o suprapunere de gradient cu setările văzute în imaginea următoare. Din nou, observați că acum modul de amestecare al gradientului este setat la Multiplicare, deoarece facem o umbră (nu o lumină) în colțul din stânga jos. Trageți gradientul pentru al repoziționa în colț. Apăsați OK.
Închideți grupul "Side / Side_Back" și faceți dublu clic pe stratul "Side / Side_Center / 1" pentru a aplica o suprapunere de gradient cu setările văzute în imaginea de mai jos. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Închideți grupul "Side / Side_Center" și faceți dublu clic pe stratul "Side / Side_Top / 1" pentru a aplica o suprapunere de gradient cu setările văzute în imaginea de mai jos. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Acum, închideți grupul "Side", iar cu instrumentul Pen, realizați formele pentru butoane și difuzor. Faceți un cerc mic cu instrumentul Ellipse (u) pentru microfon. Pentru partea centrală a difuzorului faceți o formă și vopsiți-o cu gri (bfbfbf). Organizați toate formele urmând imaginea de mai jos.
Faceți dublu clic pe stratul "Butoane / 1" și aplicați suprapunerea Inner Shadow și Gradient, urmând setările imaginii de mai jos. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Faceți același lucru cu stratul "Butoane / 2", aplicați Inner Shadow și Gradient Overlay după setările imaginii de mai jos. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Faceți același lucru cu stratul "Butoane / 3", aplicați Inner Shadow și Gradient Overlay după setările imaginii de mai jos. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Faceți același lucru cu stratul "Butoane / 4", aplicați Inner Shadow și Gradient Overlay după setările imaginii de mai jos. Apăsați OK. În fereastra Layers, rândul său, umpleți stratul la 0%.
Cu stratul "Butoane / 4" selectat, creați un dreptunghi oriunde în spațiu folosind instrumentul Rectangle (U). Redenumiți stratul dreptunghiului pe care tocmai l-ați creat la "Toate". Acum, selectați Instrumentul de selecție a traseului (A), selectați calea stratului "Butoane / 4", copiați-l (Cmd / Ctrl + C) strat. Faceți același lucru pentru stratul "Butoane / 3", stratul "Butoane / 2" și stratul "Butoane / 1". Acest lucru poate fi un pic dificil de înțeles, dar urmând imaginea de mai jos ilustrează modul în care se face.
Acum, faceți dublu clic pe stratul "Tot" și aplicați o acoperire cu gradient și o umbră interioară urmând setările imaginii de mai jos.
Închideți grupul "Butoane" și selectați stratul "mic / mic". Asigurați-vă că este Negru, iar umplerea acestuia este de 100%. Aplicați o fază și un relief cu setările imaginii de mai jos. Apăsați OK.
Închideți grupul "mic" și selectați stratul "difuzor / difuzor". Aplicați o acoperire interioară și o acoperire cu gradient cu setările afișate în imaginea de mai jos. Apăsați OK. În fereastra Layere, rotiți Fill of the layer (Nivel de umplere a stratului) la 0%.
Acum permiteți să faceți partea centrală a difuzorului. Creați un document nou cu dimensiunea de 4 x 4 px. Măriți cât puteți. Cu instrumentul Mască (m) faceți o selecție ca în imaginea de mai jos. Cu instrumentul Bucket Paint completează selecția cu negru. Deselectați toate (Cmd / Ctrl + D) și mergeți la meniul Editare / Definire model, o fereastră vă va solicita să scrieți un nume pentru model, să scrieți orice nume și să apăsați Ok.
Reveniți la fișierul phone.psd și faceți dublu clic pe "speaker / center speaker". Adăugați o suprapunere de gradient, o umbră interioară și o acoperire cu model cu modelul pe care tocmai l-am creat. Verificați imaginea de mai jos pentru setări.
Să creați fișa HDMI. Începeți prin selectarea instrumentului Pen (P) și desenarea formei exterioare a ștecherului. Redenumiți-l la "1" și apăsați (Cmd / Ctrl + G) cu stratul selectat pentru a crea un grup. Redenumiți grupul la "Conector HDMI". Apoi aplicați un stil Bevel și Emboss în stratul "HDMI Plug / 1" urmând setările din imaginea de mai jos.
Cu Pen Tool, creați un alt Shape peste ultimul, asigurați-vă că culoarea acestuia este CCCCCC și aplicați un stil Shadow Inner cu aceleași setări ca cele de pe imaginea următoare.
Cu instrumentul Pen, creați o altă formă peste ultima. Asigurați-vă că culoarea sa este 797979 și aplicați stilul Inner Shadow cu aceleași setări ca cele de pe imaginea următoare.
Cu Pen Tool, creați o altă formă pe ultima, Asigurați-vă că culoarea ei este 343434.
Și fișa dvs. HDMI este terminată.
Să facem fișa USB. Cu instrumentul Pen, trageți forma exterioară a fișei. Faceți culoarea lui 0e0e0e. Redenumiți-l la "1" și apăsați (Cmd / Ctrl + G) cu stratul selectat pentru a crea un grup. Redenumiți grupul la "fișă USB".
Cu instrumentul Pen, trageți forma interioară a fișei USB. Faceți-l negru 000000. Redenumiți-l la "2". Aplicați stilurile Inner Shadow, Inner Glow și Gradient Overlay după imaginea de mai jos.
Să facem ecranul de afișare. Începeți prin desenarea părții exterioare a ecranului. Faceți-l negru 000000.
Desenați partea interioară a ecranului cu numele "2" și ascundeți-o. Lipiți imaginea pe care doriți să o plasați pe ecran peste layerul "Display / 2" și redenumiți-o la "tapet" (am inclus o imagine frumoasă cu fișierele sursă, în cazul în care doriți să o utilizați). Cu tasta Cmd / Ctrl apăsată, selectați miniatură Vector Mask pentru stratul "Display / 2". Asta va face o selecție. Cu stratul "tapet" selectat, apăsați butonul Adăugați masca stratului pentru a ascunde partea din imaginea de fundal aflată în afara ecranului. Faceți clic pe legăturile de lanț mici care apar pe stratul "tapet" pentru a dezactiva legătura dintre strat și mască. Selectați miniaturile layerului "tapet", apăsați Cmd / Ctrl + T pentru ao transforma și apăsați pe Cmd / Tasta Ctrl pentru a distorsiona imaginea pe care o utilizați ca fundal pentru a se potrivi perspectivei telefonului. Apăsați tasta Return când ați terminat. Aplicați o suprapunere de gradient și un stil de umbră interioară pe "tapet", urmând setările afișate în partea de jos a imaginii de mai jos. Apăsați OK. În cele din urmă, permiteți din nou legătura dintre stratul "tapet" și masca.
Să facem strălucirea ecranului. Cu instrumentul Pen, faceți forma strălucirii peste stratul "tapet". Redenumiți stratul la "strălucire" și aplicați un stil de acoperire cu gradient urmând setările imaginii de mai jos. Transformați stratul la 0%. Apăsați OK.
Acum du-te și descarcă logo-urile USB, HDMI și MOTOROLA. Inserați-le în "telefon.psd". Folosind Cmd / Ctrl + T pentru a transforma și tasta Cmd / Ctrl în timp ce se transformă pentru a denatura logo-urile dvs. pentru a se potrivi perspectivei telefonului. Plasați toate logo-urile într-un grup numit "Logos". Toate formele logo-urilor trebuie să fie de culoare gri 959595.
Faceți exact același lucru cu pictogramele. Singura diferență este că va trebui să le desenați cu instrumentul Pen folosind o imagine de referință. Asigurați-vă că cele patru pictograme sunt colorate gri d7d7d7. Faceți un grup cu toate pictogramele și numiți-l "Big Icons". Faceți același lucru cu cele trei pictograme mari, dar le faceți culoarea albă FFFFFF și setați Fill-ul la 50%.
Dacă sunteți încă aici cu mine, înseamnă că sunteți o persoană extrem de răbdătoare și orientată spre detalii, așa că haideți să o luăm puțin mai mult și să adăugăm mai multe detalii pentru a face telefonul să arate chiar mai multă viață. Efectuați un nou document de 100 x 100 px cu fundal negru. În meniu, accesați Filter / Noise Add Noise după setările din imaginea de mai jos. Apăsați OK. În meniu, mergeți la Modificați / Definiți modelul și denumiți-l "Zgomot".
Reveniți la fișierul "phone.psd". Faceți dublu clic pe primul strat pe care l-ați creat, "MAIN BG" și aplicați un stil de tip Overlay cu modelul "Noise" pe care tocmai l-ați creat urmând setările de mai jos. Apăsați OK. Acest lucru va adăuga o anumită textură plasticului.
În timp ce apăsați tasta Cmd / Ctrl, selectați miniatură Vector Mask pentru același strat "MAIN BG". Aceasta va selecta întregul telefon. Acum, apăsați butonul "Creare umplutură nouă sau strat de ajustare" din partea inferioară a ferestrei straturilor și selectați "Photo Filter". Acest lucru creează un strat de ajustare denumit "Photo Filter 1" peste stratul "MAIN BG". "pentru al plasa între grupul" USB plug "și grupul" display ".
Faceți dublu clic pe miniatură a stratului "Filtru foto 1" și se va afișa fereastra "ajustări". Aplicați aceleași setări ca cele de pe imaginea de mai jos.
Utilizând tasta Shift, selectați toate straturile și grupurile, de la "MAIN BG" la "Big Icons" și apăsați Cmd / Ctrl + G pentru a crea un grup cu tot ce există în interior. Denumiți grupul "Telefon final". Glisați grupul "Telefon final" la butonul "Creați un nou strat" din partea de jos a ferestrei de straturi. Aceasta va duplica grupul "Telefon final". Selectați noul grup "Final Phone Copy" și apăsați Cmd / Ctrl + E pentru a îmbina toate straturile din interiorul acelui grup într-un singur strat. Redenumiți-l la "Reflected". Selectați stratul "Reflected" și mergeți la meniul "Edit / Transform / Flip Vertical".
Trageți acum stratul "Reflected" în poziția finală. Apăsați butonul "Add Vector Mask" din partea inferioară a ferestrei Layers. Asigurați-vă că aveți culoarea alba ca culoare în prim plan și negrul ca culoarea de fundal. În cadrul miniaturii Mască a stratului de "reflecție" selectat, trageți de sus în jos. În cele din urmă, vopsiți stratul de fundal cu gri "c2c2c2".
Accentsconagua