Wednesday, August 22, 2012

Mouse Over ပံုစံတစ္ခု လုပ္ၾကည္ရေအာင္..

Mouse Over ပံု ကို Animation ပံုတင္လိုမရလိုပါ.. အဲဒါကို သူငယ္ခ်င္မ်ားအားလံုးနားလည္းေပးပါလို ေတာင္ဆိုပါတယ္..

ကဲ့ အထက္ပါကဲ့သို႔ Mouse Over တစ္ခု လုပ္ၾကည့္ရေအာင္ ပထမ New Document တစ္ခုဖြင့္လိုက္ပါ။ ျပီးေတာ Tool Box က Rectangle Tool (R) ကို ယူလိုက္ပါ ျပီးေတာ Object တစ္ခု ဆြဲလိုက္ပါ။

1


အထက္ပါကဲ့သို႔ Object တစ္ခု ဆြဲျပီးသြားရင္ အဲဒီ Object ကို Select လုပ္လိုက္ပါ။ ျပီးေတာ F8 ႏွိပ္လိုက္ပါ။ ေပၚလာေသာ Box မွာ Move Clip ကိုအမွတ္ေပးလိုက္ပါ။

2


ျပီးေတာ အဲဒီ Object ကို Mouse နဲ႔ Click ႏွစ္ခ်က္ႏွိပ္လိုက္ပါ။ ျပီးေတာ ေနာက္ထပ္ F8 ႏွိပ္လိုက္ပါ။ ေပၚလာေသာ Box မွာ Button ကိုအမွတ္ေပးလုိက္ပါ။

3


ျပီးေတာ Object ကို Click ႏွစ္ခ်က္ႏွိပ္လိုက္ပါ။ ေအာက္ပါကဲ့သို႔ Box ကို ေတြ႔ျမင့္ရမွာပါ။ up ေနရာက ေနျပီး Hit ေနရာကို Mouse နဲ႔ ဆြဲလိုက္ပါ။

4


အထက္ပါကဲ့သို႔ ဆြဲျပီးသြားရင္

5


အထက္ပါ Box ထဲမွာ Symbol1 ကို တစ္ခ်က္ Click လိုက္ပါ။

6


ျပီးေတာ New Layer တစ္ခု ယူလိုက္ပါ။ ျပီးေတာ File>Import>Import to Library ထဲက ပံုတစ္ပံုကိုယူလိုက္ပါ။ ျပီးေတာ အဲဒီပံုကို Library Box ထဲက ဆြဲထည့္လိုက္ပါ။ Library Box မရိွဘူးဆိုရင္ Window>Library ကို ႏွိပ္လိုက္ပါ။

7


အထက္ပါကဲ့သို႔ ပံုကိုဆြဲထည့္ျပီးသြားရင္ Object နဲ႔ အတူတူ ထားလိုက္ပါ။ ေအာက္ပါကဲ့သို႔ေပါ့။

8

အထက္ပါကဲ့သို႔ ပံုကိုငယ္ျပီးသြားရင္ Object ရဲ့ Layer Frame ကို F5 ႏွိပ္လိုက္ပါ။ Bird ရဲ့ Layer Frame ကို F6 ႏွိပ္လိုက္ပါ။

9


ျပီးေတာ F6 ႏွိပ္ထားတဲ့ Bird Frame အလယ္ကို Right Click ေထာက္လိုက္ပါ။ ျပီးေတာ Create Motion Frames ကိုႏွိပ္လိုက္ပါ။

10

ျပီးေတာ Bird Frames အဆံုးကို တစ္ခ်က္ႏွိပ္လိုက္ပါ။ ျပီးေတာ ပံုကို ငယ္လိုက္ပါ။

11


ျပီးေတာ Window>Properties>Properties ကို ႏွိပ္လိုက္ပါ။

12


ေအာက္ပါကဲ့သို႔ Box ကိုေတြ႔ျမင့္ရမွာပါ။ အဲဒီ Box ထဲမွာ Color: Alpha ထားလိုက္ပါ ျပီးေတာ Alpha Amount ထဲမွာ 0 ထားလိုက္ပါ။

13


ျပီးေတာ အဲဒီ Layer Frame ကို တစ္ခ်က္ႏွိပ္လိုက္ပါ။ ေအာက္ပါ Box ထဲမွာ Rotate: CW ကိုထားလုိက္ပါ။

14


ျပီးေတာ Bird Frame အဆံုးကိုတစ္ခ်က္ႏွိပ္လိုက္ျပီးေတာ F9 ကိုႏွိပ္လိုက္ပါ။ ေအာက္ပါကဲ့သို႔ Box ထဲမွာ “Stop(); “ ေရးလိုက္ပါ။

15


ျပီးေတာ Object ရဲ့ Frame အဆံုးကို တစ္ခ်က္ Click လိုက္ပါ။ ျပီးေတာ F9 ကိုႏွိပ္လိုက္ျပီးေတာ Box ထဲမွာ “on(rollover){play();}” ေရးလိုက္ပါ။

16


အထက္ပါကဲ့သို႔ စာေရးျပီးသြားရင္ ေအာက္ပါကဲ့သို႔ Box မွာ Scene1, Symbol1 ရိွပါသည္ အဲဒီထဲမွာ Scene1 ကို တစ္ခ်က္ Click လိုက္ပါ။

17


ျပီးေတာ အဲဒီ Object ကို Copy ကူလိုက္ပါ။ Alt Key ဖီထားျပီး Copy ကူလိုက္ပါ။ ေအာက္ပါကဲ့သို႔ Document ထဲမွာ အျပည့္ကူလိုက္ပါ။

18


အထက္ပါကဲ့သို႔ Copy ကူျပီးသြားရင္ Frame ကို တစ္ခ်က္ႏွိပ္လိုက္ျပီးေတာ F9 ႏွိပ္လိုက္ပါ။ “Mouse.hide();” ေရးလုိက္ပါ။

19


ကဲ့ျပီးသြားပါျပီး။ Ctrl+Enter နဲ႔ ၾကည့္လိုက္ပါ။ အားလံုးေပ်ာ္ရႊင္ႏိုင္ၾကပါေစလို႔ဆႏၵျပဳလိုက္ပါတယ္။


No comments: