Butonun üstüne gelince alt menü oluşmasını sağlamak için bir yöntemdir

  1. ActionScript 2.0 açılır
  2. İlk katmanda bulunan butonun sürekli görünmesi istendiğinden(gizli buton olacaktır bu çünkü) ilk 70-80 kareye "Insert Keyframe" yapılır. Bu keyfi bir değerdir. Az gelirse daha ileriki framelere "Insert Keyframe" yapılabilir. Kısaysa da daha önceki karelere "Insert Keyframe" yapılabilir
  3. Bir tane buton oluşturulur
  4. Bir katman oluşturulup bu katmana ilk yapılan butonun altına bir tane daha buton oluşturulur
  5. Alt a oluşturulan butonun olduğu katmana gelinip 1. kareye "Create Classic Tween" yapılır ve 10. kareye "Insert Keyframe" yapılır. 1. karede önce sahneye sonra butonun üstüne tıklanıp "Properties" panelinden "Alpha" değeri 0 yapılır. Böylece buton yavaş yavaş ekranda belirecektir. Bir katman daha açılır ve 10. karesine "Insert Keyframe" yapılır. Böylece 1. alt buton animasyonu görünürken az sonra oluşturulacak olan 2. buton ekranda görünmez
  6. Buraya(2. açılan katmanın 10. karesine) bir buton daha oluşturulur
  7. Bu butona da tween eklenir. 10. kareye "Create Classic Tween" yapılır. 20. kareye "Insert keyframe" yapılır. Ardından bu katmandaki 20. kareye tıklanıp stop(); yazılır. Böylece açılır menü açıldığında kaybolmaz hemen. Çünkü aşağıda kaybolma efekti de görünme efektinin arkasına yapılacaktır. Açılır menü ana butonun üstünden fare imleci çekilmediği sürece açık kalmalıdır. Bu istendiği için kaybolma efektine gelmeden animasyon durdurulur.
  8. Önceki katmanda da 20. kareye "Insert keyframe" yapılır. Böylece önceki katmandaki buton ana butonun altında belirecek, tamamen belirince de diğer buton belirecektir
  9. Bu işlemden sonra sırayla ekrandan kaybolma işlemi yapılacaktır. Bunun için önce son belirenin ekrandan çıkması sağlanmalıdır. Bu nedenle son eklenen katmana gelinip 30. kareye "Insert keyframe" yapılır. 30. karede önce sahneye sonra butona basılıp "Properties" panelinden "Color effect"e gelinip "Alpha" değeri 0 yapılır. Böylece 20. ve 30. kareler arasında buton ekrandan kaybolacaktır.
  10. Alttaki buton kaybolurken üstteki butonda bir değişiklik olması istenmediğinden onun katmanında da 30. kareye "Insert keyframe" yapılır ve efekt eklenmeyip olduğu gibi bırakılır. Animasyon oynatıldığında ekranda önce sürekli durması gereken ana buton görünür ve yavaşça onun altında bir buton belirir. Ardından bir buton daha belirir. Sonra son beliren, en alttaki buton yavaşça ekrandan kaybolur. İlk beliren buton aynen kalır.
  11. İlk beliren butonu da ekrandan yavaşça kaybetmek için 40. kareye "Insert keyframe" yapılır ve önce sahneye sonra butona tıklanıp "Properties" panelinden "Color effect"e gelinip "Alpha" değeri 0 yapılır. Böylece artık bu buton da kaybolacaktır.
  12. Şu an için görünme ve kaybolma efektleri tamamlanmıştır. Sıra ana butona kod ekleyerek diğer iki alt butonu yönlendirmeye gelmiştir. Ancak bundan önce animasyonun otomatik olarak oynamasını engellemek için ana butonun olduğu katmandaki 1. kareye tıklayıp "Actions-Frame" panelinden stop(); yazılır
  13. Önce sahneye sonra ana butona tıklayıp "Actions-Button" panelinden ana butona kod yazılmaya başlanır

    14. on(rollOver){

    gotoAndPlay(2);

    }

    **1. karede stop(); kodu olduğu için bu kodla o aşılır ve animasyonun oynamaya başlanması sağlanır

  14. Yeni bir katman oluşturulur. Buraya gizli buton yapılacaktır
  15. 20nci kareye gelip "Insert keyframe" yapılır. Çünkü görünme efektlerinin sonu 20. karedir. Timeline'da görülen fazlalık kareler seçilip sağ tıklanıp "Remove frames" ile silinebilir
  16. Rectangle tool ile 20. kareye gelip görünen 3 butonun etrafını tamamen saracak bir şekil çizilir. Dikdörtgenler üst üste çizilirse Flash onları tek şekil olarak algılayıp işimizi kolaylaştırır
  17. Şekil çizildikten sonra şekle tıklayıp F8 veya "Convert to Symbol"e basılarak şekil, butona çevrilir
  18. Butonun üzerine çift tıklanıp içine girilir ve Up, Over, Down, Hit gibi alanlar görünür
  19. Önceki derslerin aksine bize gereken sadece Hit alanıdır. Çünkü gizli butonun üstüne gelince açılır menünün kaybolmasını istiyoruz. (Yani fare imleci ana butonun üzerinden çekilince mecburen az önce yaptığımız gizli butonun üzerinden geçecektir). Bunun için timelinedaki "Up" alanındaki noktaya tıklanıp "hit" alanına sürüklenir. Tekrar Scene1'e dönüldüğünde gizli butonun rengi değişir ve animasyonda görünmez
  20. Önce sahneye sonra gizli butona tıklanıp "Actions-Button" panelinden butona kod yazılır

    21. on(rollOver){

    play();

    }

    **20. karede yazılan stop() ; kodunu geçip kaybolma efektini oynatmak içindir

  21. Artık ana butonun veya alt menünün dışında bir yere fare imleci sürüklenirse alt menü kaybolacaktır.
  22. Ctrl+enter