Açılır Menü

Konu: Açılır Menü Ptsi Haz. 21, 2010 10:00 pm

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 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 veInstance 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 diyerek
çalışmamızı test edebilirizElimden geldiğince anlatmaya çalıştım
hepinize iyi çalışmalar

Konu: Geri: Açılır Menü Perş. Eyl. 02, 2010 8:31 pm

saol resimli anlatım ıcın ty