Flashta MovieClip Buton Yapmak

Web sitelerimizde göz alıcı butonlar yapmak için MovieClip butonları kullanmaya ne dersiniz?

Öncelikle Flash dokümanınıza yeni bir symbol ekleyin (Ctrl+F8). New Symbol penceresinden Movie clip seçimini yapın ve symbole menu_mc ismini verin.

MovieClip içerisinde oluşturacağımız layer yapısı oldukça önemlidir. MovieClip buton yaparken aşağıdaki gibi bir layer yapısı kullanıyoruz.



Toplam 5 adet layer ekleyerek yukarıdan aşağıya doğru şu şekilde isimlendirin: actions, labels, hit_alani, yazi, menu_bg...

İlk olarak labels layerında 5. ve 20. karelere blank keyframe (anahtar kare) ekleyin (F7) ve 30. kareye kadar uzatın. Daha sonra sırasıyla şu isimleri verin. 1. up, 5. over, 20. out...



Anahtar kareye isim vermek için anahtar kareyi seçerek properties panelini kullanın.

menu_bg katmanına menünüzün arka planını oluşturacak dikdörtgeni çizin ve yazı katmanına da butonunuzun üzerinde yazacak yazıyı ekleyin.

Yazı layerını 30. frame kadar uzatın. menu_bg layerında ise 5.frameden başlayıp 15. framede biten bir hareket oluşturun ve aynı hareketin tersini 20.frameden başlatarak 30.framede bitirin.

Aynı hareketin tersini yaratmak için hareketin tamamını timeline da kopyalayıp sağ klik Reverse Frames seçimini kullanın.



Butonu tamamlamak için actions katmanında 1. anahtar kare ve over konumundaki hareketin sona erdiği kareye (örneğimizde 15.kare) aşağıdaki actions komutunu ekleyin.


stop();



MovieClip içerisindeki işlemlerimizi tamamladık. MovieClipin son hali aşağıdaki gibi olmalıdır.



Burada yaratmış olduğumuz hit_alani layerını bu örnekte kullanmamıza gerek yok. Çünkü butonumuz zaten kendi hit alanını oluşturuyor. Eğer sizin yaptığınız tasarım ile hit alanı farklı olacak ise hit_alani layerına hit alanını çizin ve dolgu renginin Alpha değerini 0 yapın.

MovieClip ile işimizi tamamladıktan sonra sahnemize geri dönerek yapmış olduğunuz MovieClipi saheye ekleyin.

MovieClipi seçerek Actions paneline aşağıdaki kodları yazın.


on(rollOver){

gotoAndPlay("over");

}

on(rollOut){

gotoAndPlay("out");

}

on(release){

getURL("http://www.webders.com");

}



İşte hepsi bu kadar :)
  • Etiketler;
Hakan Çamoğlu
1983 İstanbul doğumludur. 1999 yılından bu yana web tasarımı/programlama üzerine çalışan Hakan Çamoğlu, halen 2004 yılında kurduğu ajansında işlerini sürdürmektedir. Aynı zamanda özel eğitim merkezlerinde web tasarımı konusunda eğitmenlik ve danışmanlık yapmaktadır. Vidobu.com kurucu ve ortağıdır. Flash, Dreamweaver ve Captivate konularında Adobe Certified Expert sertifikasına sahiptir. Vazgeçemediği hobileri ise fotoğraf çekmek ve gitar çalmaktır.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Meraba, Ben Flash e yeni başladım, Bu Layer Olayını Falan Yaptım Ama, şu menu_bg layerinde yapmamız gereken 5. frame den 15. frame de biten hareket olayını yapamadım, hareket nedir, nası eklerim, yardımcı olursanız sevinirim... :dusun: Saygılarımla...
bende yeniyim yani daha doğrusu şu an bilgim sıfır ama kısmetse çözücem bu işi.
on (rollOver) { gotoAndPlay("a_up"); } on (rollOut) { gotoAndPlay("a_out"); } on (release) { gotoAndPlay("urun"); } not:verdiğim link aynı sahnennin içinde böyle bir link verdim fakat tıkladığımda bu linke gitmiyor on (release) { geturl(bla bla...... yaptığımda çalışıyor acaba bende bir yanlışlık var yoksa bu tarz mc butonlarda gotoandplay yapmamalımıyız....
Size bişi sorabilirmiyim butona video ekleme nasıl oluyor ( butona tıklayınca video nun gelmesi ) yardımcı olursanız yada öle bir dersiniz varsa sölermisiniz şimdiden teşşekkür ederim...:-dusun:
gayet güzel bir anlatım özellikle "label" olayı çok hoşuma gitti çok teşekkürler...
söylediklerinizi yaptım. link de verebiliyorum ama hareketleri göremiyorum neden acaba?buton sabit duruyor öyle:(
merhaba, bu buton örneğini cs3 te yaptım.fakat çalışmadı. çalışmanın .fla dosyasını eklerseniz oradan takip edebiliriz. iyi çalışmalar
ya bana başlangıç için bir star ve son için bir replay butonu lazım yardımcı olabilirmisiniz
Arkadaslar özel isteklerinizi gidin forum bölümünde dile getirinsene:sasir:
ya şunu adım adım anlatan bir video çekseniz.bir türlü yapamıyorum.bi yerlerde hata oluyor:S
calısma cok guzel gercekten tesekkur ederim yanlız bır sorum olucak pekı biz bu metodla bir buton hazırlamaya kalksk. mesela ANASAYFA HAKKINDA seklınde ıkı butonumuz olsun. fareyı ANASAYFA butonunu uzerıne getırdıgımde anasayfa butonu buyuyup,HAKKINDA butonu kuculsun. HAKKINDA butonunu uzerıne fareyi getirdigimizde ise HAKKINDA butonu buyuyup,ANASAYFA butonu kuculsun... bunu nasıl yapıcaz acaba yardımcı olursanız cok sevınırım...
kimse kımsenın yardımcı olmadıgı bır yerden dıgerlerının sorularına cevap olarak hıc alakası olmayan bır ornek genelgesi...
Flash cs5 te çalışma alanında moviclip i seçip action ekle dedimi hata veriyor. Snipper vs ile ekleyin diyor galiba anlamadım

Yukarı Git