Üstüne gelindiğinde şekil değiştiren buton yapımı. (Bazı sitelerdeki reklam bannerları tarzında)

Buton sabit, resim hareketli:

  1. ActionScript 2.0 açılır
  2. Rectangle tool ile bir buton çizilir.(Çizme işlemini tamamlamadan yani eli rectangle tool ile çizilen dikdörtgenin köşesinden kaldırmadan klavyenin yukarı - aşağı tuşlarıyla butona değişik şekiller verilebilir)
  3. Butona yazı yazılır
  4. Hepsini seçip önceki derslerde olduğu gibi çizilen nesne ve yazı butona çevrilir(F8 kısayol)
  5. Butonun üzerine çift tıklanarak içine girilir
  6. Up-Over-Down-Hit alanları görülür. Up butonun normal hali, over fare üstündeyken bulunduğu hali, down basılı olduğundaki hali, hit ise farenin üzerinde bulunduğu alandır.
  7. Sadece Up aktiftir başta. Diğerlerini de aktifleştirmek için Up seçili iken F6 tuşuna basılır ve diğerleri de doldurulur
  8. Fare ile üzerine gelince resim açılması istendiğinden Over üzerinde çalışmak gerekir
  9. Yapılan buton tamamen seçilip Over alanındayken F8 tuşuyla buton, movie clip haline getirilir.
  10. Nesnenin ortasındaki yuvarlağa çift tıklanarak movie clipin içine girilir. Karşımıza ilk proje oluşturduğumuzda çıkan ekrana benzeyen bir timeline çıkar
  11. Yeni bir katman oluşturulur. Bu katman resim içindir
  12. Butonda gösterilmek istenen resim yeni oluşturulan katmana eklenir
  13. Resme motion tween uygulanır(1-15. kareler arasında mesela)
  14. Resim katmanı aşağı taşınır böylece buton görülür hale gelir
  15. Buton katmanına sağ tıklayıp "Mask"a basılır
  16. Adım adım geri gidilir.(Şu an movie clipin içindeyiz. Timeline'in üstünde içine girdiğimiz nesneler görülür)
  17. Scene1'e gelinip uygulama oynatılabilir(ctrl+enter)
  18. Görüldüğü üzere animasyon sürekli hareket etmektedir. Bunu engellemek için küçük bir kod yazmak gerekir
  19. Tekrar butonun içindeki Over alanının içindeki movie clipin içine girilir
  20. Buradaki mask ve resim katmanının kilidi kaldırıldığında bunlar üzerinde değişiklik yapılabilir
  21. Resim katmanının son karesine gelinir ve Actions-Frame kısmı açılır. Buraya kod yazılacaktır
  22. Bu karenin kod kısmına

stop();

Yazılır. Ctrl+enter yapıldığında animasyonun bir kez oynayıp durduğu görülür

Resim sabit, buton hareketli:

  1. ActionScript 2.0 açılır
  2. Yeni bir buton oluşturulur
  3. Türü F8 ile button yapılır
  4. Butonun içine girilir over, down ve hit alanları F6 ile doldurulur
  5. Over üzerinde iken buton seçilip movie clip haline getirilir ve ortasındaki yuvarlağa çift tıklanıp içine girilir
  6. Yeni bir katman oluşturulur. Bu resim katmanı olacaktır
  7. Resim bu katmana eklenir, boyutu ve yeri ayarlanır.
  8. Bu kez resmin sabit olması ve butonun hareket etmesi yapılacaktır
  9. Direk resim katmanındaki 20. karede "Insert Keyframe" yapılır
  10. Resim katmanı, buton katmanının altına sürüklenir. Böylece buton görünür hale getirilir
  11. Buton katmanında buton için motion tween oluşturulur(1-20 kareler arası)
  12. 20inci karede buton küçültülür
  13. Buton katmanı seçili iken katmana sağ tıklanıp "Mask" uygulanır
  14. Yine animasyonun bir kez hareket edip durmasını istediğimiz için yukarıdaki gibi Actions-Frame panelinden son kareye stop(); kodu yazılır
  15. Ctrl + enter