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ç....