Flash Açılır menü
Gönderen graficihad | Etiketler: açılır menü, Flash açılır menü, flash menü yapımı, menü yapımı, rollout, rollow menu | Posted on 31 Mart 2009 Salı
stop(); komutunu ekleyelim 5. frame e de stop(); ekleyelim ve 10.frame gotoAndPlay(1); komutunu ekleyelim ve secene deyip ana sahneye dönelim şimdi işlemimiz daha bitmedi sahnede öylece çalışmayı bekleyen bir movie clip imiz var şimdi menümüzün bulunduğu layer ın üzerine bir layer daha oluşturalım ve adına da buton diyelim ve bir kare çizelim ve F8 le buton yapalım şekli şemali önemli değil sadece yaptığımız movie clip'i kaplasın yeter şimdi düğmemize tıklıyoruz ve properties denetçisin den color yazan yere tıklayın ve alpha değerini 0 yapın böylece buton sahnede görünmeyecek şimdi butonumuzu menü movie clip inin üzerine koyalım movie clip i tamamen kaplasın şimdi buton seçiliyken Actions panelini açalım (F9 ile ) ve şu kodları ekleyelim bu kısımda buton ve menü movi klip ini karıştırmamaya dikkat edin anlamak için propertiesten kontrol edin evet butona şu kodları yazalım on(release){ menü_mc.gotoAndPlay(5); }şimdi menü movi clip ini seçelim ve instance name ine menü_mc yazalım bunu yapmaz isek buton bu komutu hangi moviclipe uygulayacağını bilemez ve yaptığımız menü çalışmaz Artık CTRL+Enter
Bu derste açılan menü yapımını anlatmaya çalışacağım ilk olarak flash sayfamızı açalım rectrangle(kare yapım ®)aracını seçelim tools menüsünde options un hemen altında duran set corner radius�a tıklayalım ve bu değeri 12 yapalım Sahneye dış çizgisi olmayan bir kare çizelim text aracını seçip üzerine menü yazalım ve karemizi tamamen seçip F8 diyerek movie clip yapalım Şimdi menü movie clip imize çift tıklayarak içine girelim sahnede demin oluşturmuş olduğumuz menü karesi duruyor sahnedeki layerın ismini menü olarak değiştirelim bunun üzerine 2 tane daha layer ekleyelim ve sahnedeki layerların sıralaması aşağıdaki gibi olsun Şimdi mask katmanını seçelim ve buraya biraz sonra ekleyeceğimiz ana sayfa, galeri vs.. gibi butonları koyacağımız büyüklükte bir kare çizelim rengi önemli değildir çünkü bunu maskelemek için kullanacağız bunu f8 diyerek grafik yapalım şimdi geldik butonları yerleştirmeye ne kadar buton oluşturacaksanız o kadar layer oluşturun ve bu layerları mask katmanını altına çekin ben 3 tane buton oluşturacağım ve isimleri sırasıyla ana sayfa ,linkler ve galeri olacak son olarak en alta da bir layer eleyelim ve adına fon diyelim bu butonların arkasında bulunan zemin olacak buraya kadar yapılan işlem ve layerların sıralaması aşağıdaki gibi olmalı. Şimdi fon layer�ını seçip mask layerında çizdiğimiz kareden biraz daha ufak bir kare çizelim ama menü ile uyumlu bir renge sahip olsun ve bu çizdiğimiz kareyi menü yazısının üstüne taşıyalım aşağıdaki gibi olmalı Şimdi daha öncede yapmış olduğumuz butonları sahnedeki layerlarına yani ana sayfa butonunu ana sayfa layerına, linkler butonunu linkler layırına ama fon katmanın uzerinde bir yere yerleştiriyoruz(buton yapımı için daha önceki buton yapımı ve kullanımı adlı dersi inceleyin ) aşağıdaki gibi olmalı son şekli Şimdi gizli menüyü hareketlendirmeye geldi menü layerı hariç bütün layerlara F6 deyin menü layerın da ise 10 frame F5 deyin time line aşşaıdaki gibi olmalı Şimdi mask layerına gelin ve sağ kilik yapı mask seçeneğini seçin altındaki butonların bulunduğu layerları ve fon layer ını Mouse un sol tuşuyla çift tıklayın ve karşınıza gelen menüden masked seçenegini seçin Şimdi time line dan 5. frame geliyoruz sahnedeki action, Ana sayfa ve mask katmanını kilitliyoruz ve Mouse ile sahneyi tamamen seçip klavyeden aşağı ok tuşu ile seçtiğimiz butonlar ve fon katmanını aşağı indiriyoruz bunu yaparken sahneden kaybolduğunu göreceksiniz seçtiğiniz layerların şimdi mask katmanın üzerindeki kilitli işratinin yanındaki nokta yani gizli/ göster düğmesine tıklayın bi çarpı olmalı tıkladığınızda. Ve şimdi ana sayfa layer ına gelin ve timeline da sag klikleyin karşınıza gelen menüde en bastaki create motion tween e tılatın karşınıza pembemsi bir renkte ok gelecek bu işlemi diğer linkler, galerive fon katmanında da uygulayın --------------------------------------------------------- Şimdi time line çizgisini 0 ile 5 arasında oynatınca yukardan aşağıya inen menümüzü görüyoruz şimdi 10. freme gelelim menü layer'ı hariç bütün layerlara F6 diyelim ve demin yaptığımız gibi aşağıya taşıdığımız bütün layerları tekrara menü çubuğunun üstüne taşıylaım ve hepsine birer create motion tween ekleyin Şimdi geldi actionscript eklemeye acrions paneline gelelim 1. frame e tıklayalım F9 a basalım actions paneline
1 yorum:
selam dersinden çok faydalandım ancak ben yaptığımda butonlara verdiğim geturl komutu movie clip içinde olduğunmıdır bilmiyorum bir türlü çalışmadı... yardımvı olabilirmisin acaba???
Yorum Gönder