က်ိန္းရိပ္ေျမႏွင့္ ေလးျမဳိ႕ျမစ္ကုိ လြမ္းနီသူေမာင္ျမင့္စုိး ခံစားခ်က္ခ်င္းတူေက က်ေနာ္ႏွင့္အတူလြမ္းကပ္ပါမယ္

Wednesday, March 17, 2010

Gif Animation ဖန္တီးျခင္း – step 1

က်ေနာ္ ဟိုးထဲက ေရးမယ္ဆိုၿပီး မေရးျဖစ္ခဲ႔တာေတြ အမ်ားႀကီးပဲ။ အဲဒီထဲက အေၾကြးတစ္ခု စဆပ္ပါ႔မယ္။ Gif Animation photo ေတြ လုပ္တာကို ေျပာျပခ်င္ပါတယ္။ Software ေတြ အမ်ားႀကီးရိွတယ္။ နည္းေတြလည္း အမ်ိဳးမ်ိဳးရိွတယ္။ လက္စြဲေတာ္ Photoshop ကိုပဲ သံုးၿပီး လုပ္ျပသြားပါ႔မယ္။ အဓိက က ရည္ရြယ္တာကေတာ႔ Gif ေတြ ဘယ္လို အလုပ္လုပ္သလဲ၊ ဘယ္လို အသက္သြင္းသလဲဆိုတာကို နည္းနည္းေလးမွ မသိေသးတဲ႔သူေတြ အတြက္ ရည္ရြယ္ပါတယ္။ အစက အေျခခံ ၄ မ်ိဳးေလာက္ လုပ္ျပၿပီး ဒီပို႔စ္ကို တင္ျပဖို႔ပါပဲ။ အရမ္းရွည္သြားတာနဲ႔အမွ် နားရႈပ္သြားမွာလည္း စိုးတယ္။ အဲဒီအတြက္ ပို႔စ္ေတြ ခြဲၿပီး တစ္ဆင္႔ၿပီး တစ္ဆင္႔တက္သြားပါ႔မယ္။ Gif လုပ္ခ်င္သူမ်ားအတြက္ Follow me လို႔ပဲ ဖိတ္ေခၚခ်င္ပါတယ္။ က်ေနာ္ ေျပာတတ္သေလာက္ အလြယ္ဆံုးတင္ျပေပးပါ႔မယ္။

Software အားလံုးလိုလိုက အတူတူပဲဗ်။ အေျခခံ သေဘာတရားနားလည္ သြားရင္ ဘယ္ Software မဆို သံုးလို႔ရသြားလိမ္႔မယ္။ အခု အၿမဲသံုးေနတဲ႔ Photoshop နဲ႔ပဲ ျပပါ႔မယ္။

Image Hosting by Picoodle.com


အဓိက windows သံုးခုနဲ႔ အလုပ္လုပ္သြားပါ႔မယ္။ 1 က ျမင္ကြင္း လို႔ပဲ က်ေနာ္ေခၚလိုက္ပါ႔မယ္။ လက္ရိွ စကၠန္႔ပိုင္းမွာ ျမင္ရမယ္႔ အကြက္ေပါ႔။ 2 က Layer manager ေပါ႔။ 3 ကေတာ႔ Time Line ပဲျဖစ္ပါတယ္။ (Flash နဲ႔ အျခားေသာ Gif maker မ်ားလည္း ဒီနည္းအတိုင္းပါပဲ)

ရုပ္ရွင္ေတြလိုေပါ႔ဗ်ာ။ ရုပ္ေသဖလင္ တစ္ကြက္ျခင္းစီကို flow ေလးနဲ႔ ေပးသြားလိုက္ရင္ animation ျဖစ္သြားပါတယ္။ အဓိက က timeline က frame ျဖစ္ပါတယ္။ frame 1 ကို ႏွိပ္တယ္။ ျမင္ကြင္းမွာ မိမိေပၚေစခ်င္တာကို layer manager မွာျပဳျပင္တယ္။ အဲလိုပဲ frame 1 ကေနစလို႔ တစ္ခုၿပီး တစ္ခု သြားေစၿပီး မိမိျဖစ္ေစခ်င္တဲ႔ ပံုကို ေဖာ္သြားတာပါ။
ေအာက္မွာ ၾကည္႔လုိက္ပါ။ frame 2 ခု ရိွတယ္။ layer 2 ခု ရိွတယ္။ frame 1 ကို ႏွိပ္ထားၿပီး layer 1 မွာ 1 လို႔ ေရးလိုက္ပါတယ္။
Image Hosting by Picoodle.com

