14 Jan 2010

roll over,roll out navigation bar.. with flash =)

bagi yang suka flash..
dulu saia sempet belajar sedikit tentang flash, lalu saia cari2 dokumentasinya, ketemu lah sesuatu catatan yang mencatat tutorial yang menurut saia contoh simple tapi menarik.. =)
sebelumnya coba dilihat video yang saia upload.. disitu saia perlihatkan mana yang menurut saia "keren"


divideo kelihatan kalau saia suka cara roll over buttonnya, kemudian terciptalah bagaimana itu bisa dibuat... begini

1. bikin movieClip/sebut aja mc (ini untuk dasar buttonny) terus kasih linkage misal "btn_id"
2. di dalam mc tadi buat lagi 2 buah mc (ini yang bakal di animasikan nanti jika terjadi rollOver dan rollOut) cukup dibuat 2 movie clip lagi saja, tanpa di kasih efek tween dan kawan2ny..
3. kasih nama 2 mc tersebut, misal "mayang_mc" dan "lucu_mc"
4. masih dalm mc tersebut buat masking untuk ke 2 mc tersebut (klo ga di mask ntar keliatan k2 mc trus ke bawah ato ke atas pd saat roll) *masking flash dengan masking photoshop sama fungsiya..
6. tambahkan bumbu2 background secukupnya (mau ada gambar, atau warna dll terserah asal seukuran..)
5. balik lagi ke layer utama terus di frame pertama tulis (nah ini yang ribet.. karena bermain dengan coding.. *honestly codingny saia dibantuin sama guru les.. hihihi)


tinggi_animasi = 20
speed= 3
jarakW = 5
jarakH = 20
bnykBtn = 7 //semua angka ini sesuai kebutuhan aja..
mc = function (test)
{ test.onRollOver = function ()
{ this.objekIn = true
}
test.onRollOut = function ()
{ this.objekIn = false
}

test.onEnterFrame=function()
{ if ( this.objekIn == true && this.lucu_mc._y < start_y + tinggi_animasi)
{ this.lucu_mc._y +=speed
this.mayang_mc._y -=speed}
if ( this.objekIn == false && this.lucu_mc._y > start_y)
{ this.lucu_mc._y -=speed
this.mayang_mc._y +=speed}
}
}

buat = function ()
{
for(i=0;i { btnNew = "btn"+i+"_mc"
_root.attachMovie("btn_id",btnNew,i)
_root[btnNew]._x =(_root[btnNew]._width + jarakW) * i
_root[btnNew]._y = jarakH
mc(eval(btnNew))
}
start_y = _root[btnNew].lucu_mc._y
}
buat()


nah nanti pasti jadi kaya video diatas.. heuheuhe.. coba silahkan dicoba

1 comment:

kontes said...

blognya kok gak pernah diupdate???

Post a Comment

 
Copyright 2009 I'm Writing About Knowledge. Powered by Blogger
Blogger Templates created by Deluxe Templates
Wordpress by Wpthemesfree