Flash 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.

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.

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.

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.

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.

6-Mouse ucu animasyonumuzu hazırladık şimdi buton yapalım. Buton hazırlamak için örnek resimdekine benzer çizim yapabilirsiniz.

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.

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.

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.

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