MUHAKEME.NET FORUMU - Web 2.0 Buton Yapımı

Rounded Rectangle Tool ile bir dikdörtgen çizelim ve 5 px Radius verelim.(Renk: #01a7ea )
http://www.muhakeme.net/clear.gif
Bevel option'dan Inner Shadow'a gelelim ve ayarları aşağıdaki gibi yapalım

http://www.muhakeme.net/clear.gif
Dikdörtgenimiz bu şekilde görülmeli;
http://www.muhakeme.net/clear.gif
Şimdi yeni bir layer açalım ve aşağıdaki gibi selection yapalım.

http://www.muhakeme.net/clear.gif
Seçili hale getirdiğimiz alana gradient uygulayalım. Renkler #3fbbf0 ve #9adfff olmalı.
http://www.muhakeme.net/clear.gif
Önceki seçimimizi deselect yapalım ve yeni bir selection oluşturalım. Daha sonra select/modify/contract a tıklayıp 2px değerini girelim. Son olarak is e select/Inverse uyguladıktan sonra delete tuşuna basalım

http://www.muhakeme.net/clear.gif
Şimdi gradient uyguladığımız bölgeyi seçelim ve ctrl+t kombinasyonunu (edit/transform) uygulayarak resimdeki gibi şekillendirelim.

http://www.muhakeme.net/clear.gif
Tekrar blend option'a girip stroke uygulayalım.
http://www.muhakeme.net/clear.gif

Sonuç bu şekilde olmalı;

http://www.muhakeme.net/clear.gif
Butonumuza yazı ekleyebiliriz
http://www.muhakeme.net/clear.gif
Şimdi yazıya bir kaç efek ekleyelim. Blend option'dan drop shadow'a ağaşıdaki değerleri girelim;

http://www.muhakeme.net/clear.gif

Ve son olarak yine Blend Option'dan gradient overlay uygulayalım;

http://www.muhakeme.net/clear.gif

Butonumuz hazır

http://www.muhakeme.net/clear.gif