![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)
Bevel option'dan Inner Shadow'a gelelim ve ayarları aşağıdaki gibi yapalım
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)
Dikdörtgenimiz bu şekilde görülmeli;
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)
Şimdi yeni bir layer açalım ve aşağıdaki gibi selection yapalım.
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)
Seçili hale getirdiğimiz alana gradient uygulayalım. Renkler #3fbbf0 ve #9adfff olmalı.
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](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
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapı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.
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)
Tekrar blend option'a girip stroke uygulayalım.
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)
Sonuç bu şekilde olmalı;
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)
Butonumuza yazı ekleyebiliriz
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](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;
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)
Ve son olarak yine Blend Option'dan gradient overlay uygulayalım;
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)
Butonumuz hazır
![Web 2.0 Buton Yapımı Web 2.0 Buton Yapımı](http://www.muhakeme.net/clear.gif)