Animation ျပဳလုပ္နည္း(၂)

ကၽြန္ေတာ့္ဆီ ေမးျမန္းလာၾကတာက Adobe ImageReady ကို သီးျခား Install လုပ္ရသလား။ ဘယ္လို Install လုပ္ရမလဲလို႕ ေမးျမန္းလာၾကတာပဲျဖစ္ပါတယ္။

ဟုတ္ကဲ့ခင္ဗ်ာ။ Adobe ImageReady ဆိုတာ Adobe Photoshop Software ကို Install လုပ္ရင္တစ္ပါတည္း ပါရွိၿပီးျဖစ္ပါတယ္။ သီးျခား Install လုပ္စရာမလိုပါဘူး။

Animation လုပ္တဲ့ Software ေတြအမ်ားႀကီးရွိပါတယ္။ အခုတင္ျပေပးေနတာက Adobe Photoshop မိမိကြန္ပ်ဴတာထဲမွာရွိရင္ လုပ္လို႕ရတာမို႕ ခ်က္ခ်င္းလုပ္လို႕ရေအာင္ တင္ျပေပးေနရျခင္းျဖစ္ပါတယ္။

ကၽြန္ေတာ္အသံုးျပဳေနတဲ့ အျခား Animation Software လည္းရွိပါတယ္။ အခု Adobe ImageReady နဲ႕ Animation လုပ္တတ္သြားရင္ 2D နဲ႕ 3D Animation လုပ္နည္းေတြကို တစ္ဆင့္ခ်င္း တင္ျပေပးသြားပါမယ္။

အခုတင္ျပေပးေနတာေတြကို သူငယ္ခ်င္းတို႕မွာ Photoshop အေျခခံေလးရွိေနရင္ပိုၿပီးနားလည္မယ္လို႕ထင္ပါမယ္။

အခုေလ့က်င့္ခန္းေလးကေတာ့ ေအာက္မွာ ျပထားတဲ့အတိုင္း ငွက္ကေလးပ်ံေနတဲ့ Animation ေလးပါ။

(၁) ပထမဆံုး Photoshop ထဲကို အရင္၀င္ေပးပါ။ Name မွာ background လို႕ အမည္ေပးလိုက္ပါတယ္။ Width 650 pixels, Height 433 pixels, Resolution 72 ယူထားပါတယ္။ ၿပီးလွ်င္ OK လုပ္လိုက္ပါ။

(၂) ေအာက္မွာျပထားအတဲ့အတိုင္း ေနာက္ခံဒီဇိုင္းေလးတစ္ခုကို ဖန္တီးလိုက္ပါတယ္။ အျခားသင္ႏွစ္သက္တဲ့ ဒီဇိုင္းေလးကိုလည္းဖန္တီးႏိုင္ပါတယ္။

(၃) ဒီတစ္ခါေတာ့ Adobe ImageReady ကို Photoshop Toolbox ေအာက္ဆံုးက ျမားျပထားတဲ့ Edit in ImageReady ကို Click လုပ္လိုက္ပါ။ အခ်ိန္ကေလးနဲနဲေစာင့္ ေပးပါ။

(၄) Adobe ImageReady ထဲကိုေရာက္လာပါၿပီ။

(၅) Task bar ေပၚက Adobe Photoshop ကို Click လုပ္ၿပီး Photoshop ထဲ ျပန္၀င္ေပးပါ။
File က New ေခၚၿပီး ေအာက္မွာျပထားတဲ့အတိုင္း ျပင္ဆင္ၿပီး OK လုပ္လိုက္ပါမယ္။

(၆) Tool box က Custom Shape Tool ကို ေရြးလိုက္ပါ။

(၇) Shape ထဲက ေဖာ္ျပထားတဲ့ ငွက္ပံုေလးကို ေရြးလိုက္ပါမယ္။

(၈) ငွက္ပံုေလးကို ဆြဲလိုက္ပါမယ္။

(၉) Layer menu ထဲက Flatten Image ကိုေရြးလိုက္ပါ။

(၁၀) Ctrl + A ကို ႏွိပ္ၿပီး Select All လုပ္ပါ။ Ctrl + C ႏွိပ္ၿပီး Copy လုပ္ပါ။

