Tuesday, July 6, 2010

Animation Method1 (Frames from Layers)


ImageReady မွာ Animation ကိုအဓိကအားျဖင့္ အပိုင္းႏွစ္ပိုင္းခြဲျပီးေလ့လာရေအာင္ပါ။ ဒီ Tutorial မွာေတာ့ပထမတစ္ခုျဖစ္တဲ့ Frame from Layer ဆိုတဲ့ Method နဲ့စရေအာင္။ PhotoShop မွာ New Document ကို 200 Pixel ပတ္လည္နဲ့ စျပီး Create လုပ္ပါတယ္။ ေနာက္ျပီး Image file ေလး ၉ ခုကိုဖြင့္ျပီး New Document ထဲကို Layer အသစ္မ်ားအျဖစ္Move Tool သံုးျပီး ဆြဲထည့္ပါမယ္။ အခုသံုးထားတဲ့ Image file ေလးေတြကေတာ့ ကားတစ္စီးကိုေဘးပတ္ပတ္လည္ကေန ျမင္ရတဲ့ပံုေလးေတြပါ။ Layer ၉ ခုနဲ့ Background Layer ရွိေနပါျပီ။ အဲဒီ Layer ၉ခုကိုဆြဲျပီးသြားရင္ Background Layer ကို Delete လုပ္ပါမယ္။ အခုဆိုရင္ ပံုမွာျပထားတဲ့အတိုင္း Document ဟာ Layer 1 ကေန Layer 9 အထိရွိေနပါတယ္။ Sample File ကို Download လုပ္ပါ။

ဒီအေျခအေနမွာပဲ ImageReady ထဲကို၀င္ရေအာင္ (Ctrl+Shift+M) ကိုႏိွပ္ပါ။ ဒါမွမဟုတ္လဲ File>Jump to>Adobe ImageReady ဆိုလဲရပါတယ္။ Tool Box ရဲ့ေအာက္ဆံုးက Button ေလးကိုႏွိပ္လဲ ImageReady ကိုေရာက္ပါတယ္။ ဒါဆိုရင္ ImageReady မွာေစာေစာက လုပ္ထားတဲ့ Layer ၉ခုနဲ့ File ေလးပြင့္လာမွာပါ။ ImageReady မွာ Frame တစ္ခုကေတာ့ Default ျမင္ရမွာပါ။ Animation Palette မွာၾကည့္ပါ။ အကယ္၍ Animation Palette ကိုမေတြရရင္ေတာ့ Window>Animation menu သို႔သြားပါ။ အဲဒီ Animation Palette ရဲ့ ညာဘက္အေပၚနားမွာ Triangle ေလးတစ္ခုေတြ႔မွာပါ၊ အဲဒီ Triangle ေလးကိုႏွိပ္ျခင္းအားျဖင့္ Popup menu တစ္ခုထြက္လာမွာပါ၊ ဒီ Menu ထဲကမွ Make Frames From Layers ဆိုတဲ့ Menu ကိုေရြးလိုက္ရင္ သင္ရဲ့ Animation palette မွာ Frame ကိုးခုေရာက္လာမွာပါ။
GIF file ေလးေတြဟာ Frame ေတြနဲ့ ဖြဲ႔စည္းထားေၾကာင္းေဖာ္ျပျပီးသားပါ။ ဒီတစ္ခါမွာ Animation Palette ကေနပထမဆံုး Frame1 ကို select လုပ္ျပီး Layer Palette ကိုၾကည့္လိုက္ပါ။ Layer1 ရဲ့ Visible ကိုပဲဖြင့္ထားျပီး က်န္တဲ့ Layer ေတြအားလံုးဟာ Visible icon မ်က္လံုးေလးေတြ မွိတ္ထားတာကိုေတြ႔ရမွာပါ။ အဲဒီလိုပဲ Frame2 မွာလဲ Layer2 ကိုပဲဖြင့္ျပီး က်န္တာေတြေဖ်ာက္ထားမွာပါ။ Frame9 ဆိုရင္ Layer9 ပဲျမင္ရျပီး က်န္တဲ့ Layer ေတြကိုပိတ္ထားမွာပါ။ ဒါကိုၾကည့္ျခင္းအားျဖင့္ Frame တစ္ခုမွာ Layer ေတြအမ်ားအျပားပါ၀င္ႏိုင္တယ္ ဆိုတာသိႏိုင္ပါတယ္။ Animation Palette မွာ Plays / stops animation ဆိုတဲ့ Button ကို Click လုပ္လိုက္ရင္ Document Window မွာ ပံုေလးေတြ လႈပ္ရွားေနတာကို ျမင္ရမွာပါ။
အခုျမင္ေနရတဲ့ Animation ကျမန္ေနပါတယ္။ ဒါေၾကာင့္နဲနဲၾကာေစဖို႔အတြက္ frame delay time ကိုတိုးေပးရမွာပါ။ Animation Palette က frame ေတြရဲ့ေအာက္မွာ 0 sec လို႔ေရးထားတဲ့စာေလးေတြကိုျမင္ရမွာပါ၊ ဒါကိုသံုးျပီး Frame delay time ကို Adjust လုပ္မွာပါ။ အခု Frame 1 ကို Select လုပ္ျပီး Shift+ Frame9 ကိုႏွိပ္ပါ၊ Frame ကိုးခုစလံုးကိုေရြးလိုက္တာပါ။ ျပီးရင္ ေအာက္ေျခနားက 0 sec ဆိုတဲ့ စာေလးကို ႏွိပ္ရင္ ေပၚလာတဲ့ Menu ကေန 0.5 ကိုေရြးပါ၊ အခုဆိုရင္ Animation ေလးဟာအရင္ကလိုမျမန္ေတာ့ပါဘူး။
အခုဆိုရင္ ပံုေလးကို GIF အျဖစ္ Optimize လုပ္ေပးဖို႔ပဲက်န္ပါေတာ့တယ္။ ဒီအတြက္ File>Save Optimized ကိုေရြးပါ၊File Name ေပးျပီး Save as type မွာလဲ Image Only ကိုေရြးပါ၊ Setting ကိုေတာ့ Default ပဲထားပါ၊ ျပီးရင္ Save လုပ္ပါ။ ဒါဆိုရင္ Animated GIF ေလးတစ္ခု ရပါျပီ။


 ၿပီးပါၿပီ ...

0 comments:

Post a Comment

စဥ္းစားမႈမပါဘဲ သင္ယူေသာ ပညာသည္ အခ်ည္းႏွီးျဖစ္၍ ၊ ပညာမရွိဘဲ စဥ္းစားျခင္းကား အလြန္ အႏၱရာယ္ၾကီးေပသည္။ (သားၾကီး)