႐ႈပ္႐ႈပ္ရွက္ရွက္ GIF Animation Text

ဒီ Tutorial မွာ ခပ္႐ႈပ္႐ႈပ္ GIF Animation Text တစ္ခုကို အလြယ္ကူဆံုးနည္းနဲ႔ ဖန္တီးတာကို ေျပာျပပါမယ္။ အသံုးျပဳသြားမယ္
Software ေတြကေတာ့ Photoshop နဲ့ Image Ready ပဲျဖစ္ပါတယ္။ ေနာက္ဆံုးရလိုတဲ့ Output File Type က (*.gif) ျဖစ္ပါတယ္။

၁) အဲဒီအတြက္ လိုအပ္တဲ့ပံုကို Photoshop မွာဖန္တီးပါမယ္။

၂) အဲဒီ Text ကို (Ctrl +J) သို႔မဟုတ္ Duplicate Layer လုပ္ပါ။ ၿပီးလွ်င္ Opacity=75% ထားၿပီး အထက္ဘက္ကို Moveလုပ္ပါ။ မူရင္း
Text နဲ႔ သိပ္အကြာႀကီးကို မေ႐ႊ႕ပါနဲ႔။ ဒါဆို ပံုအတိုင္းေတြ႕ရမွာ ျဖစ္တယ္။

၃) အဆင့္၂ မွာျပဳလုပ္ခဲ့တဲ့အတိုင္း ေအာက္က Layer_1 ကို Select လုပ္၊ Duplicate, Opacity 75% နဲ႔ Move ေနာက္ထပ္ ၃ႀကိမ္ လုပ္ပါမယ္။ ဒါေပမယ့္ ယခုအေခါက္ေတြမွာေတာ့ အထက္ကို မလုပ္ဘဲ ေအာက္ဘက္ရယ္၊ ဘယ္ဘက္နဲ႔ ညာဘက္ကို လုပ္ပါမယ္။ အဓိကကေတာ့ အရပ္ေလးမ်က္ႏွာကို ျဖန္႔ထြက္သြားတဲ့ပံုစံကို လိုခ်င္လို႔ပါ။

ၿပီးရင္ေတာ့ အဲဒီအေပၚက Layer ၄ခု ကို Layer တစ္ခုတည္းျဖစ္ေအာင္ Merge Down လုပ္ပါ။ အဲဒီေလးခုတဲြကို Step_1 လို႔ နာမည္ေပးပါ။

၄) အဆင့္၃ မွာ လုပ္ခဲ့သလိုပဲ ေအာက္က Layer_1 ကို Duplicate, Opacity နဲ႔ Move လုပ္ပါမယ္။ ဒီတစ္ေခါက္မွာေတာ့ Move လုပ္ရမယ့္ အကြာအေ၀းေတြက အဆင့္၃ မွာ လုပ္ခဲ့တဲ့ Layer ေတြရဲ႕ ႏွစ္ဆ အကြာအေ၀းျဖစ္ပါတယ္။ ၿပီးရင္ အဲဒီ Layer ၄ ခုက Merge Down လုပ္ၿပီး Step_2 လို႔ နာမည္ေပးပါ။ ပံုအတိုင္း ေတြ႕ရမွာ ျဖစ္တယ္။

၅) အထက္က အဆင့္၄မွာ လုပ္ခဲ့တဲ့အတိုင္း ေနာက္ထပ္ ႏွစ္တဲြထပ္လုပ္ပါမယ္။ Step_3 နဲ႔ ွStep_4 ဆိုၿပီးေတာ့ ျဖစ္ပါတယ္။


၆) ၿပီးလွ်င္ေတာ့ အဲဒီ File ကို Save လုပ္ပါ။ ၿပီးလွ်င္ Image Ready ကို ေခၚၿပီးေတာ့ ထို Fileကို ဖြင့္ပါ။ Animation Palette ကိုၾကည့္ပါ။ အကယ္၍ သင့္ Image Ready မွာ အရန္သင့္ရွိမေနဘူးဆိုရင္ (Window > Animation) ကိုေခၚရပါမယ္။ အဲဒီေနာက္ ပထမဦးဆံုး Slideမွာေတာ့ Background Layer နဲ႔ အေပၚက Layer_1 ကိုသာဖြင့္ပါမယ္။

၇) ၿပီးလွ်င္ New Frame တစ္ခုကို ေခၚပါ။ ဒီတစ္ခါမွာေတာ့ Layer_1 ကိုပိတ္ၿပီး Step_1 ကိုဖြင့္ပါ။

၈) ဒီအဆင့္အတိုင္း ေနာက္ထပ္ New Frame ေတြကို လုပ္ပါ။ အဲလိုလုပ္တဲ့အခါမွာ Frame ေတြကို တစ္ပတ္လည္ loop ျဖစ္ေအာင္ဖန္တီး ရပါမယ္။ ဒီ Tutorial မွာ ဖန္တီးထားတဲ့ Frame ေတြနဲ Layer ေတြရဲ႕ အေနအထားကို အစအဆံုး ေျပာရမယ္ဆိုရင္...

Frame        ၁           ၂            ၃         ၄          ၅           ၆          ၇         ၈
Layer      Layer1   Step_1  Step_2  Step_3  Step_4  Step_3  Step_2  Step_1

ၿပီးရင္ေတာ့ Frame_1 ကို Delay Time ကို 1.0 Seconds မွာထားပါမယ္။ က်န္တဲ့ Frame ေတြကိုေတာ့ ခပ္သြက္သြက္ပဲျဖစ္ေစခ်င္လို႔ (No Delay/ 0 Second) မွာထားပါတယ္။

ျပီးရင္ GIF ေျပာင္းလိုက္ရံုပါပဲ (Save Optimized)။ ဒီအတိုင္းေတြျမင္ရမွာပါ။

ေနာက္ထပ္ နမူနာတစ္ခုကို ေအာက္မွာေတြ႔ႏိုင္ပါတယ္။ နမူနာ File ကေတာ့ Move အျပင္ Scale ကိုပါေျပာင္းထားပါတယ္။