Latest topics
ဒီဖိုရမ္ထဲမွာ ၀င္ေရာက္ေဆြးေႏြးနိဳင္ပါတယ္...
၀င္ေရာက္ေဆြးေႏြးနိဳင္ပါတယ္။Animation Method2 (Tweening) PART 1
Page 1 of 1
Animation Method2 (Tweening) PART 1
Animation method2 ျဖစ္တဲ့ Tweening Method ကိုဆက္ရေအာင္။ Tweening ဆိုတာက In betweening ဆိုတာရဲ့ အတိုေကာက္ပါ။ Frame တစ္ခုနဲ႔တစ္ခုၾကားမွာရွိတဲ့ တန္ဖိုးေျပာင္းလဲျခင္း ေတြကိုတြက္ခ်က္ေပးတဲ့ Method တစ္ခုပါ။
ဥပမာအားျဖင့္ အရာ၀ထၱဳတစ္ခုကို ဘယ္ဘက္မွညာဘက္သို႔ ေရြ႔သြားတဲ့ပံုစံျပဳလုပ္ခ်င္တယ္ ဆိုပါစို႔။
Frame ႏွစ္ခုကိုဖန္တီးေပးပါမယ္။ ပထမ Frame မွာေတာ့ ထိုအရာ၀ထၱဳကိုဘယ္ဘက္မွာထားျပီး ဒုတိယ Frame မွာေတာ့ ထိုအရာ၀ထၱဳ ကိုညာဘက္မွာထားေပးလိုက္ပါမယ္။
ျပီးရင္ေတာ့ ၾကားထဲမွာလိုခ်င္တဲ့ Frame ေတြကိုတစ္ခုစီျပဳလုပ္ေနစရာမလိုပဲ အလြယ္တကူဖန္တီးျပီးသားျဖစ္သြားေစတဲ့ နည္းလမ္းတစ္ ခုပါ။ လက္ေတြ႔စလုပ္ရေအာင္။ Sample File ေလးကို Download လုပ္ပါ။ Sample File ကို ImageReady မွာဖြင့္ပါ (သို႔) PhotoShop မွာဖြင့္ျပီး Jump To ImageReady လုပ္လဲရပါတယ္။
ဦးစြာ New Frame တစ္ခုကိုဖန္တီးပါမယ္။ Animation Palette ရဲ့ Popup menu ကိုေခၚပါ ျပီးရင္အေပၚဆံုးမွ New Frame Menu ကိုေရြးပါ။ ဒါဆိုရင္သင့္ရဲ့ Animation မွာ Frame ႏွစ္ခုျဖစ္လာပါျပီ။
Animation Palette မွာဒုတိယ Frame ကို Select လုပ္ပါ။ ျပီးရင္ Document Window မွာ Move Tool သံုးျပီး Layer1 ကိုဘယ္ဘက္ သို႔ဆြဲေရြ႔ပါ။ Hotizontal Align ျဖစ္ခ်င္ရင္ေတာ့ Move လုပ္ေနစဥ္မွာ Shift Key ကိုသံုးျပီးေရြ႔ပါ။ အခုဆိုရင္ Frame ႏွစ္ခုမွာရွိတဲ့ပံုေလးဟာ ဘယ္မွာတစ္ခု ညာမွာတစ္ခု ျဖစ္သြားပါျပီ။ ျပီးရင္ Animation Palette ရဲ့ေအာက္ေျခက Tweens Animation Frames Button ကိုClick လုပ္ပါ။
Tween Dialog မွာေတာ့ ပံုပါအတိုင္း Option ေတြကိုယူပါ။ Tween With ဆိုတာက ဘယ္ Frame နဲ့ Tween လုပ္မလဲဆိုတာကို ေျပာတာပါ။ အခု Previous Frame ကိုေရြးလိုက္တဲ့အတြက္ အေရွ႔က Frame ကိုဆိုလိုပါတယ္။ Frames to Add ဆိုတာက ဒီ Frame ႏွစ္ခုၾကားမွာ Frame ဘယ္ႏွစ္ခုထပ္ထည့္မလဲကိုေျပာတာပါ။ အခု 10 ကိုေရြးလိုက္တဲ့အတြက္ Frame ၁၀ ခုေပါင္းထပ္ထည့္မွာပါ။ ဒါဆိုရင္ Animation Palette မွာ Frame ၁၂ ခုျဖစ္လာမွာပါ။ Layers option မွာေတာ့ All layers ဆိုတာက Effect ျဖစ္မွာက Layer အကုန္လံုးလို႔ ဆိုလိုတာပါ။ အကယ္၍ Selected Layer ကိုေရြးခဲ့ရင္ေတာ့ Select လုပ္ထားတဲ့ (သို႔) Active ျဖစ္ေနတဲ့ Layer ကိုပဲ Effect ျဖစ္မွာပါ။ Parameters ကေတာ့ ဘယ္အရာကို Animation effect အျဖစ္ေဆာက္ရြက္ေစမလဲကိုဆိုလိုတာပါ။ အခု Position ကိုေရြးထားတဲ့ အတြက္ Layer1 ရဲ့ Move ျဖစ္သြားတဲ့ ေျပာင္းလဲျခင္းကို Animation ျဖစ္ေစမယ့္သေဘာပါ။ Opacity ကေတာ့ Fading in or out ကိုဆိုလိုတာျဖစ္ျပီး Effect ကေတာ့ Layer Style ရဲ့ Value ေတြကိုဆိုလိုတာပါ။ အကယ္၍ ဒီေနရာမွာ Parameters ရဲ့ Options ေတြအကုန္လံုး Select လုပ္ခဲ့လည္းဘာမွထူးမွာမဟုတ္ပါဘူး။ ဘာလို႔လဲဆိုေတာ့ အခုအသံုးျပဳေနတဲ့ Layer မွာအဲဒီ ေျပာင္းလဲျခင္းေတြ မပါ၀င္လို႔ပါ။
Frame အားလံုးကို Select လုပ္ျပီး Frame delay time ကို 0.1 sec ေလာက္ထားေပးပါ။ ျပီးရင္ File>Save Optimized လုပ္ေပးပါ။ ျပဳလုပ္ပံုေတြကေတာ့ အရင္ Tutorial အတိုင္းပါပဲ။ ဒါဆိုရင္ ပံုေလးဟာဘယ္မွညာကိုသြားေနပါျပီ။
အခုဒီပံုေလးကိုဘယ္မွညာ ညာမွဘယ္ အျပန္အလွန္သြားတဲ့ပံုေလးလုပ္ၾကည့္ရေအာင္။ လြယ္ပါတယ္ Animation Palette မွာ Frame 1 ဟာ ဘယ္ဘက္အစြန္ဆံုးမွာရွိပါတယ္၊ Frame 12 ကေတာ့ ညာဘက္အစြန္ဆံုးမွာရွိပါတယ္။ ဒါေၾကာင့္ ဘယ္မွညာ ကိုအလြယ္တကူ Tween လုပ္ထားတာပါ။ အခုဘယ္မွညာအျပင္ ညာကေနဘယ္ကိုပါသြားခ်င္ေသးေတာ့ Frame 1 ကို Copy ကူး Frame 12 ေနာက္မွာထားျပီး Tween လုပ္ေပးရံုေလးပါပဲ။
Animation Palette မွာ Frame 1 ကို Select လုပ္ပါ။ ျပီးရင္ Animation Palette ရဲ့ Popup Menu ကေန Copy Frame ကိုေရြးပါ။ ျပီးရင္ Frame 12 ကို Select လုပ္ပါ၊ Animation Palette ရဲ့ Popup Menu ကေနပဲ Paste Frame လုပ္ပါ။ Paste Frames Option ေပၚလာမွာပါ။
aste Method မွာေတာ့ Paste After Selection ကို Choose လုပ္ျပီး Ok ႏွိပ္ေပးပါ။ ဒါဆိုရင္ Frame 13 ေပၚလာမွာပါ။ Frame 13 နဲ့ Frame 12 ကိုလည္းအထက္မွာေျပာခဲ့တဲ့နည္းအတိုင္း Tween လုပ္ေပးလိုက္ပါဦး။ ဒါဆိုရင္ Animation ပံုေလးကိုအခုလိုျမင္ရမွာပါ။
ဥပမာအားျဖင့္ အရာ၀ထၱဳတစ္ခုကို ဘယ္ဘက္မွညာဘက္သို႔ ေရြ႔သြားတဲ့ပံုစံျပဳလုပ္ခ်င္တယ္ ဆိုပါစို႔။
Frame ႏွစ္ခုကိုဖန္တီးေပးပါမယ္။ ပထမ Frame မွာေတာ့ ထိုအရာ၀ထၱဳကိုဘယ္ဘက္မွာထားျပီး ဒုတိယ Frame မွာေတာ့ ထိုအရာ၀ထၱဳ ကိုညာဘက္မွာထားေပးလိုက္ပါမယ္။
ျပီးရင္ေတာ့ ၾကားထဲမွာလိုခ်င္တဲ့ Frame ေတြကိုတစ္ခုစီျပဳလုပ္ေနစရာမလိုပဲ အလြယ္တကူဖန္တီးျပီးသားျဖစ္သြားေစတဲ့ နည္းလမ္းတစ္ ခုပါ။ လက္ေတြ႔စလုပ္ရေအာင္။ Sample File ေလးကို Download လုပ္ပါ။ Sample File ကို ImageReady မွာဖြင့္ပါ (သို႔) PhotoShop မွာဖြင့္ျပီး Jump To ImageReady လုပ္လဲရပါတယ္။
ဦးစြာ New Frame တစ္ခုကိုဖန္တီးပါမယ္။ Animation Palette ရဲ့ Popup menu ကိုေခၚပါ ျပီးရင္အေပၚဆံုးမွ New Frame Menu ကိုေရြးပါ။ ဒါဆိုရင္သင့္ရဲ့ Animation မွာ Frame ႏွစ္ခုျဖစ္လာပါျပီ။
Animation Palette မွာဒုတိယ Frame ကို Select လုပ္ပါ။ ျပီးရင္ Document Window မွာ Move Tool သံုးျပီး Layer1 ကိုဘယ္ဘက္ သို႔ဆြဲေရြ႔ပါ။ Hotizontal Align ျဖစ္ခ်င္ရင္ေတာ့ Move လုပ္ေနစဥ္မွာ Shift Key ကိုသံုးျပီးေရြ႔ပါ။ အခုဆိုရင္ Frame ႏွစ္ခုမွာရွိတဲ့ပံုေလးဟာ ဘယ္မွာတစ္ခု ညာမွာတစ္ခု ျဖစ္သြားပါျပီ။ ျပီးရင္ Animation Palette ရဲ့ေအာက္ေျခက Tweens Animation Frames Button ကိုClick လုပ္ပါ။
Tween Dialog မွာေတာ့ ပံုပါအတိုင္း Option ေတြကိုယူပါ။ Tween With ဆိုတာက ဘယ္ Frame နဲ့ Tween လုပ္မလဲဆိုတာကို ေျပာတာပါ။ အခု Previous Frame ကိုေရြးလိုက္တဲ့အတြက္ အေရွ႔က Frame ကိုဆိုလိုပါတယ္။ Frames to Add ဆိုတာက ဒီ Frame ႏွစ္ခုၾကားမွာ Frame ဘယ္ႏွစ္ခုထပ္ထည့္မလဲကိုေျပာတာပါ။ အခု 10 ကိုေရြးလိုက္တဲ့အတြက္ Frame ၁၀ ခုေပါင္းထပ္ထည့္မွာပါ။ ဒါဆိုရင္ Animation Palette မွာ Frame ၁၂ ခုျဖစ္လာမွာပါ။ Layers option မွာေတာ့ All layers ဆိုတာက Effect ျဖစ္မွာက Layer အကုန္လံုးလို႔ ဆိုလိုတာပါ။ အကယ္၍ Selected Layer ကိုေရြးခဲ့ရင္ေတာ့ Select လုပ္ထားတဲ့ (သို႔) Active ျဖစ္ေနတဲ့ Layer ကိုပဲ Effect ျဖစ္မွာပါ။ Parameters ကေတာ့ ဘယ္အရာကို Animation effect အျဖစ္ေဆာက္ရြက္ေစမလဲကိုဆိုလိုတာပါ။ အခု Position ကိုေရြးထားတဲ့ အတြက္ Layer1 ရဲ့ Move ျဖစ္သြားတဲ့ ေျပာင္းလဲျခင္းကို Animation ျဖစ္ေစမယ့္သေဘာပါ။ Opacity ကေတာ့ Fading in or out ကိုဆိုလိုတာျဖစ္ျပီး Effect ကေတာ့ Layer Style ရဲ့ Value ေတြကိုဆိုလိုတာပါ။ အကယ္၍ ဒီေနရာမွာ Parameters ရဲ့ Options ေတြအကုန္လံုး Select လုပ္ခဲ့လည္းဘာမွထူးမွာမဟုတ္ပါဘူး။ ဘာလို႔လဲဆိုေတာ့ အခုအသံုးျပဳေနတဲ့ Layer မွာအဲဒီ ေျပာင္းလဲျခင္းေတြ မပါ၀င္လို႔ပါ။
Frame အားလံုးကို Select လုပ္ျပီး Frame delay time ကို 0.1 sec ေလာက္ထားေပးပါ။ ျပီးရင္ File>Save Optimized လုပ္ေပးပါ။ ျပဳလုပ္ပံုေတြကေတာ့ အရင္ Tutorial အတိုင္းပါပဲ။ ဒါဆိုရင္ ပံုေလးဟာဘယ္မွညာကိုသြားေနပါျပီ။
အခုဒီပံုေလးကိုဘယ္မွညာ ညာမွဘယ္ အျပန္အလွန္သြားတဲ့ပံုေလးလုပ္ၾကည့္ရေအာင္။ လြယ္ပါတယ္ Animation Palette မွာ Frame 1 ဟာ ဘယ္ဘက္အစြန္ဆံုးမွာရွိပါတယ္၊ Frame 12 ကေတာ့ ညာဘက္အစြန္ဆံုးမွာရွိပါတယ္။ ဒါေၾကာင့္ ဘယ္မွညာ ကိုအလြယ္တကူ Tween လုပ္ထားတာပါ။ အခုဘယ္မွညာအျပင္ ညာကေနဘယ္ကိုပါသြားခ်င္ေသးေတာ့ Frame 1 ကို Copy ကူး Frame 12 ေနာက္မွာထားျပီး Tween လုပ္ေပးရံုေလးပါပဲ။
Animation Palette မွာ Frame 1 ကို Select လုပ္ပါ။ ျပီးရင္ Animation Palette ရဲ့ Popup Menu ကေန Copy Frame ကိုေရြးပါ။ ျပီးရင္ Frame 12 ကို Select လုပ္ပါ၊ Animation Palette ရဲ့ Popup Menu ကေနပဲ Paste Frame လုပ္ပါ။ Paste Frames Option ေပၚလာမွာပါ။
aste Method မွာေတာ့ Paste After Selection ကို Choose လုပ္ျပီး Ok ႏွိပ္ေပးပါ။ ဒါဆိုရင္ Frame 13 ေပၚလာမွာပါ။ Frame 13 နဲ့ Frame 12 ကိုလည္းအထက္မွာေျပာခဲ့တဲ့နည္းအတိုင္း Tween လုပ္ေပးလိုက္ပါဦး။ ဒါဆိုရင္ Animation ပံုေလးကိုအခုလိုျမင္ရမွာပါ။
Similar topics
» Animation Method2 (Tweening) PART 2
» Animation Method2 (Tweening) PART 3
» Animation ads
» ႐ႈပ္႐ႈပ္ရွက္ရွက္ GIF Animation Text
» ေဖာင္း ၀ ႀကီး Animation Text
» Animation Method2 (Tweening) PART 3
» Animation ads
» ႐ႈပ္႐ႈပ္ရွက္ရွက္ GIF Animation Text
» ေဖာင္း ၀ ႀကီး Animation Text
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|
12th July 2011, 21:03 by Admin
» ငါ လြမ္းတဲ့ ကဗ်ာေလး..
15th June 2011, 14:32 by သားလင္း
» ဒါကေတာ့ Word က ေန Pdf file ကို ေျပာင္းေပးတဲ့ေဆာ့ဖ္၀ဲပါ
7th June 2011, 16:01 by Admin
» How to prepare to build a pc and Building a PC
7th June 2011, 15:55 by Admin
» ဒါေလးကေတာ့ PDF format ကေန Word ကိုေျပာင္းေပးတဲ့ေဆာ့ဖ္၀ဲေလးပါ
7th June 2011, 15:47 by Admin
» How to Enable or Disable the Windows 7 Built-in Administrator Account
6th June 2011, 14:30 by Admin
» Motherboard အတြင္းရွိသင္႔သည္႔ Components မ်ား
29th May 2011, 15:29 by Admin
» မ်က္ႏွာက အဖုအထစ္ အစက္အေျပာက္ေတြကုိုရွင္းေပးမယ့္ ေဆာ့ဖ္၀ဲ
28th May 2011, 14:09 by Admin
» ၿပန္လာခဲ့ပါ(MC Bay Gyi)
27th May 2011, 10:00 by PyaePhyoThaw