Movie Clip Button Menü Hazırlama
Çalışmamızda movie klip ekli canlı dinamik buton yapacağız hazırladığımız butonu kullanarak dinamik görünümlü menümüzü hazırlayacağız. İlk olarak çalışma sayfamızı açalım 450x300px backgroud siyah olsun. Scene1 sahnede ilk layer adını action yazalım yeni layer ekleyelim layer adı butonlar olsun.
1-Butonlar layer üzerinde Rectangle Tool aracı ile dış çizigisi olmayan bir dikdörtgen hazırlayalım renk olarak #333333 uygulayalım. Çizim sonrası sahnedeki dikdörtgen seçili durumda F8 Graphic yapalım name bar olsun.
2-Bar graphic seçili durumda tekrar F8 movie Clip yapalım name button olsun. Button klip içine girelim dikdörtgenin olduğu layer adını buton olarak yazalım. Yeni layer ekleyelim layer adı action olsun buton layerin 6.framesine ve 16 frameye keyframe ekliyoruz. 6.framede properties panelden color penceresinden Tint seçeneğini seçelim color siyah Amount değerini %75 yapalım. Frameler arasına create motion tween verelim.
3-Action layer 6.framesine keyframe ekleyelim 16 frameye key ekleyelim 1.frame ve 6.frameye stop ekleyelim.
4-Yeni layer ekleyelim layer adı text olsun Text Tool aracı ile 1.framede dynamic text oluşturalım. Test yazısı yazarak yazımızı görebiliriz İnstance name olarak butonText yazalım.
5-DynamicText seçili F8 movie Clip yapalım name btnText yazalım. Button klipimizede Text layerimizin 6.frame ve 16 framesine keyframe ekleyelim. 6.framede sahnedeki yazımızı sağ ok tuşu ile kaydıralım. Frame aralarına create motionn tweeen verelim 1 ve 6 frame ve 6 ile 16 frame arasında ease değerini 100 yapalım. Tekrar 6.frameye gelelim yazı rengini değişelim Color penceresinden Tint seçeneğini aktif edelim renk olarak #FF6600 uygulayalım. İsterseniz yeni layer ilave ederek ses ekleyebilirsiniz. Örnek resim.
Tekrar bir örnek resim 6 fremedeki görünüm.
6-Scene1 sahnemize gelelim buton layer üzerinde ekli button klip seçili instance name olarak btn1 yazalım sahnedeki button klip çoğaltalım Ctrl+D istediğiniz kadar yapabilirsiniz bizim çalışmada 4 adet hazırladım instance name olarak sıralamayı takip edelim btn1,btn2,btn3,btn4 şeklinde yazalım.
7-Action layer gelelim actions paneli açalım F9 ekli kodu ekleyelim.
btn1.onRollOver = over;
btn1.onRollOut = out;
btn1.btnText.butonText.text = "Photoshop Dersleri";
//btn2
btn2.onRollOver = over;
btn2.onRollOut = out;
btn2.btnText.butonText.text = "Flash Dersleri";
//btn3
btn3.onRollOver = over;
btn3.onRollOut = out;
btn3.btnText.butonText.text = "Actionscript";
//btn4
btn4.onRollOver = over;
btn4.onRollOut = out;
btn4.btnText.butonText.text = "Video Dersler";
//button artırmak isterseniz ekli btn4 kısmını kopyalayıp ekleyebilir.
function over() {
this.gotoAndPlay(2);
}
function out() {
this.gotoAndPlay(7);
}
Çalışmayı test edelim Ctrl+Enter
Merhaba. Bunu as3 de yapamadım bir türlü buton çizdim sahneye sonra graphics verdim sonra movieclip verdim ama olmadı :s bu dersteki tüm adımları yaptım. AS3 kodlamasınıda yaptım ama olmadı yardım ederseniz çok sevineceğim teşekkürler.
Ekli dosyayı indirip inceleyin AS3 değildir. AS2 olarak uygulama yapabilirsiniz ekli dosyayı indirirseniz daha kolay anlaşılır.
Anlatamadım. Ben bunu as2 de yaptım. Ben yapmak istediğim bu efekti AS3 ile yapmak
Kodlar yeniden yazılması gerekir. As2 kodun eklenmesi ile olmaz.
Merhana hocam ellerinize sağlık çok başarılı bir çalışma fakat bn yeni flash öğreniyorum. Çalışmanızı en ince ayrıntsınakadar inceleyip yaptm fakat tek bir yerde sıkıntım var linki nerde vereceğimi anlayamadım. nerden verdiysem hp hata verdi bir yerde yanlış yapıyorum fakat nerden olduğunu bir türlü bulamadım lütfen sizden rica etsen bizim için link verme kısmını tekrar anlatabilir misiniz. Emeğinize sağlık çok çok faydalı bir çalışma ama noooluuurr link verme kısmını daha açık anlatıni sizden çok ama çok rica ediyorum. Şimdiden teşekkür ederim. Allah razı olsun sizden.
scene1 sahnesinde eklediğimiz buton kliplerin üzerine tek, tek gelip sağ klik action paneli acıp link kodunu ekleyelim.
on(release) { getURL("http://www.photoders.com"
;
}
Fla dosyasını indirebilirsiniz.
peki bunları oluşturduk ama sayfa üzerinde farklı resimler yada butonlar kullanarak bunlarla beraber bu linkleri çalıştıran başka butonlar oluşturmak istersek;
örnek üzerinde bu linklerle birlikte
farklı bir katmanda,
farklı bir butonla,
“Photoshop dersleri” linkini vermek istersek ne yapacağız, mümkün mü?
hocam bu çalışmadakı şekilde bir hakkımızda butonu oluşturdğumda mesela benim okul3 klasörümün içerisindeki on(release) { getURL(“H:\okul3\hakkimizda.html”); }
kodu atadığımda çalışmıyor.bu Link olayını Birtürlü anlatamadım hocam k.baqmayın
O zaman buton üzerine şu şekilde kod verelim.
on (release) { getURL("/okul/hakkimizda.html"); }şeklinde yapalım kendim uyguladım. Eğer çalışmıyor diyorsanız dosyaların dizindeki konumuna göre ayarlamanız gerekir.
tmm hocam çalıştı çok sağolun.bunu arıyodum kac gundur okul hocamızın ogretmedıgı seyleri sizden öğrendim…(allah razı olsun)
Kolay gelsin derslerinde başarılar. Öğretmeninde sitemizi ziyaret etsin.
Fla indirdim çalışmıyor sayfaya gitmiyor örnek çalışma çalışıyor indirdiğimiz fla çalışmıyor neden ?
Çalışmıyor derken açılmıyormu kullandığınız flash sürüm nedir bilemiyorum CS3 üstü sürümlerde sorunsuz açılır.
hepsini yaptım oldu da fakat şöyle bir sorun var ki kod kısmında butonların her birinin adı farklıyken swf de hepsi aynı çıktı , çoğalttığım gibi. eksik nerde bilmiyorum dosyayı da indirdim tamamen aynı. ve anlamadığım gotoandplay komutlarında yazan 2 ve 7 sayısının nerden geldiği
Yorum Yazın
Photoders Hakkında
Rastgele Yazılar
Son Yorumlar
Etiketler
3D Advanced Animasyon Animation Balans Efekt Bir Objenin Yansıması Bir Resim Efekti buttons Calculator Chrome Text Colors Photoshop Tutorial cursor dancer dans day Dynamic Efekt Efekti Effect etiket fire Flash dalga effect Flash Dalga Effect-1 Flash Motion Guide Flash Resim (images) Animasyon Flash Resim Albüm Hazırlama flash site yapımı Foto manipilasyon Teknikleri Fotoğraf Gezegen Header Icon iletişim formu images_effect Kabarcık (Bubble) Brushes kontrol Lazer Liquify tool Logo Love smiley Manipulasyon manzarada renk değişimi menü Model Mouse Photo Photoders Text Efekt Photoders toolbar Photo Effect (Resim Efekti) Photo Keskinlik Efekti Photoshop Brushes Photoshop değişik bir çalışma Photoshop ile ilginç çalışma Photoshop resim çalışması Photoshop Tutorials Photo Tutorial Plazma Tv Powerful Preloader Renk Değişimleri Resim (images) effect Resim Balans Uygulamaları (Levels) Resim Efekti Ses Silüet (Silhouettes) Brushes Sis (Fog) Effect Tutorial Sound Stars Tutorials Sıra Dışı photo Border Efekti Text efekt tutorials Text Yansıma ve Gölge Efekti Wallpaper starbrust effect Web Logo Yağmur (Rain) Effect Yıldız (Star) Photo EffectBağlantılar
Son Yazılar
En Çok Yorumlananlar
Tavsiye Siteler