Tuesday, September 11, 2012

Menu Maker ဆိုတဲ့ ပံုစံတစ္ခု လုပ္ၾကည္ရေအာင္.

20


Menu Maker ဆိုတဲ့ ပံုစံတစ္ခု လုပ္ၾကည္ရေအာင္.
အဲဒါေၾကာင္ Flash CS3 ကို ဖြင့္လိုက္ ျပီးေတာ ေအာက္ပါ ပံုကဲ့သို႔ ေရြးခ်ယ္လိုက္ပါ။

1

အထက္ပါ ပံုမွာ ျပထားတဲ့ Flash File(ActionScript 3.0) ကို ေရြးခ်ယ္လိုက္ပါ။ ဒါဆိုရင္ ေအာက္ပါ ကဲ့သို႔ New Document တစ္ခု ပြင့္လာမွာပါ။

2


အထက္ပါ ပံုကဲ့သို႔ နံပါတ္ 1 ဆိုတဲ့ အနီကြပ္နဲ႔ ျပထားတဲ့ ေနရာကို ႏွိပ္လိုက္ရင္ အထက္ပါ နံပါတ္ 2 ဆိုတဲ့ Box တစ္ခု ေပၚလာမွာပါ။ အဲဒီ ထဲမွာ မိမိၾကိဳက္ႏွစ္သက္သလို Size ေတြ႔ထားပါ ျပီးေတာ Background Color ေတြ႔ေျပာင္ေပးပါ ျပီးေတာ Frame Rate ကို 28 ေလာက္ထားပါ။ ဒါဆိုရင္ ေအာက္ပါ Document တစ္ခုရလာမွာပါ။


3


ကဲ့ျပိးေတာ Tool Box က Rectangle Tool ကို ယူလိုက္ပါ။ ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ Object တစ္ခု ဆြဲလိုက္ပါ။ အဲဒီ Object ကိုဆြဲလိုက္။ ျပီးေတာ အဲဒီ Object ကို F8 ႏွိပ္လိုက္ပါ။

4


အထက္ပါ ကဲ့သို႔ F8 ႏွိပ္လိုက္ရင္ Convert To Symbol Box ေပၚလာမွာပါ အဲဒီ Box ထဲ့မွာ Name: nay1 ဆိုျပီး အမည္ေပးထားပါတယ္။ ျပီးေတာ Type: မွာ Button ကို အမွတ္ေပးထားပါတယ္။ ျပီးေတာ Ok ပါ။
ျပီးေတာ အဲဒီ Object ကို Click ႏွစ္ခ်က္ ေခါက္လိုက္ပါ။ ဒါဆိုရင္ေအာက္ပါ ကဲ့သို႔ ေတြ႔ျမင္ရမွာပါ။

5


အထက္ပါ Layer Box မွာ Up Over/ Down/ ဆိုျပီးေတြ႔ျမင္ရမွာပါ။ ျပီးေတာ Keyboard က Alt ကီးကို ဖီထားျပီးေတာ Mouse နဲ႔ Over ကို ဆြဲ႔လိုက္ပါ။ ေအာက္ပါ ပံုကိုၾကည္ပါ။

6


အထက္ပါ ကဲ့သို႔ Over ထိ ဆြဲျပီးသြားရင္ ေနာက္တစ္ေခါက္ Down သို႔ ဆြဲလိုက္ပါ။

7


အထက္ပါ ကဲ့သို႔ အားလံုးလုပ္ျပီးသြားရင္ Over သို Click တစ္ခ်က္ ခ်လိုက္ပါ ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ Color နည္းနည္းေျပာင္ေပးလိုက္ပါ။ ေအာက္ပါ ပံုကိုၾကည္လိုက္ပါ။


8


အထက္ပါ ကဲ့သို႔ နည္းနည္း လုပ္ျပီးသြားရင္ Scene1 ကို Click လိုက္ပါ။

9


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

10


အထက္ပါ ကဲ့သို႔ Copy ကူျပီးသြားရင္ အဲဒီ Object တစ္ခုခ်င္စီကို Click ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ အမည္းေပးလိုက္ပါ။ Properties Box မွာ ေအာက္ပါ ပံုကိုၾကည္ပါ။


