Bu eğitimde Fireworks 8 programı kullanılarak nasıl butonlar yapılacağı en sade dille anlatılmaya çalışılacaktır.

Butonlu ve swap image (değişen resim) li uygulama

1- Ellipse tool uygulama
Ellipse tool aracı ile shift tuşu basılı iken bir daire çizilir. Modify/Symbol/Convert to Symbol (F8) komutu seçilir. Ekrana gelen pencereye Name’in karşısına buton ismi yazılır Type kısmından buton seçilir.

2- Ekrana gelen buton simgesi fare’nin sağ tuşu ile tıklanıp Symbol/Edit Symbol(Veya panelden Documant Library ‘den buton ismi seçilir, sağ üst köşedeki menüden Edit Symbol kullanılır.)

3- Önce Fill Category/Gradient/Radial seçilir, dolgu renginden uygun renkler seçilir ve Gradient çubuğu istenilen şekilde ayarlanır. Kenar rengi ve kalınlığı ayarlanır. Ellipse Tool ile yeni bir daire çizilir. Fill Category/Gradient/Linear seçilir, bir ve ikinci renkler beyaz yapılır, sağdaki opacity 0’a getirilir, kenar rengi iptal edilir.

4- Text Tool ile ekrana butonun yazısı yazılır ve renk, hizalama gibi ayarları yapılır.

5- Sağdaki States panelinden Over seçilir. Properties penceresinden Copy Up Graphic (Up durumundaki resmi yapıştır.) komutu ile buton Over’a getirilir ve gerekli renk ve diğer değişiklikler yapılır. İstenirse buton’a Properties panelinden bağlantı (link) ayarları yapılır.

6- Buton alt tuşu ile sürüklenerek veya Documant Library’den butonun ismi sürüklenip sahneye bırakılarak çoğaltılır. Butonun üstü tıklanıp Properties den Text özelliğinin karşısına “yeni isim” yazılır.

7- Araç çubuğundan Slice Tool seçilip çalışma alanına bir kutu çizilir.

8- States panelinden New Duplicate States komutu ile yeni bir durum (State) eklenir. Komut tekrar edilerek bir tane daha State eklenir.

9- State 2 seçilir. File Import ile ekrana bir resim eklenir. State 3 seçilir File/Import ile bir resim daha eklenip Web Slice ‘a göre ayarlamalar yapılır.

10- State 1 seçilir. Butonun üstündeki yuvarlak şekil tıklanıp Slice’nın üstüne bırakılır ekrana gelen Swap Image dan State 2 seçilir. Diğer buton üzerindeki daire tıklanıp Web Slice’a sürüklenir ekrana gelen pencereden State 3 seçilir.

11- Yapılanları görmek için yukarıdaki Preview komutu kullanılır.

Videolardaki eğitim Firewoks 8 e aittir yakın zamanda güncellenecektir.

Eğer önceki videoyu izlemekte sorun yaşıyorsanız bunu da deneyebilirsiniz.

Buda mynete attığım alternatif