Latest topics
ဒီဖိုရမ္ထဲမွာ ၀င္ေရာက္ေဆြးေႏြးနိဳင္ပါတယ္...
၀င္ေရာက္ေဆြးေႏြးနိဳင္ပါတယ္။႐ႈပ္႐ႈပ္ရွက္ရွက္ GIF Animation Text
Page 1 of 1
႐ႈပ္႐ႈပ္ရွက္ရွက္ 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 ကိုပါေျပာင္းထားပါတယ္။
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 ကိုပါေျပာင္းထားပါတယ္။
Similar topics
» ေဖာင္း ၀ ႀကီး Animation Text
» Animation Method2 (Tweening) PART 2
» Animation ads
» 3D Text ဖန္တီးျခင္း
» Animation Method1 (Frames from Layers)
» Animation Method2 (Tweening) PART 2
» Animation ads
» 3D Text ဖန္တီးျခင္း
» Animation Method1 (Frames from Layers)
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