11


အထက္ပါ ကဲ့သို႔ Properties Box မွာ nay5 ဆိုျပီး ေရးေပးပါ။ nay1. Nay2. Nay3. Nay4. Nay5 ဆိုျပီးေပးလိုက္ပါ။ ျပီးေတာ Tool Box က Text Tool ကို ယူလိုက္ပါ ျပီးေတာ ေအာက္ပါ ကဲ့သို႔ စာေရးေပးလိုက္ပါ။ မိမိၾကိဳက္ႏွစ္သက္တဲ့ စာကိုေရးေပါ့။

12


ကဲ့အထက္ပါကဲ့သို႔ ေရးျပီးသြားရင္ မိမိၾကိဳက္ လို ပံုတစ္ပံုကိုထည္ၾကည္ရေအာင္။ အဲဒါေၾကာင္ File>Import> Import To Library ထဲ့က ယူလိုက္ပါ။


13


အထက္ပါ ကဲ့သုိ႔ Import To Library ထဲ့က ပံုတစ္ပံုကိုယူလိုက္ပါ။ ကြ်န္ေတာ္ကေတာ ေအာက္ပါ ကဲ့သို႔ ပံုတစ္ပံုကိုယူလိုက္ပါတယ္။

14


အထက္ပါ ပံုကိုယူလိုက္ပါတယ္ ျပီးေတာ ေအာက္ပါကဲ့သ ို႔LibraryBox ထဲက အဲဒီ ပံုကိုဆြဲထည္းလိုက္ပါတယ္။

15


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


16


အထက္ပါ Convert To Symbol Box မွာ Name: နာမည္ တစ္ခုခုေပးလိုက္ပါ။ ျပီးေတာ Type: Movie Clip ကိုအမွတ္ေပးလိုက္ပါ။ ျပီးေတာ Ok ေပါ။
ျပီးေတာ New Layer တစ္ခု ယူလိုက္ပါ။


17


အထက္ပါ ပံုကဲ့သို႔ Insert Layer ကို ႏွိပ္လိုက္ရင္ New Layer တစ္ခု ထပ္တိုလာမွာပါ။
ျပီးေတာ အဲဒီ Layer ကို ေအာက္ပါ ကဲ့သို႔ Click ျပီးေတာ F9 ႏွိပ္လိုက္ပါ ဒါဆိုရင္ Action Box တစ္ခု ေပၚလာမွာပါ။


18


အထက္ပါ Action Box ထဲ့မွာ ေအာက္ပါ Code ေတြ႔ကိုေသေသခ်ာခ်ာေရးလိုက္ပါ။

    import fl.transitions.Tween; import fl.transitions.easing.*; var curMarkerXPos:Number = nay1.x; var duration:Number = 1.5; function markerFollow (event:MouseEvent):void { var markerTween:Tween = new Tween(marker, "x", Strong.easeOut, curMarkerXPos, event.target.x, duration, true); curMarkerXPos = event.target.x; } nay1.addEventListener(MouseEvent.ROLL_OVER, markerFollow); nay2.addEventListener(MouseEvent.ROLL_OVER, markerFollow); nay3.addEventListener(MouseEvent.ROLL_OVER, markerFollow); nay4.addEventListener(MouseEvent.ROLL_OVER, markerFollow); nay5.addEventListener(MouseEvent.ROLL_OVER, markerFollow);
အထက္ပါ Code ေတြ႔ကို ေအာက္ပါ ကဲ့သို႔ ေသေသခ်ာခ်ာေရးထည့္ပါ။

19

အထက္ပါ အနီကြပ္နဲ႔ ျပထားတဲ့ ေနရာေတြ႔မွာ မိမိ Convert To Symbol Box ထဲမွာေရးထားတဲ့ ေနရာေတြ႔မွာ ေျပာင္ေပးလိုက္ပါ။ ဒါဆိုရင္ ျပီးသြားပါျပီး။ ဒါဆိုရင္ Crtl+Enter နဲ႔ၾကည္လိုက္ပါတယ္။

20


No comments: