Flash Menü 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 550x200px 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.
mouse.show();
10-Sahnedeki Mouse klipi seçelim actions paneli açalım ekli kodu ekleyelim.
onClipEvent(enterFrame){
this.startDrag(true);
}
11-Geldik mouse işaretini kaldırmaya butonlar layerimize gelelim tek tek butonları seçelim actions paneli açalım ekli kodu ekleyelim.
on(rollOver) {
Mouse.hide();
}
on(rollOut){
Mouse.show();
}
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
Merhaba.. Photoders sitesi photoshop ve flash derslerin türkçe paylaşımak amaclı kurulmuş web sitesidir. Sitede mevcut dersler tamamen ücretsizdir. Ziyaretciler üye olmadan siteyi gezebilir yararlanabilirler, destek alabilmek sorunlarını iletebilmek için tek yapmaları gereken kısa bir zaman ayırarak ücretsiz üye olmalarıdır.Site içinde eklenmiş derslere yorum ekleyerek verilen emeklere saygı göstermek olduğu unutulmamalıdır.
Yorum Yazın