?> Mouse Cursor Efektli Header - photoders
Site » Flash Dersleri

Mouse Cursor Efektli Header

[ 10 Kas 2009 | 2 Yorum ]

photodersFlash header çalışmamızda Cursor (Mouse Ucunu) ‘u kişiselleştirip kendi web sitemiz için headerimizi hazırlayacağız. Yeni bir çalışma sayfası açalım benim çalışmadaki sayfa değerlerim 450×150 px oldu siz kendi çalışma sayfanızı kendinize göre açabilirsiniz.

 


1-Çalışmamıza başlarken ilk olarak Mouse ucunu hazırlayalım. İlk olarak resimdeki örnek şekli hazırlayalım. Seçili durumda symbol yapalım F8 graphic name olarak (cusor_normal )olarak adlandıralım. Properties panelden Rotate CW yapalım.
photoders
2-Tekrar seçili durumda F8 Movie Clip yapalım name olarak (cursor_mc) yazalım. Cursor_mc içinde animasyon yapalım şimdi 30 frameye keyframe ekleyelim frame arasına create motion tween verelim.
photoders
3-İkinci şeklimizi yapalım örnek resimdeki çizimi yapalım seçili durumda F8 graphic yapalım name (cursor_over)yazalım. Şimdi tekrar F8 movie clip yapalım name (cusorover_mc )yazalım. Klipimiz cusorover_mc içinde animasyonu oluşturalım 40 frameye keyframe ekleyip frame aralarına create motion tween verelim 1 framede properties panelde Rotate CW yapalım.
photoders
4-İki klip hazırlandı şimdi Mouse animasyonumuzu hazırlayalım. İlk olarak cursor_mc klipi saheye alıp seçili durumda F8 movie klip yapalım name (cursor_klip)yazalım Layer1 10 frameye gelelim keyframe ekleyelim sahnedeki şeklimizi delete silelim kütüphaneden cusorover_mc klipi alarak ekleyelim. 30 frameye key ekleyelim.
photoders
5-Yeni layer ekleyelim layer adı Label olsun 1.framede instance name kutusuna (normal)yazalım 10 frameye keyframe ekleylip tekrar instance name kutusuna (over)yazalım. Yeni layer ekleyip layer adını action yapalım 1 frameye stop eklemek için F9 actions paneli açalım. 10 frameye keyframe ekleyelim actions paneli açıp stop ekleyelim.
photoders
6-Mouse ucu animasyonumuzu hazırladık şimdi buton yapalım. Buton hazırlamak için örnek resimdekine benzer çizim yapabilirsiniz.
photoders
7-Çizimi bitirdikten sonra seçili durumda F8 Button yapalım name(logo_button)yazalım buton içine girelim Up kısmında şeklimiz aynı kalıyor Over kısmında biraz büyültelim Down kısmında küçültelim hit kısmına çizimi kapatacak şekilde mask yapalım.
photoders
8-Butonumuz tamamlandı şimdi scene 1 sayfamıza gelelim örnek resimde görüldüğü şekilde bir header düzenledim üst kısma bar alt kısmada bar ekledim arka renk için #333333 renk verdim örnek resim. Bu kısmı kendinize göre uyarlayabilirsiniz tek, tek anlatmaya gerek görmedim eğer isterseniz ekli dosyadan inceleyebilirsiniz.
photoders
9-Çalışmamızı genel olarak tamamladık şimdi yaptığımız buton,klipleri yazıları yerleştirelim. Yeni layer ekleyelim layer adı action olsun.
photoders
10-Resimde görülen Mouse_mc klipi sahnede seçelim instance name kutusuna (newKlip)yazalım.
11-sahnedeki butonları tek tek seçili yaparak actions paneli açıp ekli kodu ekleyelim.

on (rollOver) {
	with (newKlip) {
		gotoAndStop("over");
	}
}
on (rollOut) {
	with (newKlip) {
		gotoAndStop("normal");
	}

12-Son olarak en üst action layer 1.framede actions paneli açıp ekli kodu ekleyelim.

Mouse.hide();
startDrag("newKlip", true);

Çalışmamızı artık test edebiliriz. Ctrl+Enter

FLA İndir

Etiket: , , ,

2 Yorum »

  • uur diyor'ki:
    12 Kas 2009 saat 13:48

    hocam ders cok guzel ama 30 freme key ekleyelim demişsiniz vede sembolleri yaparken yeni leyar acmamız gereklımı ben biraz karıstırdımda biraz daha acıklayıcı olursanız cook sevınırım .

  • admin (author) diyor'ki:
    12 Kas 2009 saat 15:57

    30 frameye key ekleniyor doğrudur neden ekliyoruz zaten animasyon 10 framede son buluyor son bulma noktasının devamı 30 frame oluyor dikkat ederseniz key eklliyoruz. Semboller kısmını anlayamadım ekli resimlerde layerlerin resimlerini ekledim dikkat ederek sırası ile yapınız Ekli Fla dosyasıda inceleyin.

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş