Share
Dacă vreodată trebuie să creați un telefon mobil sau un design BlackBerry și nu vă place să cumpărați imagini stoc, atunci acest tutorial este pentru dvs. Vă voi arăta cum să folosiți Vector Shapes, Masks și mai ales Effects Layer pentru a crea acest design elegant.
Înainte de a începe, să aruncăm o privire la imaginea pe care o vom crea. Faceți clic pe imaginea de mai jos pentru a vedea imaginea de dimensiune completă. Ca întotdeauna, fișierul Photoshop stratificat este disponibil prin intermediul nostru membru al PSdtuts + Plus
Creați un document nou, aproximativ aproximativ 1000 pixeli până la 1400 de pixeli, cu un fundal negru. Alegeți Instrumentul rotunjit dreptunghi (U) și desenați un dreptunghi de aproximativ 600x1000px. Rețineți că raza unghiului nu contează, deoarece vom edita forma.
Prindeți Instrumentul pentru săgeată albă (A) și începeți să trageți punctele de ancorare până când ajungeți la forma dorită. Rețineți că a trebuit să eliminați unele pentru a avea colțuri rotunjite mari, utilizând instrumentul Șterge ancora.
Acum, când forma noastră principală este făcută, trebuie să îi oferim câteva efecte pentru a crea iluzia. O ușoară gri până la negru Gradient Overlay va simula lumina, iar o combinație de efecte efecte cu efect Bevel și Hard Inner Hard va crea un cadru rotund moale. Pentru a le aplica, asigurați-vă că este selectat Shape Layer și faceți clic pe butonul Efect în jos pe Paleta de straturi, utilizați setările de mai jos.
Mai jos este rezultatul până acum.
Care ar fi un BlackBerry fără ecranul său mare? Să folosim instrumentul Rectangle (U) și să tragem dreptunghiul în jumătatea superioară. Utilizați din nou un element de acoperire Gradient Overlay și Shadow Inner.
Pentru a face ecranul și mai lucioasă, să adăugăm o altă reflecție. Duplicați stratul "ecran" și utilizați instrumentul de transformare (Control + T) pentru al face ușor mai mic (aproximativ 3-4 pixeli). Apoi, schimbați culoarea în alb, Transparență la 5% și setați Modul de amestecare la Multiplicare.
Acest lucru va transforma orice pixel alb într-unul transparent, dezvăluind stratul de dedesubt. Stratul nostru va deveni transparent, lăsând doar efectul vizibil. Modificați suprapunerea gradientului și înlocuiți-o cu una albă până la cea transparentă. Dați-i opacitatea completă și puneți-o la un unghi de 45 de grade.
Faceți clic pe calea din Paleta dvs. de nivel și jucați cu ajutorul săgeții albe și al instrumentului Convert Point pentru a crea o curbă frumoasă pe ecran.
Pentru a crea butonul central, vom folosi o serie de cercuri îngroșate și centrate. Primul cerc utilizează un Gradient pentru accident vascular cerebral, precum și un Gradient Overlay, în timp ce celelalte cercuri sunt o combinație de Umbre Interioare și Dropuri.
Folosind instrumentul Rectangle, desenați ceea ce vor deveni principalele noastre butoane chiar sub ecran. Utilizând instrumentul Convert Point, adăugați o curbă în partea de jos a dreptunghiului și schimbați culoarea spre un gri închis (# 131313).
Folosind Instrumentul de marcaj dreptunghiular (M), faceți două selecții la o lățime de 5px, la o distanță egală față de centru. Apoi, în timp ce țineți apăsat butonul Alt de pe tastatură, faceți clic pe butonul Mască din Paleta de straturi (menținerea Alt va inversa masca în mod automat). Felicitări, ați creat butoanele! Acum să-i dăm și câteva stiluri.
Privind prin straturile dvs., regăsiți forma principală. Extindeți apoi lista cu efectele utilizate (faceți clic pe săgeata mică din partea dreaptă). Apoi faceți clic dreapta pe Gradient Overlay și copiați stilul stratului. Întoarceți-vă la forma nouă, faceți clic dreapta și lipiți stilul stratului.
Adăugați o Umbrire ușoară cu o distanță de 0, Opacitate de 90% și o dimensiune de 25px. De asemenea, dați-i o strălucire interioară neagră inversă. Acest lucru îi va da o reflectare subțire a luminii pe margini.
Adăugați o linie groasă de 10px pentru a separa butoanele de ecran. Apoi adăugați o strălucire interioară albă.
Duplicați stratul butonului, ștergeți masca și efectele și modificați culoarea albului. Mutați-o ușor cu câțiva pixeli și folosiți instrumentul Ștergeți ancora pentru a elimina cele două ancore de top, dar păstrați curba inferioară. Utilizați instrumentul Convert Point pentru a regla calea, după cum se arată mai jos.
Aplicați setările Drop Shadow și Glow Indoor prezentate mai jos. Duplicați forma de trei ori, împărțiți-le uniform folosind instrumentul Distribute Vertical Spacing, creați un grup (Control + G) și comutați opțiunea de amestecare a stratului pentru a multiplica pentru a înmuia marginile.
Utilizând instrumentul Pen (P), desenați partea de jos a telefonului. Cu ajutorul aceluiași truc de copiere / lipire a stratului de stil, aplicați Shadow Drop folosit pe butoanele de la pasul 5 la această formă. Adăugați o acoperire Radial Gradient gri-închis. Apoi folosi mouse-ul pentru a muta gradientul în colț.
Acum duplicați acest strat, schimbați culoarea albului și opțiunea de amestecare a acestuia pentru a multiplica (încă o dată pentru a anula pixelii albi). Editați efectul Radial Gradient și mutați-l în celălalt colț. Joacă în jur cu opacities până când obțineți aceeași cantitate de lumină pe fiecare parte.
Pentru a crea tastatura mini, să duplicăm stratul butonului. Apoi redimensionați fiecare buton pentru a se potrivi între fiecare separator alb. Ștergeți masca, scoateți ghidajele de la riglă verticală și lucrați grila pentru a forma o tastatură cu zece coloane. Folosind aceeași metodă ca la pasul 5, creați o nouă versiune a măștii.
Utilizați Instrumentul Pen pentru a desena ultimul rând de taste. Folosiți stilurile și tehnica de mascare pentru a le separa, de asemenea.
Folosind fontul preferat, plasați fiecare literă pe cheia respectivă. Unele dintre semnele (spate, întoarcere, săgeți de schimbare) sunt forme pre-existente din biblioteca mea, dar puteți căuta întotdeauna prin fonturi dingbats pentru o soluție.
Cheile sunt acum în vigoare, deși rezultatul nu este încă complet, deoarece avem nevoie de mai multă lumină! Duplicați primul strat cheie. Apoi, ștergeți stilurile și aplicați un gradient simplu de la negru la alb, iar albul apare abia în partea de jos. Nu uitați că puteți face clic și trageți gradientul de pe panza dvs. În cele din urmă, modificați Opacitatea la 70%.
Creați o mască pe acest nou strat. Apoi apucați instrumentul eliptic marquee. Începând din stânga, trageți un cerc care trece prin partea stângă sus și dreapta a tastei. Apoi vopsea Masca negru. Repetați același proces pentru celelalte taste, dar oglindiți masca din centru.
Duplicați stratul de două ori. Plasați-le în partea de sus a fiecărei rânduri de taste. Repetați același pas pentru a crea stratul de reflecție de pe rândul de jos. Pentru bara de spațiu, faceți două selecții circulare pe fiecare parte și adăugați un dreptunghi în mijloc.
BlackBerry în sine lipsește doar ca difuzorul să fie complet. Desenați un dreptunghi rotunjit, cu un rază mare de unghi. Alegeți un ton gri deschis și adăugați unele Shadow Inner.
Suntem destul de aproape de a fi făcut acum! Să adăugăm un pic de textură în fundal. Am ales pielea pentru a accentua luxul și finisajul de înaltă calitate.
Am ales această imagine de la istockphoto, deoarece este exact ceea ce căutam. Nu este chiar acolo pentru culoarea deși. Adu-l în Photoshop. Apoi treceți la Image> Adjustments> Hue / Saturation (Control + U) și De-Saturate până când obțineți o imagine completă în tonuri de gri.
Adăugați o mască și desenați un gradient circular de la alb la negru. Dacă este necesar, utilizați instrumentul Transformare liberă pentru ao regla (Control + T), dar nu uitați să deblocați mai întâi Masca făcând clic pe butonul de legătură. Apoi adăugați un strat nou în fundal, umpleți-l cu negru și aplatizați ambele straturi.
Să aducem textura în designul dvs. principal. Mutați-o chiar deasupra stratului de fundal negru și setați modul de amestecare la Ecran. Acest lucru va face ca toți pixelii negri să fie transparenți, dezvăluind următorul strat. Duplicați-l și rotiți-l cu 180 de grade. Apoi reveniți la forma principală și adăugați un pic de Shadow Drop.
Asta e, ai făcut-o! Nu așa greu?
Deci, ce am învățat? Utilizarea efectelor stratului poate economisi o cantitate semnificativă de timp. Sigur, același rezultat ar putea fi obținut cu o pensulă obișnuită, construind straturi pe straturi, dar avantajul acestor efecte este că acestea sunt complet scalabile. Formele de vectori pot fi ușor redimensionate după cum este necesar.
Accentsconagua