Arşiv sayfasından bütün yazılarıma ulaşabilirsiniz

4 basit adımda parlak butonlar yapmak

Özellikle web 2.0 tarzındaki sitelerde parlak butonların sıkça kullanıldığını görüyoruz. Çünkü parlak butonlar insanın gözüne son derece hoş geliyorlar. Photoshop, GIMP veya Fireworks gibi yazılımları kullanarak bu butonları oluşturabilirsiniz ama ben size çok daha pratik bir yöntemden bahsetmek istiyorum. Solda duran parlak mavi butonu yalnızca 4 basit adımda siz de yapabilirsiniz.

Benim cool butonum (:

Kendi butonunuzu oluşturmak için My cool button isimli siteye girmeniz yeterli. Tüm işlemleri web üzerinde yapacaksınız. Hiçbir imaj işleme tekniğini bilmenize gerek yok.

  • 1. adımda oluşturmak istediğiniz butonun genişlik değerini piksel cinsinden belirliyorsunuz.
  • 2. adımda butonun kendi rengini ve arkaplan rengini belirliyorsunuz.
  • 3. adımda buton üzerinde bir simge görüntülenmesini isteyip istemediğinizi belirtiyorsunuz. İster öntanımlı simgelerden birini kullanın, isterseniz kendi bilgisayarınızdan bir herhangi bir simge upload edin.
  • 4. adımda ise buton üzerinde görüntülenecek yazıyı yazıyorsunuz. Bu yazının tipini, büyüklüğünü ve rengini istediğiniz gibi değiştirebilirsiniz.

Bu 4 adımdan sonra Apply changes butonuna tıklayarak butonun bir önizlemesini görebilirsiniz. Sonuçtan memnun kalırsanız Download butonuna tıklayarak butonu, PNG formatında bilgisayarınıza indirebilirsiniz.


Mycoolbutton sitesi ile yaptığım örnek buton
EkleBunu Sosyal Paylaşım Butonu

8 yorum var

  1. […] görüyoruz. Kolay yoldan kendi web 2.0 butonunuzu hazırlamak içinse daha önce buradaki yazımda da bahsettiğim Web 2.0 free buttons maker aracını kullanabilirsiniz. Ek olarak Web 2.0 […]

  2. butonlar da tamamdır. ;)

  3. butonun yüksekliğini nasıl ayaarlıyoruz ?

  4. Butonun yüksekliğini ayarlayamıyorsun. Yalnızca “Setup size” bölümünden butonun genişliğini ayarlayabiliyorsun. Yükseklik otomatik olarak belirleniyor.

  5. usta gercekten çok işime yarıcak güzel yakıştı da;)

  6. güzel bi tasarım için butonların parlak olması oldukça önemli. teşekkürler..

  7. teşekkürler erhan güzel butonlar oluşturuluyor. fakat birşey soracağım butonun şeklini değiştiremiyor muyuz ?

  8. Teşekkürler eburhan, güzel oldu bu butonlar :)

İçinizde kalmasın, siz de yorum yazın.