|
İçe göçen butonların
nasıl yapıldığını sanırım merak ediyorsunuz. Aslında bu
konu da pek zor değil. Siz de kolayca yapabilirsiniz. Dikkat
etmeniz gereken şey şu;Bu buton uygulaması için 2 ayrı grafik dosyası
gerekiyor. Bu 2
buton grafiği dosyasını TEK bir imajdan yola çıkarak oluşturmak
ve bir "JavaScript" kod parçasından doğru
yararlanabilmek işin püf noktası! Bu buton uygulaması için gereken
2 grafik dosyasını nasıl hazırladığımı merak ediyorsanız,
birlikte görelim.
1. Paint Shop Pro menü çubuğundan
File / New Image komutunu veriyoruz.
Ekrana gelen pencereyi aşağıdaki
gibi ayarlayıp, OK butonuna basıyoruz.
2.
Çalışma ortamımız aşağıdakine benzer bir şekilde
olmalı... (125x50
pixel boyutlarında bir çalışma penceresi açtık.
Butonlarımızın boyutu bu ölçülerde olacak...)
3.
Butonları kullanacağımız yerdeki zemin renginin HTML
Kod değeri diyelim ki, "#FF00FF" olsun.
Yani Pembe'ye yakın bir renk. Aşağıdaki "Color"
penceresinde görüldüğü gibi.
Bu
renk penceresini açmak için, "tool palette" içindeki
damlalık simgesini tıklayıp, daha sonra aşağıdaki
resimde kırmızı daire içine alınmış RENK KARESİ içine
çift tıklama yapmalısınız.Renk pencere sini açtık diyelim; şimdi burada "HTML
Code" yazan bölüme, önce den belirlediğimiz
zemin rengini (#FF00FF) yazarak renk seçimini yapı yor ve
OK butonuna basıyoruz.
4.
Renk seçimini yaptıktan sonra, yani en sağda gördüğümüz
renk grubu içindeki 2 renk karesinden üstte olanın
rengini belirledikten sonra, (yukarıdaki
şekilde kırmızı daire içine alınmış bölge) "Tool Palette" içinden bir kova görünümündeki
"Flood Fill" simgesini tıklayıp seçili
hale getirelim. Ve "Tool Options" penceresini görüntüle
yip,
aşağıdaki gibi ayarlayalım...
5.
Sonra çalışma ortamımıza, yani 125x50 pixellik
penceremize dönüp, içindeki beyaz bölgenin herhangi
bir yerine mouse ile tıklaya lım. Penceremizin beyaz
zemini, istediğimiz renk ile kaplanmış oluyor böylece.
Aşağıda görüldüğü gibi...
|
