În proiectarea site-urilor, sunt adesea utilizate elemente de navigație tridimensională. Astfel de butoane pot fi realizate în editorul grafic Photoshop, simulând volumul folosind umbre și umplere în gradient.
Necesar
Program Photoshop
Instrucțiuni
Pasul 1
Creați un document nou într-un editor grafic utilizând opțiunea Nou din meniul Fișier. Selectați dimensiunea noului document pentru a se potrivi butonului și faceți fundalul transparent.
Pasul 2
Activați instrumentul dreptunghi rotunjit. Dacă doriți un buton ușor rotunjit, în bara Opțiuni instrument, setați Raza la un milimetru. Desenați un dreptunghi rotunjit folosind instrumentul selectat. Forma rezultată va sta la baza butonului.
Pasul 3
Faceți clic dreapta pe strat și selectați opțiunea Rasterize Layer. Încărcați selecția cu opțiunea Încărcare selecție din meniul Selectare.
Pasul 4
Utilizați instrumentul Gradient pentru a umple butonul cu un gradient în două culori, alegând o combinație adecvată de culori din presetările din paleta de gradient. Stilul de gradient trebuie să fie liniar, selectați-l făcând clic pe butonul Gradient liniar de sub meniul principal. Partea superioară a butonului după umplere trebuie să fie mai ușoară decât cea inferioară.
Pasul 5
Aplicați un stil stratului. Pentru a face acest lucru, utilizați opțiunea Opțiuni de amestecare din meniul contextual. Selectați fila Shadow Drop și introduceți o valoare de o sută douăzeci de grade pentru parametrul Angle. Setați parametrul Dimensiune la trei pixeli.
Pasul 6
În fila Umbra interioară setați aceeași valoare pentru parametrul Unghi, iar pentru Dimensiune setați valoarea la cinci pixeli. Aplicați stilul apăsând tasta Enter.
Pasul 7
Faceți o umbră pentru buton. Pentru a face acest lucru, faceți clic pe butonul Creați un strat nou și umpleți cu negru zona selectată a noului strat. Selectați instrumentul Găleată de vopsea pentru aceasta. Deselectați cu Ctrl + D.
Pasul 8
Aplicați un filtru Gaussian Blur din grupul Blur din meniul Filtru dreptunghiului negru. Setați Raza la patru pixeli. Trageți stratul de umbră sub stratul de buton și ridicați umbra cu trei până la patru pixeli în sus. Pentru aceasta, activați Instrumentul Mutare și mutați umbra cu butoanele cursorului. Reduceți opacitatea pentru acest strat la șaizeci la sută.
Pasul 9
Faceți stratul activ cu butonul și încărcați o selecție din acesta. Reduceți selecția cu doi pixeli utilizând opțiunea Contract din grupul Modificare din meniul Selecție.
Pasul 10
Creați un strat nou și completați selecția rezultată cu un gradient liniar de la alb la transparent, astfel încât partea albă să fie în partea de jos a butonului. Deselectați selecția. Folosind opțiunea Transformare liberă din meniul Editare, reduceți zona acoperită de gradient pe verticală. Aplicați transformarea cu tasta Enter.
Pasul 11
Schimbați modul Blend al stratului de gradient la Overlay. Acest lucru se poate face selectând un mod din lista derulantă din partea stângă a paletei Stiluri. Reduceți opacitatea stratului la șaizeci la sută.
Pasul 12
Folosind Instrumentul Tip orizontal, scrieți textul care ar trebui să fie pe buton.
Pasul 13
Colectați toate straturile într-un folder folosind opțiunea Straturi de grup din meniul Layer, selectându-le în timp ce țineți apăsată tasta Ctrl. Salvați butonul într-un fișier psd folosind opțiunea Salvare din meniul Fișier.
