Buton - Menü - Klavye Girdileri-3

Bir butona tween uygulama tekniğini göreceğiz. Swf dosyasını incelediğinizde animasyonun iki kısımdan oluştuğunu gözlemleyeceksiniz. İlki butona tıklamadan önceki animasyon, diğeri ise tıklandıktan sonra ortaya çıkan animasyon.

Uygulama

1- Önce birinci kısmı oluşturmak için İnsert > New Symbol komutunu verelim. Davranış olarak buttonu seçelim.

2- Up durumun seçili iken sahneye bir balon resmi çizelim. Bunun için oval aracı ile içi radial gradient renkle doldurulan bir oval şekil çizilecek, diğer kısımlar ise kalem ve çizgi aracı oluşturulacaktır.

İpucu: Araç kutusundan"Fill Transform" aracı seçilerek sahnedeki bir gradient dolguya tıkladığınızda merkezini ,renk geçişlerinin boyutunu ve geçiş düzlemini ayarlayabilirsiniz.

3- Up durumu seçili iken 3 kez F6 tuşuna basarak diğer alanlara da birer keyframe ekleyelim. Şekilde değişiklik yap mayalım. Yeni bir katman ekleyelim ve katmanı tutarak alt sıraya geçirelim. Up durumu için bir eklenti yapmayalım. Over ve down durumu için balonun çevresine fırça aracı ile sarı bir çerçeve ekleyelim.

Bu bize buton üzerine gelindiğinde bir efekt sağlayacaktır.

4- Buton hazır. Ana sahneye dönelim ve butonu kütüphaneden sahne üzerine yerleştirelim. Buton seçili iken properties panelini açıp ismini buton olarak yazalım.25, 32, 51, 72. frame`lere birer keyframe ekleyelim. Eklenen her keyframe bölgesinde balonun yerini biraz değiştirelim. Sonra bu alanlara motion tween uygu layalım. Bu sayede balon uçuyormuş gibi hareket edecektir.

5- Son frame olan 72. frame`i seçerek action panelini açalım ve "gotoAndPlay(1)" komutunu verelim. Artık sonsuz bir döngüsü olan animasyonun ilk bölümü hazır. Yukarıdaki komut sayesinde balonumuz tıklanana kadar uçmaya ara vermeyecektir.

6- Animasyonu ikinci kısmı için yeni bir katman ekleyelim. İlk animasyonun bittiği yer olan 73.frame`e bir keyframe ekleyelim. Properties panelinde label alanına "mutluyillar" yazalım. 73. frame`e bir etiket atamış olduk.

7-Sahne halen boştur. Burada balonun patlamasını oluşturacağız. Balon butonuna kütüphaneden çift tıklayarak açalım. Up kısmındaki balon grafiğini kopyalayalım ve yeniden sahneye dönerek "mutlu yıllar" etiketinin bulunduğu frame`i seçelim. Balonun dolaştığı alanlardan birine yapıştıralım. Balon kısmını silgi aracı ile silelim.

8- Silinen yere fırça aracı ile gradient renk seçerek aşağıdaki şekili çizelim.

9- Görüntünün sahnede 3 kare kalabilmesini için 75.frame üzerine sağ klik yaparak Insert Frame komutunu verelim.

10- Üçüncü bir katmanı en üste yerleştirelim. Bu katmanda 73.frame`i seçerek text aracı ile "mutlu yıllar" yazalım. 16 kare devam etmesi için 89. frame üzerine sağ klik ve Insert Frame komutunu verelim. Timeline`da görüntü söyle olacaktır.

11- Animasyonun ikinci kısmıda tamam. Şimdi 1. ve 2. kısmlar arasındaki bağlantı kodlarını yazacağız. Şimdi 2.layerın boş olan 1.karesini tıklayarak seçelim ve actionscript panelini açalım.Panele şu kodu yazalım:

function git(event:MouseEvent):void {
gotoAndPlay("mutluyillar");
}
buton.addEventListener(MouseEvent.CLICK, git);

12- Herşey hazır, şimdi filmi test edin.