Animation Method2 (Tweening)

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 တစ္ခါထပ္လုပ္ရတာပါ။ သတိထားမိေလာက္မယ္ထင္ပါတယ္။

အသစ္တင္တိုင္း facebook က ဖတ္မယ္ဆိုရင္{ ဒီမွာ like } လုပ္ေပးထားပါ

လာေရာက္လည္ပတ္တဲ့အတြက္ ပုသိမ္သားေလး(နည္းပညာ)မွ ေက်းဇူးတင္ပါတယ္ခင္ဗ်ာ

Posted in: Photoshop ဆိုင္ရာမ်ား