ၿပီးရင္ Frame 2 ကို ႏွိပ္ၿပီး 1 လို႔ေရးထားတဲ႔ layer ကို မ်က္စိမွိတ္ခိုင္းၿပီး ေဖ်ာက္လိုက္ပါတယ္။
Image Hosting by Picoodle.com
(ပထမပံုမွာ frame 1 ကေန 2 ကို မွ်ားျပထားတာက time line သြားမယ္႔ flow ကို ျပခ်င္လို႔ပါ။ ဒုတိယပံုမွာ frame ကေန မွ်ားထိုးျပတာက frame မွာ ျမင္ရတဲ႔အတိုင္း ျမင္ကြင္းက လိုက္ေျပာင္းတာကို ေျပာျပခ်င္တာပါ။ )

အဲဒီအတိုင္းေလး လုပ္ၿပီး timeline ကို 0.2 စကၠန္႔ႏႈန္းနဲ႔ အဆက္မျပက္ သြားေစလိုက္တဲ႔အခါမွာ ေအာက္ပါအတိုင္း ပံုရပါတယ္။
Image Hosting by Picoodle.com

အေပၚမွာ ေျပာခဲ႔တဲ႔ နည္းကိုပဲသံုးၿပီး gif မွာ အလြယ္ဆံုး ပံုတစ္ခုကို လုပ္ျပပါ႔မယ္။ က်ေနာ္ blockquote မွာသံုးတဲ႔ မီးလံုး ပံုေလး ကို ေတြ႔မယ္ထင္တယ္။ ေအာက္မွာ ၾကည္႔ၾကည္႔ပါ။

spotlight သေဘာမ်ိဳး တျဖတ္ျဖတ္ လင္းေနပါတယ္။ အဲဒါကို အစအဆံုးလုပ္ျပပါ႔မယ္။ (photoshop ကို အခုမွ စတဲ႔လူေရာ၊ gif ကို မလုပ္ၾကည္႔ဘူးတဲ႔လူေရာ နားလည္ေအာင္ လြယ္လြယ္ေလးကို ခ်ဲ႕ကားေရးပါ႔မယ္)
New page တစ္ခုယူမယ္ ေနာက္ခံအနက္ ျခယ္မယ္။ (ဒီေလာက္ကေတာ႔ ျပေနစရာမလိုေလာက္ဘူးထင္ပါတယ္)
ၿပီးရင္ Tool box က Custom shape tool ကို ေရြးပါတယ္။ Options bar မွာ မီးလံုးပံုေလးကို ေရြးပါတယ္။
Image Hosting by Picoodle.com

မီးလံုးပံုေလးတစ္ခုကို ဆြဲပါတယ္။ အဲဒီမီးလံုး layer ေလးေပၚလာပါတယ္။ shape 1 ဆိုတဲ႔နာမည္နဲ႔ေပါ႔။ shape 1 layer ကို drag ဆြဲၿပီး layer manager က create new layer ခလုပ္ေလးရဲ႕ အေပၚမွာ ခ်ေပးလိုက္ပါတယ္။
Image Hosting by Picoodle.com

Shape 1 Copy ဆိုၿပီး ေနာက္ထပ္ layer တစ္ခု ထပ္ထြက္လာပါတယ္။ Menu bar က WindowAnimation ကို ႏွိပ္ပါတယ္။
Image Hosting by Picoodle.com

ေအာက္မွာ ျမင္တဲ႔အတိုင္း time line ေပၚလာပါတယ္။
Image Hosting by Picoodle.com

Rectangular Marquee Tool (Shortcut – M) ကို သံုးၿပီး မီးသီးဖင္ကို select လုပ္ပါတယ္။
Image Hosting by Picoodle.com

Shape 1 Copy ဆိုတဲ႔ layer ကို Right-Click ႏွိပ္ၿပီး Rasterize Layer ကို ႏွိပ္လိုက္ပါတယ္။
Image Hosting by Picoodle.com

ၿပီးရင္ ကီးဘုတ္က Delete ကီးကို ႏွိပ္လိုက္ပါတယ္။ Shape 1 Copy layer မွာ မီးသီးဖင္ ျပတ္သြားပါၿပီ။ (မီးသီး မီးလင္းတဲ႔ ပံု လုပ္မွာပါ။ မီးသီးဖင္ကပါ အလင္းေတြ မထြက္ေစခ်င္တဲ႔အတြက္ အလင္းထြက္မယ္႔ layer မွာ ဖင္ကိုျဖတ္ပစ္လိုက္တာပါ)
Image Hosting by Picoodle.com

Shape 1 Copy layer ကိုပဲ Right-Click ႏွိပ္ၿပီး Blending Options ကိုႏွိပ္ပါတယ္။ Outer Glow ကို ေအာက္ပါအတိုင္း ေျပာင္းလဲခ်ိန္ေပးပါ။
Image Hosting by Picoodle.com

ၿပီးရင္ time line က frame 1 ကို Drag ဆြဲၿပီး Duplicates Selected frames ဆိုတဲ႔ ခလုပ္ေပၚမွာ လႊြတ္ေပးလိုက္ပါတယ္။
Image Hosting by Picoodle.com

