Latest topics
ဒီဖိုရမ္ထဲမွာ ၀င္ေရာက္ေဆြးေႏြးနိဳင္ပါတယ္...
၀င္ေရာက္ေဆြးေႏြးနိဳင္ပါတယ္။Animation Method2 (Tweening) PART 2
Page 1 of 1
Animation Method2 (Tweening) PART 2
ဒီတစ္ခါေတာ့ ပံုေလးေတြကိုတစ္ပံုေပ်ာက္သြားလိုက္ တပံုေပၚလာလိုက္ပံုစံေလးလုပ္ရေအာင္ပါ။ ေရွ့က Tutorial ရဲ့အဆက္ျဖစ္တဲ့ အတြက္အေသးစိတ္ကိုမေရးေတာ့ပါဘူး၊ လိုအပ္သေလာက္ပဲေရးသြားမွာပါ။ Sample File ကို DownLoad လုပ္ပါ။ ျပီးရင္ ImageReady မွာဖြင့္ပါမယ္။
Default အေနနဲ႔ Frame1 ကိုေတြမွာပါ။ Layer Palette ကိုၾကည့္ပါ Layer3 ခုရွိပါတယ္၊ အဲဒီထဲကမွ Layer1 ရဲ့ Opacity ကို 100% ထားျပီး က်န္ Layer ၂ ခုကိုေတာ့ 0% မွာထားပါ။
New Frame အသစ္ေခၚပါ။ အဲဒီ Frame2 မွာ Layer2 တစ္ခုထဲရဲ့ Opacity ကို 100% ထားျပီး က်န္တဲ့ Layer ေတြကိုေတာ့ 0% ပဲထားပါ။ အဲဒီအတိုင္းပဲ New Frame တစ္ခုထပ္ေခၚပါဦး၊ ျပီးရင္ Frame3 ရလာတဲ့အခါမွာ Layer3 ရဲ့ Opacity ကို 100% ထားျပီးေတာ့ က်န္တဲ့ Layer ေတြကိုေတာ့ 0% ပဲထားပါ။ Animation Palette ကိုၾကည့္ရင္ ဒီလိုျမင္ေနရပါျပီ။
Frame1 ရဲ့ Opacity အေနနဲ႔ Layer1 = 100%, Layer2 = 0%, Layer3 = 0%
Frame2 ရဲ့ Opacity အေနနဲ႔ Layer1 = 0%, Layer2 = 100%, Layer3 = 0%
Frame3 ရဲ့ Opacity အေနနဲ႔ Layer1= 0%, Layer2 = 0%, Layer3 = 100% အသီးသီးျဖစ္ပါတယ္။
ျပီးရင္ေတာ့ Tween Method ကိုသံုးျပီး Animate လုပ္ၾကည့္ပါမယ္။ Frame1 ကို Select လုပ္ပါ၊ Tween လုပ္ပါမယ္။ Option ေတြကေတာ့ပံုပါအတိုင္းပါပဲ။ Parameters မွာေတာ့ Opacity ကိုေရြးထားပါတယ္။
အခုတစ္ခါေနာက္ဆံုးက Frame8 ကိုSelect လုပ္ျပီး Tween လုပ္ပါဦး။ Option ကလဲပံုပါအတိုင္းပဲယူပါ။ Frame ေတြကေတာ့ ၁၃ ခုအထိျဖစ္လာမွာပါ။
ေနာက္တစ္ဆင့္ကေတာ့ Frame1 ကို Copy လုပ္ျပီး Frame13 ေနာက္မွာ Paste လုပ္ပါ။ (အေသးစိတ္ျပဳလုပ္ပံုကိုေတာ့ေရွ့ Tutorial တြင္ၾကည့္ပါ၊ Paste Method မွာေတာ့ Paste After Selection ကိုေရြးရမွာ သတိျပဳပါ)။ Frame14 ေပၚလာပါျပီ၊ သူ႔ကိုလဲ Frame13 မွာ Tween လုပ္တဲ့အတိုင္းျပဳလုပ္ပါဦး။
Frame delay time ကိုေတာ့ Frame1,7,13 တို႔ကို 0.5 sec ယူျပီးက်န္တဲ့ Frame ေတြကိုေတာ့ 0.2 sec ပဲထားပါ။ Animation ကို Play ၾကည့္္ရင္ဒီလိုပံုကိုျမင္ေနရမွာပါ။ ျပီးရင္ေတာ့ Optimize လုပ္လိုက္ရံုပါပဲ။
ဒီမွာတစ္ခုသတိထားေစခ်င္တာက ပံုေလးသံုးပံုဟာ တစ္ခုျပီးတစ္ခုေပၚေစဖို႔အတြက္ Tween ကိုသံုးထားတာအျပင္ အဆံုး Frame ကေန အစကိုျပန္ Loop ပတ္တဲ့အခါမွာ ပံုဟာရုတ္တရက္ေျပာင္းသြားတာမ်ိဳးမျဖစ္ေအာင္ Frame1 ကို copy လုပ္ျပီး Tween တစ္ခါထပ္လုပ္ရတာပါ။ သတိထားမိေလာက္မယ္ထင္ပါတယ္။
ေအာက္မွာျပထားတဲ့ ပံုေလးကိုၾကည့္ျပီး ဘယ္လိုပံုစံဖန္တီးထားတယ္ဆိုတာကို စဥ္းစားၾကည့္ၾကပါဦး။ လြယ္ပါတယ္ ခဏေလးနဲ႔ အေျဖရႏိုင္ပါတယ္။ Animation သင္ခန္းစာမ်ားမွာ ေဖာ္ျပထားတဲ့နည္းေတြကိုပဲ အသံုးျပဳထားတာပါ။ သင္လည္းအလြယ္တကူနဲ႔ဖန္တီးႏိုင္မွာပါ။ ဘယ္လိုပံုစံေလးဖန္တီးမလဲဆိုတာသာအေရးၾကီးတာပါ။
အကယ္၍မ်ား သင့္မွာခ်စ္ခင္သူတစ္ေယာက္ရဲ့ ေမြးေန႔ အတြက္ Birthday Card ေလးကိုေပးဖို႔ရွိလာခဲ့ရင္ Ready Made Online Ecard ေတြကိုေပးမယ့္အစား အခုလိုမ်ိဳး ကိုယ္ပိုင္ Creation ေလးနဲ႔တစ္ခုေလာက္ဖန္တီးၾကည့္ပါလား။
Default အေနနဲ႔ Frame1 ကိုေတြမွာပါ။ Layer Palette ကိုၾကည့္ပါ Layer3 ခုရွိပါတယ္၊ အဲဒီထဲကမွ Layer1 ရဲ့ Opacity ကို 100% ထားျပီး က်န္ Layer ၂ ခုကိုေတာ့ 0% မွာထားပါ။
New Frame အသစ္ေခၚပါ။ အဲဒီ Frame2 မွာ Layer2 တစ္ခုထဲရဲ့ Opacity ကို 100% ထားျပီး က်န္တဲ့ Layer ေတြကိုေတာ့ 0% ပဲထားပါ။ အဲဒီအတိုင္းပဲ New Frame တစ္ခုထပ္ေခၚပါဦး၊ ျပီးရင္ Frame3 ရလာတဲ့အခါမွာ Layer3 ရဲ့ Opacity ကို 100% ထားျပီးေတာ့ က်န္တဲ့ Layer ေတြကိုေတာ့ 0% ပဲထားပါ။ Animation Palette ကိုၾကည့္ရင္ ဒီလိုျမင္ေနရပါျပီ။
Frame1 ရဲ့ Opacity အေနနဲ႔ Layer1 = 100%, Layer2 = 0%, Layer3 = 0%
Frame2 ရဲ့ Opacity အေနနဲ႔ Layer1 = 0%, Layer2 = 100%, Layer3 = 0%
Frame3 ရဲ့ Opacity အေနနဲ႔ Layer1= 0%, Layer2 = 0%, Layer3 = 100% အသီးသီးျဖစ္ပါတယ္။
ျပီးရင္ေတာ့ Tween Method ကိုသံုးျပီး Animate လုပ္ၾကည့္ပါမယ္။ Frame1 ကို Select လုပ္ပါ၊ Tween လုပ္ပါမယ္။ Option ေတြကေတာ့ပံုပါအတိုင္းပါပဲ။ Parameters မွာေတာ့ Opacity ကိုေရြးထားပါတယ္။
အခုတစ္ခါေနာက္ဆံုးက Frame8 ကိုSelect လုပ္ျပီး Tween လုပ္ပါဦး။ Option ကလဲပံုပါအတိုင္းပဲယူပါ။ Frame ေတြကေတာ့ ၁၃ ခုအထိျဖစ္လာမွာပါ။
ေနာက္တစ္ဆင့္ကေတာ့ Frame1 ကို Copy လုပ္ျပီး Frame13 ေနာက္မွာ Paste လုပ္ပါ။ (အေသးစိတ္ျပဳလုပ္ပံုကိုေတာ့ေရွ့ Tutorial တြင္ၾကည့္ပါ၊ Paste Method မွာေတာ့ Paste After Selection ကိုေရြးရမွာ သတိျပဳပါ)။ Frame14 ေပၚလာပါျပီ၊ သူ႔ကိုလဲ Frame13 မွာ Tween လုပ္တဲ့အတိုင္းျပဳလုပ္ပါဦး။
Frame delay time ကိုေတာ့ Frame1,7,13 တို႔ကို 0.5 sec ယူျပီးက်န္တဲ့ Frame ေတြကိုေတာ့ 0.2 sec ပဲထားပါ။ Animation ကို Play ၾကည့္္ရင္ဒီလိုပံုကိုျမင္ေနရမွာပါ။ ျပီးရင္ေတာ့ Optimize လုပ္လိုက္ရံုပါပဲ။
ဒီမွာတစ္ခုသတိထားေစခ်င္တာက ပံုေလးသံုးပံုဟာ တစ္ခုျပီးတစ္ခုေပၚေစဖို႔အတြက္ Tween ကိုသံုးထားတာအျပင္ အဆံုး Frame ကေန အစကိုျပန္ Loop ပတ္တဲ့အခါမွာ ပံုဟာရုတ္တရက္ေျပာင္းသြားတာမ်ိဳးမျဖစ္ေအာင္ Frame1 ကို copy လုပ္ျပီး Tween တစ္ခါထပ္လုပ္ရတာပါ။ သတိထားမိေလာက္မယ္ထင္ပါတယ္။
ေအာက္မွာျပထားတဲ့ ပံုေလးကိုၾကည့္ျပီး ဘယ္လိုပံုစံဖန္တီးထားတယ္ဆိုတာကို စဥ္းစားၾကည့္ၾကပါဦး။ လြယ္ပါတယ္ ခဏေလးနဲ႔ အေျဖရႏိုင္ပါတယ္။ Animation သင္ခန္းစာမ်ားမွာ ေဖာ္ျပထားတဲ့နည္းေတြကိုပဲ အသံုးျပဳထားတာပါ။ သင္လည္းအလြယ္တကူနဲ႔ဖန္တီးႏိုင္မွာပါ။ ဘယ္လိုပံုစံေလးဖန္တီးမလဲဆိုတာသာအေရးၾကီးတာပါ။
အကယ္၍မ်ား သင့္မွာခ်စ္ခင္သူတစ္ေယာက္ရဲ့ ေမြးေန႔ အတြက္ Birthday Card ေလးကိုေပးဖို႔ရွိလာခဲ့ရင္ Ready Made Online Ecard ေတြကိုေပးမယ့္အစား အခုလိုမ်ိဳး ကိုယ္ပိုင္ Creation ေလးနဲ႔တစ္ခုေလာက္ဖန္တီးၾကည့္ပါလား။
Similar topics
» Animation Method2 (Tweening) PART 1
» 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