Flash ile buton animasyonu yapımı

Flas işe yaptığınız butonlara animasyon koymanız görsellik açısından sitenize + sağlayacaktır. Şimdi bir butona nasıl efekt ekleyeceğimizi görelim.

Bu yazımda buton'un üzerine gelince büyüyen ve üzerinden mouse'umuzu çekince küçülen bir adet animasyon yapacağız.

Şimdi ilk olarak bir adet buton ekleyelim ve çalışmamıza yeni bir movie clip ekelyelim. İlk frameimize bir adet rectange tool ile dikdörgen çizelim ve properties kısmından height ve weight değerlerini 1 e eşitleyelim.

10 frame ileriye bir adet keyframe ekleyeim ve eklediğimiz keyframedeki dikdörtgenimizin genişlik ve yükseklik değerlerini ayarlayalım.

Şimdi tekrar 1. frame'e gidelim ve shape motion ekleyelim.

Şimdi 10. frame e geri dönelim ve 20. frame'e bir keyframe daha ekleyelim ve dikdörtgenimizin genişlik ve yüksekliğini tekrar 1 yapalım ve bir shape motion daha ekleyelim.

Daha sonra actions penceremizi açıp İlk frame'lere ve keyframelere stop(); kodunu ekleyelim.

Butonumuzun actions'ına gelelim ve aşağıdaki kodu yazalım

on (rollOver) {
butonAni.gotoAndPlay(1);

}
on (rollOut) {
butonAni.gotoAndPlay(11);
}

Not: Movieclip'imizini instance name'ini ayarlamayı unutmayın. Yada örnekteki kodu kullanacaksanız butonAni yapabilirsiniz

Bir diğer yazımda eklediğimiz diktörgeni mouse ile butonumuza takip ettirmeyi göstereceğim.

tyln