frame ႏွစ္ခု ရလာပါတယ္။ ကီးဘုတ္က Ctrl ကီး ကို ဖိထားရင္း frame ႏွစ္ခုလံုးကို click လိုက္ပါတယ္။ ႏွစ္ခုလံုး select လုပ္တာပါ။ ၿပီးေတာ႔ 0 sec. ဆိုတဲ႔ အခ်ိန္ရဲ႕ ေဘးမွာ Down arrow ေလး ေတြ႔ပါလိမ္႔မယ္။ အဲဒါကို ႏွိပ္ၿပီး 0.2 sec လို႔ ေပးလိုက္ပါတယ္။ (မိမိ ႀကိဳက္ႏွစ္သက္ရာ အခ်ိန္ ထားၿပီး စမ္းၾကည္႔လို႔ရပါတယ္)
Image Hosting by Picoodle.com

frame 1 ကို click ၿပီး layer manager က shape 1 copy ကို ေျဖာက္ထားလိုက္ပါတယ္။ (မ်က္လံုးပံု ေနရာေလးကို ႏွိပ္ရင္ ေပ်ာက္သြားတာ ေျပာခဲ႔ၿပီးပါၿပီ)
Image Hosting by Picoodle.com

frame 2 ကို click ၿပီး shape 1 copy ကို ျပန္ေဖာ္လိုက္ပါတယ္။ (အဲဒီေနရာပဲ ျပန္ႏွိပ္လုိက္ရင္ ျပန္ေပၚလာပါတယ္)
Image Hosting by Picoodle.com

time line ေအာက္က play ခလုပ္ေလး ႏွိပ္ၾကည္႔ပါ။ ေအာက္ပါတိုင္း ျမင္ရပါလိမ္႔မယ္။
Image Hosting by Picoodle.com

အဲဒီ preview ကိုၾကည္႔ၿပီး flow အေႏွးအျမန္ စသည္ျဖင္႔ မိမိ ေျပာင္းလဲခ်င္တာကို ေျပာင္းလဲႏိုင္ပါတယ္။
save ေတာ႔မယ္ဆိုရင္ေတာ႔ FileSave For Web & Devices (shortcut – Alt+Ctrl+Shift+S) ကို ႏွိပ္ပါတယ္။
Image Hosting by Picoodle.com

အဲဒီမွာလည္း preview အေနနဲ႔ ၾကည္႔လို႔ရပါတယ္။ play ခလုပ္ေလးရဲ႕ အေပၚမွာ looping Options : ကို Forever ေပးထားတာ ေတြ႔ရမွာပါ။ Forever ဆိုရင္ မိမိ မီးသီးက မွိန္လိုက္ လင္းလိုက္ အဆက္မျပက္ ျဖစ္ေနမွာပါ။ Once လို႔ေပးလိုက္ရင္ေတာ႔ တစ္ခါဖြင္႔မွ တစ္ႀကိမ္ပဲ လင္းပါလိမ္႔မယ္။
Image Hosting by Picoodle.com

Save ကို ႏွိပ္ၿပီး မိမိေပးခ်င္တဲ႔ နာမည္ေပး save ႏိုင္ပါတယ္။
Image Hosting by Picoodle.com
Image Hosting by Picoodle.com

ရလာဒ္က ေအာက္ပါအတိုင္းျဖစ္ပါလိမ္႔မယ္။
Image Hosting by Picoodle.com

frame ႏွစ္ကြက္ထဲ သံုးၿပီး နည္းနည္းေလး နားလည္သြားေအာင္ ျပလိုက္တာပါ။ first tutorial ေပါ႔။ နားလည္မယ္လို႔ ထင္ပါတယ္။ ေနာက္ထပ္ၿပီး frame အကြက္ေတြ တိုးသြားမယ္။ time ကို တစ္ေျပးညီ မဟုတ္ပဲ လိုသလိုေျပာင္းမယ္။ tweens animation frames ကို သံုးၿပီး တျဖည္းျဖည္း မွိန္တာ ေပၚတာေတြ၊ motions ေတြကို ဆက္လက္ တင္ျပသြားပါ႔မယ္။ အလြယ္ဆံုးျဖစ္ေအာင္ ေရးလိုက္တာပါ။ ဒီထက္ ပိုလြယ္ေအာင္ က်ေနာ္ မေရးတတ္ေတာ႔ပါဘူး။ လူတိုင္းနားလည္ လိမ္႔မယ္လို႔ ထင္ပါတယ္။ အဆင္မေျပတာေလးေတြ ျပန္ေအာ္ပါဦးဗ်ာ …

Photoshop CS 3 ကို သံုးခဲ႔တာပါ။ ေဒါင္းလို သူမ်ား ဒီမွာ တင္ထားပါတယ္။

ယခုပို႔စ္အတြက္ PDF Download PDF Download

0 comments: