GFaFik PayLaŞım Ve GRaFik DeSTek PLaTFoRMu

FLash-Menu-Mouse-GizLi

Çalışmamızda flash menü hazırlayacağız web sayfalarında kullanabileceğiniz hoş görünümlü bir çalışma yapacağız AS2 uygulaması olacak ayrıca Mouse kendimize göre düzenleyeceğiz Mouse işaretini kaldıracağız. İlk olarak yeni çalışma sayfası açalım 550×200px background beyaz olsun.


1-Rectangle Tool aracını seçelim properties panelden rectangle corner radius seçeneğinin kilidini açalım çünkü biz tek tarafına radius vereceğiz. Çizim bitince seçili yapalım F8 button yapalım name 1 olsun. Sadece up kısmında aktif olması yeterli. Örnek resim.

2-Hazırladığımız butonu çoğaltalım kütüphaneden kolayca duplicate yapabiliriz name kısmına 5 yazalım free transform rotate aracı ile diğer kenar için çevirelim çevirme işleminde gradient rengimizide düzeltelim Gradient Transform Tool aracı kullanabiliriz örnek resim.

3-İki adet kenar butonu hazırladık isterseniz hemen butonların tek, tek içine girelim yazı yazalım yeni layer ekleyelim up kısmında beyaz renk ile yazımızı yazalım F6 keyframe ekleyelim over kısmında yazı rengini değişelim. Örnek resim.

4-Orta butonumuzu hazırklamak için tekrar rectangle tool aracı seçelim örnek dikdörtgeni oluşturalım butonlarımız aynı gradient renk seçeneklerini uygulayalım örnek resim.

5-Ortadaki butonları tekrar çizmeye gerek yok hazırladığımızı kütüphanede çoğaltalım name kısmına sırayı takip ederek numaralandıralım 1 ile 5 vardı 2,3,4 olarak yazarsak olur her butonumuzu içine girelim yazıları tek, tek yazalım ilk uygulamanın aynısı olacağından anlatmıyorum.
6-Scene 1 sahnemize butonları düzgün bir şekilde yerleştirelim örnek resim.

7-Butonları tek tek seçelim properties panelden filters paneli açalım drop shadow efekti verelim.

8-Mouse efektimizi yapalım örnek resimdeki şekli ben oluşturdum siz kendinize göre yapabilirsiniz çizim sonrası şekli F8 movie Clip yapalım name Mouse olsun yazacağımız yazıyı yazalım scene1 sahnemize gelelim ilk layer butonlar layerimiz oldu yeni layer ekleyelim layer adı Mouse olsun kütüphaneden Mouse klipimizi alarak 1.frameye yerleştirelim. Sahnede Mouse klipimiz seçili durumda instance name kısmına Mouse yazalım properties panelden filters penceresini açalım drop shadow efekti verelim örnek resim.

9-mouse layer 1.framesine gelerek actions paneli açalım F9 ekli kodo yazalım.


1.mouse.show();


10-Sahnedeki Mouse klipi seçelim actions paneli açalım ekli kodu ekleyelim.


1.onClipEvent(enterFrame){
2.this.startDrag(true);
3.}


11-Geldik mouse işaretini kaldırmaya butonlar layerimize gelelim tek tek butonları seçelim actions paneli açalım ekli kodu ekleyelim.
kaynağı göster
yazdır?

1.on(rollOver) {
2.Mouse.hide();
3.}
4.on(rollOut){
5.Mouse.show();
6.}


12-Ben çalışmada daha etkili görünüm elde edebilmek için bir animasyon hazırladım animasyonu çoğalttım toplam üç adet oldu klipleri scene1 sahnemize yeni layer ekleyerek yerleştirdim properties panelden filters blur efekti uyguladım alpa değerinide %20 yaptım bu kısmı fazladan yapılan çalışma oldu incelemek için ekli dosyayı indirebilirsiniz.
Çalışmamız sonlandı test edelim Ctrl+Enter
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=