Metal Düğme, Buton

Metalik ButonYanda da gördüğünüz gibi, bu konumuzda, süper görünümlü metalik bir buton yapıyoruz.

1) İlk önce yeni bir çalışma alanı açalım. Boyutu 800*600 olabilir.

2) Açtıktan sonra “D” tuşuna basarak paletlerimizdeki renkleri “default” yani normal, en baştaki haline getiriyoruz. ( Bu renkler default; herzaman siyah & beyazdır. )

3) Daha sonra yeni bir layer oluşturalım ve adını “layer 1” yazan yere çift tıklayarak, “Metalik Buton” yapalım.

1 2

4) Şimdi de “Rounded Rectangular Tool” umuzu alıyoruz.. Radius‘u 20 yapıyoruz. (aşağıdaki resimlerden takip edebilirsiniz)

3 4

5) Bu işlemden sonra istediğiniz boyutta bir buton çizin. Bu aşamada butonumuzun içi siyah renkli olması gerekiyor. Buna dikkat edin. Eğer siyah değilse, 2. aşamayı doğru yapamamışsınız demektir.
6) Layer > Rasterize > Shape yaparak, metalik butonumuzu, yazı modundan şekil-resim moduna geçiriyoruz.

5
7) Daha sonra Metalik Buton layerımıza sağ tıklayıp, blending options‘a geliyoruz. Ya da Layer > Layer Style > Blending Options yolunu da kullanabilirsiniz.

8) Açılan Blending Options sayfasından, Inner Glow sekmesine tıklıyoruz ve aşağıdaki ayarları yapıyoruz.

Inner Glow İşlemini Görmek İçin Tıklayın

9) Daha sonra da Bevel and Emboss sekmesine tıklayıp, aşağıdaki ayarları yapıyoruz.

Bevel and Emboss İşlemini Görmek için Tıklayın

10) Bevel and Emboss sekmesinin altında bulunan Contour sekmesine basıp aşağıdaki ayarları yapıyoruz.

Contour İşlemini Görmek için Tıklayın

11) Şimdi de yine aynı pencereden, Satin sekmesine basıyor, ve aşağıdaki ayarları yapıyoruz.

Satin İşlemini Görmek için Tıklayın

12) En son olarak da Color Overlay sekmesine tıklıyoruz. Ayarları yapıyoruz.

Color Overlay İşlemini Görmek için Tıklayın

13) Ve işte sonuç..

Son

Kolay gelsin arkadaşlar. Aynı sonucu almanız için işlemleri dikkatli takip edin ve sorun yaşarsanız lütfen bizimle irtibata geçin.

Bu yazıyı

Bu konuda toplam 10 yorum var. Siz de yorum yapın, sorularınızı hemen yanıtlayalım

  1. Süper 🙂

  2. teşekkürler yaralı dökümanlarınız için 🙂

  3. Süper bi site anlatımlar süper ama ben 2. aşamayı doğru yapıorum D ye basıyom siyah beyaz oluyo ama buton siyahla dolmuyo napıcam yardım edin lütfen 🙁

  4. Anlatımlar harika ve anlaşılır. Bir çok forumda photoshop çalışmaları için gezindim fakat en kalite ve anlaşılır anlatımı burada gördüm. Emeğinize sağlık.

  5. ben 6. adıma kadar geldim ama rasterize tıklanmıyor yardımcı olursanız sevinirim

  6. Flash Oyun bölümünü Dreamweaver ile düzenliyordum iyi oldu. Elinize sağlık…

  7. saol benım de buton yapmam lazımdı ben daha değişik yapıyodum ama bu daha güzel oldu rengi dısında onuda değiştiririz 😀 web tasarımına hazırlanıyorum ve buradan bırazcık yardım alıyorum site cok guzel inşallah daha güzel paylaşımlar olur teşk.

  8. Eywallah birader guzel paylasım

  9. bu butona tıklanmıyo kardeşim.link ölü 😀 güzel olmuş.takip ediyoruz.

  10. yararlı bir tutorial olmuş. elinize sağlık.

Yorum yapın

Bu konuya link verip, sayfanızın aşağıda gözükmesini sağlayın.
Sağ tıkla > Bağlantı Adresi Kopyala >> Metal Düğme, Buton