Slm arkadaşlar bu photoshop dersimizle birlikte photoshopta wb buton nasıl yapılır aşama aşama göreceğiz.Photoshopta web buton yapımı dersimiz son aşamada aşağıdaki gibi olacaktır.
Photoshop dersleri
1-Öncelikle photoshopumuzda 164 e 50 ebatlarında yeni bir sayfa açalım. File-new
2-Ardından rounded rectangle ile buton aralıklarını çizelim ve renk olarak #000000 ve radius için 5px ayarlarını uygulayalım.
Photoshop dersleri Web Buton yapma
3-Ardından layer style den aşağıdaki ayarları uygulayalım.

4-Ardından aşağıdaki değerleri girelim.

5-Ardından başka bir rounded rectangle uygulaması yapıp yine 5 px değerini girelim ve renk olarak da #DEDEDE değerini girelim.
Photoshop dersleri Web Buton yapma
6-Sonra layer paletinde Add to vector mask ayarını yapalım.Sonra D tuşuna basarak renk ayarlarını klasik ayarlara döndürelim ve gradient tool ile renk geçişini sağlayalım.
Photoshop dersleri Web Buton yapma
7-Bu aşamada da web butonumuza yazımızı yazalım.Biz yazı biçimi olarak Helvetica - Medium Condensed - 14pt kullandık.
Photoshop dersleri Web Buton yapma
8-Son olarak da yazımızın sol tarafına bir resim koyalım.
Photoshop dersleri Web Buton yapma
İşte Sonuç....
|