1- Photoshopta aşağıdaki şekildeki gibi bir sayfa açalım.


Photoshopta


2- Siz istediğiniz ölçüde açabilirsiniz. Ardından aşağıdaki şekilde kırmızı çerçeve ile  işaretli yerden bir layer (katman) oluşturalım.




Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


3- Renk paletimizden ön ve ara artalan renklerini aşağıdaki şekildeki gibi ayarlayalım.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com
Ön artalan renk ayarı


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com
Arka artalan renk ayarı

4- Yuvarlak Köşeli Dikdörtgen (Rounded Rectangle Tool) aracımızı seçelim ve aşağıdaki şekildeki gibi ayarlayalım.




5- Buton şeklimizi aşağıdaki resimdeki gibi oluşturalım.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


6- Kontrol tuşuna basıp Katman 1 i tıklayarak oluşturduğumuz butonu aşağıdaki gibi seçelim.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


7- Arkasından Degrade Aracını (Gradient Tool) seçerek aşağıdaki gibi düzenleme yapalım.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


8- Mausumuz + şeklini aldıktan sonra Shift tuşuna basılı tutarak degrade aracını seçili butonun üst sınırından alt sınırına kadar düz bir çizgi olarak çekip bırakalım. 

9- Yeni bir layer (katman) daha oluşturalım. Katman-2 seçili halde aşağıdaki gibi Seç (Select) sekmesinden Değiştir (Modify)>Daralt (Contract) diyerek Daraltma oranına (contract by) 2 px değerini verelim. 


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


10- Renk paletimizi aşağıdaki gibi siyah-beyaz olarak değiştirelim.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


11- Degrade Aracını (Gradient Tool) seçerek aşağıdaki gibi düzenleme yapalım.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


12- Mausumuz + şeklini aldıktan sonra yine Shift tuşuna basılı tutarak degrade aracını butonun üst sınırından ortasına kadar gelecek şekilde  düz bir çizgi olarak çekip bırakalım. Butonumuz aşağıdaki gibi olacaktır.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


13- Aşağı ok tuşuna basarak seçili alanı ortaya gelecek şekilde aşağıdaki gibi ayarlayalım.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


14- Ardından Delete tuşuna basıp Control+D ile seçimden çıkalım. Şeklimiz aşağıdaki gibi olacaktır.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


15- Şimdi de yazım aracı ile butonumuza isim verelim. Yazım ayarları aşağıdaki gibi olacaktır.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


16- Şimdi de yazımıza gölge vermek için aşağıdaki ayarları yapalım. Download katmanınız seçili iken sağ klik yapıp karışım seçeneklerinden Gölge yi (Drop Shadow) seçelim ve aşağıdaki ayarları yapalım.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


17- Katman 1 i seçip sağ klip yaparak Karışım Seçeneklerinden Eğim Ver Kabart seçeneğini seçelim ve aşağıdaki ayarları yapalım.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


18- Katman 1 seçili iken Katman tablosunun altından (yuvarlak şekil) Yeni Bir Dolgu veya Ayar Katmanı Oluştur düğmesine tıklayarak Ton/Doygunluk seçeneğini seçelim. Aşağıdaki şekilde ayar yapalım.




19- Butonumuz aşağıdaki gibi olacaktır.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com


20- 18. maddede ki ayarı yapmak istemezseniz butonumuz aşağıdaki gibi olacaktır.


Photoshopta Resimli Cam Buton Yapimi-cahitsoyman.blogspot.com