Bugünkü dersimizde sitemizde çok rahat kullanabileceÄŸimiz çok renkli ve zevkli bir buton yapacazğız. Anlatım uzun gibi gözükebilir fakat yapmaya baÅŸlanıldığında gercekten kısa bir uygulama.Dersimize baÅŸlıyoruz…

1. ilk olarak her zaman yaptımız gibi 800×600 boyutlarında temiz çalışma sayfası acıyoruz.Çalışma ekranımızın arka plan renkini ben birincil renk olarak:#575757, ikincil renk olarakta : #070707 kullandım bu uygulamayı yaparken Gradient aracımızın Gradient Radial özelini kullandım.

2. uygulamamıza yeni bir layer oluÅŸturarak devam ediyoruz, oluÅŸturduÄŸumuz layerın içine 200×100 boyutlarında bir secili alan oluÅŸturuyoruz bunun için Rectanguler Marquee aracımızın Style özeliÄŸinden fixed size fonksiyonunu kullanıyoruz. OluÅŸturduÄŸumuz seçili alana Selecet/Modify/Smooth sekmesinden 10 deÄŸerini uyguluyoruz.

3. yapmış olduğumuz yumuşak köşeli secili alanın içini yeni layer secili olmak kaidesi ile #64c72d kado ile boyuyoruz (Kendi istediğiniz bi renkte olabilir)

4. işlemimize yeni bir layer oluşturarak devam ediyoruz. Oluşturduğumuz layerın içine ufak kareler oluşturuyoruz ve bu karelerin içini bir önceki işlemde kullandımız #64c72d kodlu renk ile boyuyoruz ve resimlerdeki gibi yerlerine yerleştiriyoruz.

5. daha sonra bu oluşturduğumuz layerları CTRL+E tuşlarını kullanarak birleştiriyoruz.

6. şimdi bir önceki adımda oluşturmuş oldumuz layera Ctrl+ farenin sağ tuşu ile basıyoruz ve seçili bir hal aldırıyoruz bu uygulama sonrasında Gradient aracımı kullanacağız bunun için önce 1. renk tonumuzu beyaz yapıyoruz ve Radial Gradient özellini seçiyoruz ve bu sekmenin yanındaki Mod bölümünü Overlay olarak ayarlıyoruz. Ayarlarımız tamamladıktan sonra resimdeki etkiye yakın bir etki oluşturasıya kadar resmin üzerine bu etkiyi uyguluyoruz.

7. vermek istediğimiz etkiyi elde ettikten sonra layerımıza tekrar CTRL+farenin sağ tuşu ile basıyoruz ve seçili bir hal aldırıyoruz, bu işlemin ardından Pen aracımızı kullanarak resimdeki gibi alan oluşturuyoruz ve çalışma alanımıza sağ tıklayarak Make Seletion seçeneyini seçiyoruz ve enter liyoruz.

8. oluşturduğumuz seçili alanın içini beyaza boyamadan önce yeni bir layer açıyoruz ve içini beyaza boyuyoruz , boyadıktan sonra layerımızın opacity ayarını 20 yapıyoruz ve ctrl+D tuşları ile seçili alanı kaldırıyoruz.

9. ÅŸimdiki uygulamamızda tekrardan yeni bir layer oluÅŸturuyoruz ve içine 30×10 boyutlarında ufak bir secili alan oluÅŸturuyoruz ve içini beyaza boyuyoruz bu iÅŸlemi yaptıktan sonra ufak bir blending ugulaması yapıyoruz.

Sonuç:

basic_buton10.jpg

umarım uygulamamız hoşunuza gitmiştir herkeze iyi çalışmalar. :)

Kaynak: http://undocontrol.com/