Animasyon Ekli Buton
Flash dersimizde animasyon buton hazırlayacağız. Yeni bir sayfa açalım isteğinize göre tasarladığınız klip hazırlayabilirsiniz. Uygulama dersimize başlayalım sahneye oval tola arcını kullanarak örnek daireyi çizelim dairemizin ortası boş oluyor kenar çizgileri olsun iç kısmını gradient linear seçimi yapalım kova aracı ile iki dairenin arasını dolduralım. Sahnedeki dairemiz seçili durumda F8 Movie Clip yapalım name cerceve_mc yazalım.
[Hidepost]
Oval tool aracı ile dış çizgisi olmayan bir dolu daire çizelim dairemizin çapı hazırladığımız cerceve_mc iç çapı kadar olsun. Sahnede dairemiz seçili durumda F8 Movie Clip yapalım name daire1_mc yazalım.
Sahnedeki dairemiz seçili durumda F8 Movie Clip oluşturalım bu klip animasyonumuz olduğu klip olacak. Name kısmına animasyon yazalım isimleri istediğiniz şekilde verebilirsiniz. Animasyon klipin içine girelim ilk layerde dairemiz olduğuna göre layer adını daire olarak değişelim. Yeni layer ekleyelim layer adını çerçeve yazalım kütüphaneden cerceve_mc klipimizi ekliyoruz. Yeni layer ekleyelim layer adı yazı olsun Text Tool aracı ile istediğiniz yazıyı yazalım ben ps olarak yazdım yazı seçili Modify>Group yapalım seçili durumda F8 Movie Clip yapalım name pstext_mc olarak isimlendirdik.
Daire layeri seçelim 10 frameye keyframe ekleyelim F6 10 framede color penceresinden Tint seçeneğini seçelim renk olarak sarı seçimi yapalım alpa %60 yapalım. 1frameye gelelim create motion tween uygulayalım.
Çerçeve layerimizin 10 framesine gelerek F5 frame ekleyelim properties panelden filters Drop Shadow uygulayalım gölge efekti vermiş oluruz. Yazı layerimizi seçelim 10 frames,ine keyframe ekleyelim. 10 framede color penceresinde Brightness -100 olarak ayarlayalım 1 frameye gelelim create motion tween verelim. 1 framede yazımızın rengi beyaz olarak yazmıştım 10 framede Brightness -100 vererek renk değişimi sağladım.
Yeni layer ekleyelim layer adı action olsun 1 ve 10 frameler stop ekleyelim. Klip hazır şimdi scene 1 sahnemize gelelim sahnedeki klipimizi seçelim instance name kısmına animasyon yazalım klip seçili F9 actions paneli açarak kodu ekleyelim.
onClipEvent(load) {
rewind = false; // play geri
}
onClipEvent(enterFrame) {
if (rewind) {
this.prevFrame();
}
}
Rectangle tool aracı ile sahnedeki klipi kapatacak büyüklükte kare çizelim kare seçili durumda F8 button yapalım name buton olsun butonumuzun içine girelim sadece hit alanında aktif olacağı için Hit alanına keyframe ekleyelim up alanında olan keyframeyi delete silelim.
Scene 1 sahnemize gelelim butonumuz seçili üzerinde sağ klik actions paneli açarak kodu ekleyelim.
on(release){
//buttonu aktif et
}
on (rollOver) {
animasyon.rewind = false;
animasyon.play();
}
on (rollOut) {
animasyon.rewind = true;
}
Animasyon klipimiz içinde ekstra olarak bir klip ilave ettim çalışmadaki farklılık nedeni kafanızı karıştırmasın.
Çalışmamızı test edelim Ctrl+Enter
FLA İndir
[/Hidepost]
Merhaba.. Photoders sitesi photoshop ve flash derslerin türkçe paylaşımak amaclı kurulmuş web sitesidir. Sitede mevcut dersler tamamen ücretsizdir. Ziyaretciler üye olmadan siteyi gezebilir yararlanabilirler, destek alabilmek sorunlarını iletebilmek için tek yapmaları gereken kısa bir zaman ayırarak ücretsiz üye olmalarıdır.Site içinde eklenmiş derslere yorum ekleyerek verilen emeklere saygı göstermek olduğu unutulmamalıdır.
Paylaşımlarınız süper teşekkür ediyorum.
Yorum Yazın