-
Abonti-va la fluxurile RSS prin email. Scrieti adresa de email in partea din dreapta pentru a primi cele mai noi tutoriale.
Buton in stilul Vista
In acest tutorial vom invata cum sa realizam un buton in stilul Vista.
1) Deschide un document nou in Photoshop cu dimensiunile 640×480 px, apoi umple fundalul cu un gradient radial#333333 spre #111111.
2) Creeaza un layer nou (Ctrl+Shift+N), apoi folosind Rounded Rectangle Tool realizeaza un dreptunghi cu dimensiunile fixe 300px * 50 px si celelalte setari din imaginea de mai jos.
3) Apasa Ctrl+Enter pentru a face din cale o selectie.
4) Pune culoarea principala #1f4149, iar cea secundara #2c6e7b. Selecteaza Gradient Tool, apoi folosind setarile din imaginea de mai jos, traseaza un gradient din mijlocul selectiei spre partea de sus. Dupa ce termini apasa Ctrl+D pentru a deselecta tot.
5) Apasa click dreapta pe layerul butonului, selecteaza Blending Options si pune setarile de mai jos pentru:
Outer Glow
Inner Glow
Gradient Overlay (uita-te la aceasta imagine pentru a realiza gradientul de care ai nevoie)
6) Acum vom adauga reflexie butonului. Apasa Ctrl+Click pe imaginea corespunzatoare layerului buton, creeaza un layer nou si umple selectia cu alb. Apasa apoi Ctrl+D pentru a deselecta tot.
7) Selecteaza Move Tool, si muta acest layer sub cel original.
8) Mergi la Edit > Transform > Perspective, tine apasat Shift si trage de unul din colturile de jos.
9) Mergi la Layer > Layer Mask > Reveal All, apoi traseaza un gradient negru spre alb, din partea de jos in cea de sus.
10) Schimba modul de imbinare al acestui layer in Soft Light, si pune opacitatea 20%.
Rezultatul final
Alte tutoriale
frumos
hai ca frumos frumos, da cum sa fac butonul sa acceseze adresa care-mi trebu ,
ai nevoie de un cod de forma
<a href=”http://adresa siteului“”> <img src=”http://adresa imaginii” /></a>
am incercat sa folosesc gradientu la pasu 4 da nu am putut, imi zicea ca the content of the layer is not directly editable. ce trebuie sa fac?
merci
poti pune un print screen sa imi dau seama unde e problema?
mi-a iesit super …multzam pt tutorial…..am si eu o rugaminte daca puteti face un tutorial cum se face o minge de fotbal in photoshop am incercat dar nu mi-a iesit..plz (scz ca am postat aiurea dar chiar am nevoie)plz daca se poate
….tnx
se poate
Ar trebui sa refaceti tutorialul, pentru ca ordinea comenzilor nu sunt asa cum le-ati pus mai sus! Si nici culorile nu sunt asa de luminoase cum e in imaginea finala fata de ceea ce facem noi din pasii din tutorial! Chiar mi-as dori sa-mi iasa asa cum e la final! Multumesc!
Cand incerc sa scriu ceva pe buton, nu imi apare… de ce? Puteti sa-mi da-ti add pe mess?
trebuie doar sa selectezi Type Tool si sa scrii textul intr-un layer nou. asigura-te apoi ca layerul in care ai textul este deasupra celorlalte. ti-am dat add si pe messenger