Animasyon Ve Ses Ekli Flash Menü
Flash çalışmamızda flash menü uygulamamızda animasyon ve ses ekleyerek daha etkili ve gösterişli bir tasarım olmasını sağlayacağız. Çalışmayı web sitenizde rahatlık ile kullanabilirsiniz.Yeni bir flash çalışma sayfası açalım 153×207 px olsun.
1-Sahnemizde butonların yer alacağı şekilde Line tool aracı ile bölelim örnek resim.
2-Menüde yer alacak yazıları yazalım.
3-Anasayfa yazı ve ilk çizgiyi seçili yapalım F8 Movie Clip yapalım name anasayfa_mc olsun klip sahnede seçili durumda instance name kutusuna anasayfa_mc yazalım.
4-Klipin içine girelim anasayfa_mc klip içine girdiğimizde layer 1 adını değişelim yazı olsun yazımız seçili F8 movie clip yapalım name anasayfa_gizli_mc olsun.
5-Yazı layerin 16 framesine keyframe ekleyelim Color kutusundan Tint seçip renk kutusuna #333333 ayarlayalım.
6-Yazı layerinde bulunan çizgiyi Mouse ile seçili yapıp kopyalayalım yeni layer ekleyelip layer adını çizgi yapalım kopyaladığımız çizgiyi paste yapalım yazı layerindeki ile aynı hizaya getirip yazı layerindeki çizgiyi silelim.
7-Yazı layerin 8 framesine keyframe ekleyelim yazıyı biraz aşağı kaydıralım klavyeden down tuşuna 5 kere tıklayalım layer aralarına create motion verelim.
8-Çizgi layer üzerine yeni layer ekleyelim layer adı dikdörtgen olsun 2.framede dış çizgisi olmayan bir dikdörtgen oluşturalım renk beyaz olsun. 16.frameye keyframe ekleyelim 2.frameye gelelim sahnedeki dikdörtgeni çizgiye doğru küçültelim 2.frameyle 16.frame arasına shape uygulayalım. Örnek resimde her 2 framedeki görünüm.
9-Scene 1 ana sahneye gelelim yeni layer ekleyelim layer adı gizlibuton-1 olsun. Rectangle Tool aracı ile dış çizgisi olmayan dikdörtgen oluşturalım.
10-Dikdörtgen seçili durumda F8 button yapalım name olarak gizlibuton_1 yazalım.
11-Butonun içine girelim buton sadece Hit alanında aktif olacağı için Hit frameye keyframe ekleyelim Up kısmını delete silelim ses eklemek için yeni layer ekleyelim over frameye keyframe ekleyelim properties panelden sound kutusundan ses dosyamızı aktif edelim.
12-Butonumuuzu kütüphanede çoğaltalım Duplcate name olarak gizlibuton-2 sırası ile menü sayımız kadar çoğaltalım. Hazır olsun.
13-İlk anlattığım anasayfa_mc nasıl yaptıysak diğer klipleri hazırlayalım hakkimda_mc,photoshop_mc,flash_mc,video_mc,iletisim_mc şeklinde isimlendirerek yapalım bu isimleri instance name kutusuna eklemeyi unutmayalım.
14-Klipleri tek layer üzerinde oluşturduktan sonra hazırladığımız gizlibuton-2 den başlayarak yeni layerler ekleyerek tek,tek butonları ekleyelim.
15-Yeni layer ekleyelim en üst layer layer adı action olsun ekli F9 actions paneli açıp ekli kodu ekleyelim.
_root.anasayfa_mc.onEnterFrame = function() {
if (mouse_over_anasayfa_mc) {
_root.anasayfa_mc.nextFrame();
} else {
_root.anasayfa_mc.prevFrame();
}
};
_root.hakkimda_mc.onEnterFrame = function() {
if (mouse_over_hakkimda_mc) {
_root.hakkimda_mc.nextFrame();
} else {
_root.hakkimda_mc.prevFrame();
}
};
_root.photoshop_mc.onEnterFrame = function() {
if (mouse_over_photoshop_mc) {
_root.photoshop_mc.nextFrame();
} else {
_root.photoshop_mc.prevFrame();
}
};
_root.flash_mc.onEnterFrame = function() {
if (mouse_over_flash_mc) {
_root.flash_mc.nextFrame();
} else {
_root.flash_mc.prevFrame();
}
};
_root.video_mc.onEnterFrame = function() {
if (mouse_over_video_mc) {
_root.video_mc.nextFrame();
} else {
_root.video_mc.prevFrame();
}
};
_root.iletisim_mc.onEnterFrame = function() {
if (mouse_over_iletisim_mc) {
_root.iletisim_mc.nextFrame();
} else {
_root.iletisim_mc.prevFrame();
}
};
16-Tek,tek gizlibuton-1 dan başlayarak üzerinde sağ klik actions paneli açıp ekli kodu ekleyelim.
on (rollOver) {
_root.mouse_over_anasayfa_mc = true;
}
on (rollOut) {
_root.mouse_over_anasayfa_mc = fstartlse;
}
on (release){
getURL("http://www.photoders.com/");
}
17- Ekli kodu diğer gizli butonlarda ekleyelim sadece anasayfa_mc yazılı yeri buton ismine göre düzeltelim. Son olarak frame rate 40 yapalım
Çalışmamızı test edelim Ctrl+Enter veya web düzeninde izleyebiliriz F12
Öncelikle selam arkadaşlar,
Bu programın adını söyleyebilir misiniz ?
Ayrıca bu dosyayı indirdim ben web siteme nasıl ekleyebilirim.
Şimdiden teşekkürler..
-Program adı:”Adobe Flash CS3 Professional” sitenize eklemek için kod kullanmanız gerekir.
-Programın kendi html dosyasını vermekte html içindeki kodu sitenize eklemiz yeterli olur.
-Veya Google üzerinde siteye flash ekleme şeklinde arama yapabilirsiniz.
teşekkür ediyorum
hocam flashda link atama olaynı yapamadık. flashda hazırladığımız sayfayı gene flashda hazırladıgımız bır sayfaya linkle baglayamıyoruz.cevabınızı mrakla beklıyorum
Hazırladığın flash sayfalar swf olarak hazırladığınızı var sayıyorum index sayfa yerine about swf çağımak istersek buton üzerinde sağ klik
on (release) { loadMovieNum ("about.swf", 1) }şeklinde verebiliriz.
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