Kayan Menü Bar
Flash çalışmamızda kayan menü hazırlayacağız. Yeni çalışma sayfası açalım benim tercihim 400×300 px oldu çalışmada kullanmak için kullanacağım buton yerine ben resimler hazırladım siz isteğinize göre değişik tasarımlar yapabilirsiniz.
1-Çalışmada kullandığı 6 adet resmi import ettim. Kütüphaneden resimleri tek, tek alarak movie klip yapalım name olarak sıralarsak “img_mc1” yazabiliriz.
2-New Symbol yeni movie clip yaratalım isim olarak “img_kayan_mc” yazalım klip içine girelim layer1 kütüphaneden “img_mc1” klipi alarak ayarlayalım klip seçili instance name kutusuna “img4”yazalım.
3-Yeni layer ekleyelim layer adı “img_mc2”klipi alarak ayarlayalım klip seçili instance name kutusuna “img3” yazalım.
4-Örnek resimlerde görüldüğü şekilde siz diğer klipleri sıralıyoruz.
5-Yeni layer ekleyelim layer adı mask olsun Rectangle Tool aracı ile örnek resimdeki şekilde bir dikdörtgen oluşturalım.
6-Mask layer üzerinde sağ klik mask uygulayalım layerleri mask içine kaydıralım. Yeni layer ekleyelim layer adı action olsun.
7-Action layer 1.framede actios paneli açıp ekli kodu ekleyelim.
stop();
//Setup////////////////////////////////////////
//toplam clip sayı - properties panelden instance name sıralaması img1,img2,img3,şeklinde
var totalClips = 6;
//stop clip itibaren tam değişerek hareket;
var holdPosition = false;
//max hız movie clip
var maxSpeed = false;
///////////////////////////////////////////////////
var slideSpeed = 0.1;
var currentMousex = 0;
var clipBaseName = 'img';
var w_clips = this[clipBaseName + '1']._width+2;
var totalWidth = (totalClips * w_clips);
var maxleft = img1._x;
var maxright = (totalWidth/2);
//--
onEnterFrame = function(){
currentMousex = Math.floor(this._xmouse);
if(maxSpeed != false) currentMousex = (currentMousex >= maxSpeed)? maxSpeed : -maxSpeed;
//-----------------------------------------
if(!holdPosition){
for(i=0;i <= totalClips; i++){
var tmpObj = this[clipBaseName + i];
tmpObj._x = Math.floor(tmpObj._x-(currentMousex*slideSpeed));
if(tmpObj._x <= maxleft){tmpObj._x += totalWidth;}
if(tmpObj._x >= maxright){tmpObj._x -= totalWidth;}
}
}
}
8-Scene1 sahnemize gelip kütüphaneden “img_kayan_mc”klipi alarak layer1 1.frameye ekleyelip sahnede klipi seçerek tekrar movie clip yapalım. Name “page_mc”yazalım page_mc içine girelim merkez nokta ayarını yapalım örnek resmi inceleyin.
9-Çalışmamızın son olarak scene1 üzerindeki görünümünü vereyim.
Not: Çalımadaki resimleri buton yapmak isterseniz resimleri tek, tek klip yaptığınız klipler içine girerek yeni layer ekleyin resmi kapatacak bir kare oluşturun buton sadece hit kısmı aktif olacak unutmayalım buton üzerine gelip link verebilirsiniz.
Çalışmamızı bitirdik test edelim Ctrl+Enter
ark özürdilerim admındende emekleri için çoook saolsun bn hatam varmış tekrardan özürdierim.
teşekkürler.güzel bir menü olmuş yalnız bir sorum olacak.Burda her resime ayrı ayrı link ekleyebilirmiyiz.? Flash kurulu olmadığı için deneyemiyorum.
Tabiki ekleyebilirsin not yazımda belirtmiştim her resim için link verebilirsiniz.
merhaba çalışma için teşekkürler
bir sorum olacak, bu slide menüyü sadece, üzerine maus gelince hareket etmesini nasıl sağlayabilirim ?
teşekürler.
Aslında buradaki çalışmada mouse üzerine gelince aktif olmaktadır dikkat ederseniz. Daha farklı uygulamayı anlatma fırsatım olduğunda anlatmaya çalışacağım.
merhaba,
bu calismada resimlerin siralamasi karisik img_mc4 1. sirada falan, yani siralama karisik yapilmis. Siz 6 resim icin siralama yapmissiniz ama ben 20 foto kullanicam resimlerin siralamasi nasil olmali?
tesekkurler
resimleri isimlendirme ve sahnedeki sıralaması önemli değil sizin dizini yaparken instance name kutusuna eklediğiniz sıralama önemlidir “img_kayan_mc”klip içine girin instance name kutusundaki isimleri inceleyin”img1,img2,img3″şeklindedir.
Ya ben cok yenıyım bu konuda bıraz daha asama asama anlatabılırmısınız. denedım ama cok sacma sapan bısey oldu ve hareket etmedı benım hazırladıgım flash
Açıkcası daha açık nasıl anlatılır bilemiyorum. En iyisi siz ekli dosyayı indirip inceleyin.
resımlerı daha buyutmeye calısıorum ama yarısı gorunuyor
Erdoğan Bey merhaba tekrardan. bu çalışma ile ilgili sorularım olucak
- resim hareket hızını yavaş olacak şekilde bir değeri nasıl gireriz?
- resimlerin sürekli hareketli değilde sadece sağ yada sol tarafına mouse geldiğinde hareket etmesi ve sağ yada sol mouse taraftaki butondan çekince resimlerin durması işlemini yapmak için ne yapmam lazım. teşekkür ederim bu bilgiyi aktaracağınız için şimdiden
Ekli kod içindeki”var slideSpeed = 0.1;” 0.1 yazılı yerden değişebilirsiniz örnek “var slideSpeed = 0.04;” kolay gelsin
Hocam Saygılar 30 Kadar Resim Ekleyim Resimlerin Geçiş Alanını 865 x 300 pk yapmak İstiyorum Yapıyorum Ama Bu sefer slayt geçiş düzeni bozuluyor bunun tam olrak 400 * 300 deki gibi çalışmasını nasıl sağlayabilirim.
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