(၁၁) Adobe ImageReady ထဲကို Task bar ကေန သြားလိုက္ပါ။ Ctrl + V ကို ႏွိပ္ၿပီး Paste လုပ္ေပးပါ။ ေအာက္ပါအတိုင္း ငွက္ပံုေလးေပၚလာပါမယ္။

(၁၂) Tool box ထဲက Magic Wand Tool ကိုေရြးလိုက္ပါ။

(၁၃) ငွက္ေဘးက အျဖဴကြက္ကို Click လုပ္ပါ။ Delete Key ႏွိပ္ၿပီးဖ်က္လိုက္ပါ။ Ctrl + D ကို ႏွိပ္ၿပီး Deselect လုပ္ပါ။

(၁၄) Move tool ကို Click လုပ္ၿပီး ငွက္ပံုကို ဘယ္ဖက္ကို ေနရာေရႊ႕ေပးပါ။

(၁၅) Layer Palette မွာ Layer1 ဆိုၿပီးေပၚေနပါတယ္။ အကယ္၍ Layer Palette မေပၚရင္ေတာ့ Keyboard က F7 ကိုႏွိပ္ၿပီး ေခၚႏိုင္ပါတယ္။

(၁၆) ျမားျပထားတဲ့ Duplicates current frame ကို Click လုပ္ပါ။ ေအာက္ပါအတိုင္းေတြ႕ရပါမယ္။

(၁၇) Tool box က Move Tool ကို Click လုပ္ေပးပါ။

(၁၈) ငွက္ပံုေလးကို ညာဖက္နဲနဲေရႊ႕ေပးပါ။ သတိထားရမွာက Layer1 က Active ျဖစ္ေနရမွာျဖစ္ပါတယ္။

(၁၉) ျမားျပထားတဲ့ Duplicates current frame ကို Click ျပန္လုပ္ပါ။ ငွက္ပံုေလးကို ညာဖက္နဲနဲထပ္ေရႊ႕ေပးပါ။

(၂၀) Duplicates current frame ကို Click ျပန္လုပ္ပါ။ ငွက္ပံုေလးကို ညာဖက္နဲနဲထပ္ေရႊ႕ေပးပါ။ ငွက္ကေလး ညာဖက္အဆံုးကို ေရာက္သြားေအာင္ ၁၄ ႀကိမ္ ေလာက္ျပန္လုပ္ေပးပါ။

(၂၁) ပံုေတြမ်ားေနလို႕ ေနာက္ဆံုး ငွက္ကေလးကို ေနရာေရႊ႕ၿပီးတဲ့ အေနအထားေလးကို ေဖာ္ျပေပးလိုက္ပါတယ္။

(၂၂) Animation palette ေပၚက Play button ကို Click လုပ္လိုက္ပါ။
ေအာက္ပါအတိုင္းေတြ႕ရပါမယ္-

(၂၃) Animation Palette က Frame အားလံုးကို Click လုပ္ပါ။ Animation ျပလုပ္နည္းမွာ ေဖာ္ျပထားတဲ့အတိုင္း ညာဖက္ Mouse ကို Click လုပ္ၿပီး ႏွစ္သက္တဲ့အခ်ိန္ Delay ေရြးေပးပါ။ Play ျပန္လုပ္ၾကည့္ပါ။
ကၽြန္ေတာ္ကေတာ့ Delay ကို 0.2 Second ေရြးလိုက္ပါတယ္။ Play ျပန္လုပ္ၾကည့္ပါတယ္။

(၂၄) သင္စိတ္တိုင္းက်ၿပီဆိုရင္ေတာ့ File menu က Save Optimized ကို ေရြးၿပီး ႏွစ္သက္ရာနံမည္နဲ႕ သိမ္းၿပီး Web Page နဲ႕ အျခားႏွစ္သက္တဲ့ေနရာမွာ အသံုးျပဳႏိုင္ပါၿပီ။ လိုအပ္တာရွိရင္လဲ အၾကံေပးဖို႕ ဖိတ္ေခၚပါတယ္။