?> Flash Küp Menü - photoders
Site » Flash Dersleri

Flash Küp Menü

[ 26 Oca 2008 | Yorum Yok ]

photodersFlash küplerden oluşan menü yapalım
Yeni bir çalışma sayfası açalım sahneye rectangle tool aracını kullanarak küp şekli hazırlayalım çizim sonrası küp seçili durumda (Ctrl + F8) New symbol Graphic oluşturalım.name kısmına kare yazalım
null
Sahnedeki graphic seçili aktif hemen buton yapalım (Ctrl + F8) Buton name olarak buton_001 yazalım yalnız butonumuz “Up”, “Over”,“Down” seçeneklerinde aktif olmayaçak sadece “hit” kısmı aktif olacak
null
Text type tool aracı ile menü içeriğimiz olan yazılarımızı yazalım 6 adet küp olduğuna göre 6 adet menü ismi yazalım her birini yazdığımızda (Ctrl + F8) New symbol Graphic yapalım name kısımlarına menü isimlerim olan anasayfa,photoshop,flash,eklentiler,video,ready olarak hazırlayalım siz isterseniz değişik olarak isim verin buradaki çalışmanın çalışması için aynılarını yazmanız gerekmekte yazılarımızı hazırladık
Kütüphaneden kare isimli grafiği sahneye alalım seçili durumda (Ctrl + F8) Movie Clip yapalım name kısmına anasayfa yazalım
null
6 adet menümüz olduğuna göre her seferinde kütüphaneden kare graphic sahneye alarak movie clip yapacağız name kısımlarına çalışmada belirlediğimiz text isimleri yazalım işlemler sonunda 6 adet klipimiz kütüphanede oluşacaktır.
null
Hazırladığımız movie klipler üzerinde çalışalım ilk olarak anasayfa isimli klipimize gelelim 11 frameye keyframe ekleyelim F6 1 frameye gelerek create motion tween uygulayalım 6 frameye keyframe ekleyelim F6 alt ok tuşu vasıtası ile 9 kez tıklama ile aşağıya kaydıralım
1 frame üzerinde ease değerini -30 yapalım 6 frame üzerinde ise 70 yapalım örnek resimler
null
11 frame üzerine gelelim F9 actions panelini açalım ve stop ekleyelim
Yeni bir layer ekleyelim kütüphanedeki anasayfa isimli graphic 1 frameye ekleyelim 11 framede F6 keyframe ekleyelim 1 frame üzerinde create motion tween uygulayalım 1 framede alpa değerini 0 yapalım klipimizi hazırladık diğer kliplerimizide hazırlayalım şimdi
null
Klipleri hazırladık scene 1 ana sahneye gelelim 1layer adı klipler olsun kütüphaneden hazırladığımız klipleri yerleştirelim
null
Yeni bir layer ekleyelim layer adı hit buton olsun kütüphaneden sahnedeki kliplerin üzerine geleçek şekilde butonları yerleştirelim
null
Butonları gerekli ayarlamalarını bitirdik şimdi her butonu sahnede seçil yapalım her birine ActionScript kodlarını ekleyelim ilk olarak anasayfa yani en üst buton seçili sağ klik yapalım

Kod ekle

Kod ekle
on (rollOver) {
 _root.mouse_over_anasayfa = true;
}
on (rollOut) {
 _root.mouse_over_anasayfa = fstartlse;
}
on (release) {
 getURL("http://www.photoders.com/", "blank");
}
Devam edelim
Photoshop
on (rollOver) {
 _root.mouse_over_photoshop = true;
}
on (rollOut) {
 _root.mouse_over_photoshop = fstartlse;
}
on (release) {
 getURL("http://www.photoders.com/?cat=11/", "blank");
}

Flash

on (rollOver) {
 _root.mouse_over_flash = true;
}
on (rollOut) {
 _root.mouse_over_flash = fstartlse;
}
on (release) {
 getURL("http://www.photoders.com/?cat=10/", "blank");
}

Eklentiler

on (rollOver) {
 _root.mouse_over_eklentiler = true;
}
on (rollOut) {
 _root.mouse_over_eklentiler = fstartlse;
}
on (release) {
 getURL("http://www.photoders.com/?cat=7/", "blank");
}

Ready

on (rollOver) {
 _root.mouse_over_ready = true;
}
on (rollOut) {
 _root.mouse_over_ready = fstartlse;
}
on (release) {
 getURL("http://www.photoders.com/?cat=9/", "blank");
}

Video

on (rollOver) {
 _root.mouse_over_video = true;
}
on (rollOut) {
 _root.mouse_over_video = fstartlse;
}
on (release) {
 getURL("http://www.photoders.com/?cat=8/", "blank");
}
Size 6 adet hit butona eklenecek kodları verdim
Yeni bir layer ekleyelim layer adı Actions olarak verelim verdiğim kodları 1 frame üzerinde sağ klik actions panelini açıp ekleyelim

_root.anasayfa.onEnterFrame = function() {
 if (mouse_over_anasayfa) {
  _root.anasayfa.nextFrame();
 } else {
  _root.anasayfa.prevFrame();
 }
};
_root.flash.onEnterFrame = function() {
 if (mouse_over_flash) {
  _root.flash.nextFrame();
 } else {
  _root.flash.prevFrame();
 }
};
_root.photoshop.onEnterFrame = function() {
 if (mouse_over_photoshop) {
  _root.photoshop.nextFrame();
 } else {
  _root.photoshop.prevFrame();
 }
};
_root.eklentiler.onEnterFrame = function() {
 if (mouse_over_eklentiler) {
  _root.eklentiler.nextFrame();
 } else {
  _root.eklentiler.prevFrame();
 }
};
_root.ready.onEnterFrame = function() {
 if (mouse_over_ready) {
  _root.ready.nextFrame();
 } else {
  _root.ready.prevFrame();
 }
};
_root.video.onEnterFrame = function() {
 if (mouse_over_video) {
  _root.video.nextFrame();
 } else {
  _root.video.prevFrame();
 }
};

Klip layer üzerine gelelim tek tek sahnedeki klipleri seçip instance naem kısımlarına klip isimlerini ekleyelim “ unutmayın”

Sahnedeki yazıların aynı kısımda çıkması için tek,tek tüm klipler üzerinden alpa değerlerini yükseltirseniz sahnede görünür olurlar sizden klipler üzerinden text yazıları kaydırabilirsiniz
null

Çalışmamızı test edelim CTRL+ENTER
Çalışmayı istediğiniz web sayfanıza göre düzenleyerek kullanabilirsiniz

Çalışmayı İzle
FLA İndir

Loading...

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.
  • *

    Kapat
    E-posta ile paylaş