Myanmar IT Resource Forum
Myanmar IT Resource Forum

You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Making smoking animation with PS [Turotial] on 11th January 2010, 3:55 pm

solakoko


Moderator



Moderator
Making smoking animation with PS ဆိုလို ့အထင္ေတာ့မၾကီးလိုက္ပါနဲ ့
ကၽြမ္းက်င္လို ့ေတာ့မဟုတ္ပါဘူး

Photoshop နဲ ့ Animation မလုပ္တတ္ေသးတဲ့သူေတြအတြက္
နဲနဲပါးပါး အေထာက္အကူျဖစ္သြားမယ္ဆို က်ေနာ္တင္ေပးရက်ိဳးနပ္ပါျပီ
အဲဒီအတြက္ က်ေနာ့္ရဲ့ ပထမဆံုးအၾကိမ္ Animation ျပဳလုပ္ခဲ့တဲ့ အေတြ ့အၾကံဳေလးကို
ျပန္လည္ေဖာ္ျပျခင္းသာျဖစ္ပါတယ္
Tutorial လို ့မသတ္မွတ္ပါနဲ ့
Tutorial ဆိုအရမ္းျမင့္သြားလို ့ပါ
က်ေနာ့အေတြ ့ေၾကဳံေလးကိုတင္ေပးျခင္းျဖစ္တယ္လို ့မွတ္ပါ
အာစရိမ်ားခြင့္လႊတ္ေတာ္မူၾကပါ



ကဲစမယ္ေနာ္
Animation တစ္ခုျဖစ္ဖို ့ဘာေတြလိုမလဲ

(၁) Idea .
ဘယ္လိုပံုလုပ္ခ်င္တာလဲ..
ကိုယ့္ရဲ့ Photoshop ကၽြမ္းက်င္မွဳေပၚမူတည္ျပီးေသသပ္ေကာင္းမြန္တဲ့ Animation ပံုကိုလုပ္ပါ
က်ေနာ္ကေတာ့ Photoshop ကိုမကၽြမ္းတဲ့အတြက္ လြယ္မယ္ထင္တဲ့ ေဆးလိပ္ေသာက္ေနတဲ့ပံုကိုလုပ္ပါတယ္
ေဆးလိပ္တပ္ထားတဲ့ ပါးစပ္ကေန မီးခိုးေလးထုတ္ေပးဖို ့ပဲလိုတယ္ေလ
ဒီဖိုရမ္ေလးမွာ Profile Avator ေလးလုပ္ခ်င္တာတစ္ခုနဲ ့..ဒီ Animation ကိုစလုပ္ခဲ့တာလဲျဖစ္ပါတယ္

Photoshop ကို Animation လုပ္မွစသံုးျဖစ္ပါတယ္
အဲဒါေၾကာင့္ ဆင္ကန္းေတာတုိးသလို ဟိုေရာက္လိုက္ ဒီေရာက္လိုက္နဲ ့..တိုင္ေတြပတ္ျပီး..ေနာက္ဆံုး ေဆးလိပ္ဖြာေနတဲ့ Animation
တစ္ခုေတာ့ျဖစ္လာခဲ့ပါတယ္

ကဲကဲ..
ေဆးလိပ္ဖြာေနတဲ့ Animation လုပ္ဖို ့ Idea ရျပီ

(၂)လိုတာေတြစုထားမယ္
ဘာေတြစုမလဲဆိုေတာ့
လူဓါတ္ပံုလိုမယ္၊ေဆးလိပ္လိုမယ္၊မီးခိုးလိုမယ္(အဲဒါေတြကို Photoshop နဲ ့ဖန္တီးတတ္ပါက စုစရာမလိုပါဘူးထင္ပါတယ္)
က်ေနာ္က မဖန္တီးတတ္တဲ့အတြက္ ေဆးလိပ္ပံုနဲ ့ မီးခိုးပံုကို google မွရွာလိုက္ပါတယ္
[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]
အဲဒီပံုေတြကေတာ့ Animation အတြက္လိုအပ္တဲ့အရာေတြျဖစ္ပါတယ္

Adobe Photoshop ကိုဖြင့္လိုက္ပါ
အေပၚမွ Menu bar မွ
File>New ကိုသြားလိုက္ပါ
Width နဲ ့Height ေနရာမွာ 120 pxiels ဆီျဖည့္လိုက္ပါ(ဒီဖိုရမ္မွာ size ကိုကန္ ့သတ္ထားတဲ့အတြက္ 120 pxiels သာထားပါသည္ အေပ်ာ္လုပ္ခ်င္ပါက size ကိုၾကိဳက္သလိုထားပါ)
ျပီးရင္ Ok ႏွိပ္ပါ .လိုခ်င္တဲ့အရြယ္ရျပီေနာ္

[You must be registered and logged in to see this image.]
အဲဒီထဲကို ဓါတ္ပံုထဲ့မယ္
File>open မွတစ္ဆင့္ မိမိဓါတ္ပံုဆီကိုသြားျပီး Ok ေပးလိုက္ပါ
ဒါဆို ေဘးးမွာ ဓာတ္ပံုအပိုထပ္ပြင့္လာလိမ့္မယ္
ဓာတ္ပံုထဲမွ လိုခ်င္တဲ့ အစိတ္အပိုင္းကို ေရြးျပီး drag ဆြဲထည့္ရေအာင္
ပံုထဲမွာျပထားတဲ့အတိုင္း Rectangular Marquee tool ကို click ႏွိပ္လိုက္ပါ
ျပီးရင္ အသစ္ဖြင့္ထားတဲ့ ဓါတ္ပံုမွ လိုခ်င္တဲ့ေနရာကို သင့္ေတာ္သလိို လိုက္ခ်ိန္ျပီးရင္
Keyboard မွ Ctl key ကိုဖိျပီး..Blank layer ထဲသို ့ select လုပ္ထားေသာ အပိုင္းကိုဆြဲထဲ့လိုက္ပါ
[You must be registered and logged in to see this image.]

ျပီးရင္ မလိုတဲ့ ေနာက္ထပ္ဖြင့္ထားတဲ့ ဓါတ္ပံုကို ပိတ္လိုက္လို ့ရပါျပီ
က်န္တာဆက္ျပင္ရေအာင္
[You must be registered and logged in to see this image.]
ပံုမွာျပထားတဲ့အတိုင္း Move tool ကို ကလစ္ႏွိပ္လိုက္ပါ
မညီမညာျဖစ္ေနတဲ့…ခုဏက ဆြဲထည့္ထားတဲ့ ပံုကို ၀ိုင္းျပထားတဲ့ေနရာမွာရွိတဲ့ ေလးေဒါင့္အကြက္မွေန
အစြန္းေတြကို ညီသြားေအာင္ခ်ိန္လိုက္ပါ
အစြန္းေတြညီသြားျပီဆို Enter ႏွိပ္လိုက္ပါ
ဒါဆို size ခ်ိန္ျပီးတဲ့ လူပံုရျပီ
အဲဒါကို ေဆးလိပ္တပ္ေပးရဦးမယ္.
ဘယ္လိုတပ္မလဲဆိုေတာ့..
File>Open မွ က်ေနာ္ရွာထားတဲ့ ေဆးလိပ္ပံုဆီကိုသြားျပီး Ok ေပးလိုက္ပါ
[You must be registered and logged in to see this image.]
ေဘးမွာ ေဆးလိပ္ပံုတစ္ပံုထပ္ပြင့္လာပါလိမ့္မယ္
ပံုမွာျပထားတဲ့အတိုင္း Polygonal Lasso Tool ကို select လုပ္လိုက္ပါ
ျပီးရင္အသစ္ဖြင့္ထားတဲ့ဓါတ္ပံုမွ ေဆးလိပ္ကို ေရြးျပီး လိုက္ျဖတ္လိုက္ပါ(စတဲ့ေနရာနဲ ့ဆံုးတဲ့ေနရာ ဆက္မိမွရမယ္ေနာ္)
ေဆးလိပ္ကို ျဖတ္လို ့ျပီးျပီဆို keyboard မွ Ctl ကီးကိုဖိျပီး လူပံုေပၚသို ့ ေဆးလိပ္ကို drag ဆြဲထည့္လိုက္ပါ
ျပီးရင္ အသစ္ထပ္ဖြင့္ထားတဲ့ေဆးလိပ္ပံုကို ပိတ္လိုက္လို ့ရပါျပီ
က်န္တဲ့အပိုင္းဆက္ျပင္ၾကမယ္
ဆြဲထည့္လိုက္ေသာေဆးလိပ္ပံုဟာ မ်က္ႏွာနဲ ့ ၾကီးေနျခင္း(သို ့)ေသးေနျခင္းျဖစ္ေနပါလိမ့္မယ္
သင့္ေတာ္ေအာင္ခ်ိန္ဖို ့အတြက္ ေအာက္ကပံုမွာျပထားတဲ့အတိုင္း
Move tool ကို select ေပးလိုက္ပါ
[You must be registered and logged in to see this image.]
ျပီးရင္ ေဆးလိပ္ကို ပံုမွာျပထားတဲ့ေနရာကေန မ်က္ႏွာႏွင့္သင့္ေတာ္ေအာင္ အၾကီးအေသးညွိလိုက္ပါ
သင့္ေတာ္ျပီဆုိပါက Enter ႏွိပ္လိုက္ပါ
ပံုကိုၾကည့္လိုက္ပါ ေဆးလိပ္နဲ ့မ်က္ႏွာ သင့္ေတာ္သြားျပီဆိုပါက
အဲဒါကို ပံုေသယူလိုက္ေတာ့မယ္ Menu bar မွ
Layer>flatten image ကိုႏွိပ္လိုက္ပါ
ဒါဆိုေဆးလိပ္ကို ပါးစပ္နဲ ့ fix လုပ္လိုက္ပါျပီ
Layer ႏွစ္ခုကို အေသေပါင္းစပ္လိုက္တဲ့သေဘာပါ

မီးခုိးထုပ္ေပးဖို ့ပဲရွိေတာ့တယ္
အေပၚမွာလုပ္ခဲ့တဲ့အတိုင္းပါပဲ
File>open မွတစ္ဆင့္ ရွာထားတဲ့ မီးခိုးပံုသို ့သြားလိုက္ပါ
ပံုမွာျပထားတဲ့အတိုင္း
[You must be registered and logged in to see this image.]
Polygonal Lasso tool ကို select ေပးျပီး မီးခိုးေတြကို သင့္ေတာ္သလိုျဖတ္ယူလိုက္ပါ
ျပီးရင္ Ctl key ကိုဖိျပီး ေဆးလိပ္ေပၚသို ့ drag ဆြဲထည့္လိုက္ပါ
Move tool ကိုအသံုးျပဳျပီး ဆြဲထည့္လိုက္တဲ့မီးခိုးေတြကို သင့္ေတာ္သလိုခ်ိန္လိုက္ပါ
ဒါဆို ေဆးလိပ္လဲတပ္ျပီးျပီ
မီးခိုးလဲတပ္ျပီးျပီ(ျဖတ္ညွပ္ကပ္ေတြ ဒီလိုပဲလုပ္တာလားမသိဘူး)
ရုပ္တိရွိသြားေအာင္ ေဆးလိပ္ထိပ္မွာ မီးေလးနဲနဲတို ့ေပးလိုက္မယ္
မီးခိုးနဲ ့ဆင္သြားေအာင္နဲနဲျပင္လိုက္မယ္ေနာ္
အဲဒါေတြေတာ ့ ေအာက္က ပံုမွာျပထားတဲ့ tools နဲ ့
ျပင္လိုက္ပါတယ္
[You must be registered and logged in to see this image.][img][/img]
ဒါဆို Ok ပါျပီ
ဒီထပ္လဲမလုပ္တတ္တာ့ဘူး
[You must be registered and logged in to see this image.][img][/img]
ကဲျပင္ဆင္ျခင္းအဆင့္ျပီးပါျပီ…
Animation ပံုေလးေဖာ္ဖို ့ပဲရွိေတာ့ပါတယ္
ဘယ္လိုေဖာ္မလဲဆိုေတာ့..
အေပၚ Menu bar မွ Window > Animation ကို ကလစ္လုပ္လိုက္ပါ
ေအာက္မွာ animation အကြက္ေလးေပၚလာပါလိမ့္မယ္
[You must be registered and logged in to see this image.]
ေပၚလာျပီဆို မင္နီနဲ ့၀ိုင္းျပထားတဲ့ေနရာမွာ မ်က္လံုးလိုလို ဘာလိုလိုဟာေလးရွိတယ္
အဲဒါကို ဘယ္လိုေခၚလဲေတာ့မသိဘူး

ေအာက္ကပံုကိုၾကည့္ပါ
[You must be registered and logged in to see this image.]
မင္အျပာနဲ ့က်ေနာ္ ထပ္၀ိုင္းျပထားပါတယ္
အဲဒီအလံုးေလးကို ကလစ္ဆက္တိုက္ႏွိပ္ၾကည့္လိုက္ပါ
အဲလိုႏွိပ္ၾကည့္လိုက္ရင္ ပံုမွာ မီးခိုးေတြ ထြက္လိုက္ .ပိတ္လိုက္ျဖစ္ေနတာေတြ ့ရလိမ့္မယ္
ဆက္တိုက္ႏွိပ္ၾကည့္လိုက္ပါ
ဟုတ္လားမသိဘူး..

ကဲ Animation ကိုစမယ္
လူတစ္ေယာက္ေဆးလိပ္ေသာက္တာကိုမ်က္စိထဲျမင္ၾကည့္လိုက္ပါ
ေဆးလိပ္ကိုတပ္ထားမယ္၊ျပီးရင္ မီးရဲျပီးေတာ့ မီးခိုးေတြထြက္မယ္ ဟုတ္တယ္ေနာ္
အဲဒီေတာ့ ပံုႏွစ္ပံုပဲ ဖန္တီးဖို ့လိုတယ္ေပါ့
ဘယ္လိုလဲဆိုေတာ့ အစမွာ ေဆးလိပ္တပ္ထားတာနဲ ့စမယ္ ျပီးရင္ မီးခိုးထြက္မယ္ (၂)ခုပဲ
အဲဒီ(၂)ခု အဆင္သင့္မရွိတဲ့အတြက္ နဲနဲေတာ့အလုပ္ရွဳပ္ခဲ့တယ္ဆိုပါေတာ့
အခု ျပည့္စံုျပီဆိုေတာ့ Animation ဖန္တီးျပီးသိမ္းဖို ့ပဲက်န္ေတာ့တယ္
အေပၚမွာေျပာခ့ဲသလို window >animation ကို ကလစ္ႏွိပ္လိုက္ရင္ေအာက္မွာ
Animation အကြက္ေလးေပၚလာပါလိမ့္မယ္
ေအာက္ကပံုကိုၾကည့္ပါ
[You must be registered and logged in to see this image.]
အစမွာ ေဆးလိပ္တပ္ထားတာနဲ ့စမယ္ဆိုေတာ့..မီးခိုးကို ခဏျဖဳတ္ထားလိုက္ဦးမယ္
ဘယ္လိုျဖဳတ္မလဲဆိုေတာ့ ညာဘက္မွာ မင္နီနဲ ့၀ိုင္းျပထားတဲ့ေနရာ
အဲေနရာက မ်က္လံုးပံုေလးကို uncheck ျပန္လုပ္လိုက္ပါ
ဒါဆိုမီးခိုး ေပ်ာက္ျပီးေဆးလိပ္ပဲက်န္ခဲ့လိမ့္မယ္
မီးခိုးမရွိတဲ့ပံုနဲ ့စမယ္..မီးခိုးထြက္တဲ့ပံုနဲ ့ဆံုးမယ္ေလ
ဒီ (၂)ဆင့္ပဲရွိတာကိုး
မီးခုိးမရွိေအာင္ မ်က္လံုးေလးကို uncheck လုပ္ျပီးျပီဆိုေတာ့
ေနာက္တစ္ပံုကမီးခိုးထြက္ေနတာ လာမယ္
အဲဒီအတြက္ အေပၚကပံုမွာျပထာတဲ့အတိုင္း animation ေနာက္တစ္ခုေပၚရန္ဆိုတာကို
ကလစ္လုပ္လိုက္ပါ(Duplicate selected frames )လို ့ေခၚပါတယ္
အဲဒါကိုႏွိပ္ျပီးရင္ ညာဘက္က မ်က္လံုးပံုေလးကို check ေပးလိုက္ပါ
ဒါဆိုမီးခိုးျပန္ထြက္လာပါလိမ့္မယ္
မီးခိုးက ထြက္လိုက္ ပိတ္လိုက္နဲ ့ Looping ပတ္ေအာင္လုပ္မွာျဖစ္တဲ့အတြက္
အေပၚမွာေျပာခဲ့သလို မီးခိုးထြက္ေနတဲ့ layer က မ်က္လံုးကို uncheck ျပန္လုပ္လိုက္
Duplicate selected frames ကိုႏွိပ္ျပီး animation အကြက္တစ္ကြက္ထပ္ေဖၚလိုက္နဲ ့
(၃)ခါေလာက္လုပ္လိုက္ပါ
ေအာက္ကပံုလိုျဖစ္လာပါလိမ့္မယ္
[You must be registered and logged in to see this image.]
ျပီးရင္..
တစ္ပံုနဲ ့တစ္ပံုၾကား ဘယ္ႏွစ္စကၠန္ ့ျခားမလဲဆိုတာရွိပါေသးတယ္
ေအာက္ကပံုကိုၾကည့္ပါ
[You must be registered and logged in to see this image.]

ျခားခ်င္တဲ့ ပံုကို ေအာက္နားမွာၾတိဂံပံုေလးရွိတယ္
အဲဒါကိုႏွိပ္လိုက္ရင္ပံုမွာျပထားတဲ့အတိုင္း.ေပၚလာပါလိမ့္မယ္ .စကၠန္ ့ခ်ိန္လိုက္ပါ
ၾကိဳက္တဲ့အခ်ိန္မွာေပၚခိုင္းလို ့ရပါတယ္
ေအာက္ကပံုကိုဆက္ၾကည့္ပါ
[You must be registered and logged in to see this image.]
အခ်ိန္တိုက္ျပီးပါက play ႏွပ္ၾကည့္ပါ..မၾကိဳက္ေသးရင္ pause လုပ္ျပီး ထပ္ခ်ိန္ပါ
မၾကိဳက္ပါက မၾကိဳက္တဲ့ဟာကို select လုပ္ျပီး delete လုပ္ပါ
အားလံုးစိတ္တိုင္းက်ျပီဆို သိမ္းဖို ့ပဲက်န္ေတာ့တယ္
ေအာက္ကပံုကိုဆက္ၾကည့္ပါဦး
[You must be registered and logged in to see this image.]
မင္နီနဲ ့၀ိုင္းျပထားပါတယ္
Edit in image ready ဆုိတာေလးကိုကလစ္ႏွိပ္လိုက္ပါ
ဒါဆို Adobe image ready နဲ ့ပြင့္သြားပါလိမ့္မယ္
Adobe image ready နဲ ့ပြင့္သြားရင္ ..
ထိုမွတစ္ဆင့္
ေအာက္ကပံုထဲမွာျပထားတဲ့အတိုင္း Ie ပံုစံ အိုင္ကြန္ေလးရွိတယ္
[You must be registered and logged in to see this image.]
Preview in iexplorer ဆိုျပီးရွိတယ္
သေဘာကေတာ့ Internet explorer နဲ ့ျပန္ဖြင့္မယ္ေပါ့ဗ်ာ
အဲဒါကိုကလစ္လုပ္လိုက္ပါဗ်ာ
ျပီးရင္ Internet explorer နဲ ့ပြင့္လာပါလိမ့္မယ္
အဲဒီအခါက်မွ ပံုကို မိမိကြန္ပ်ဴတာမွာ save မွတ္လိုက္ပါ
ဒါဆို Animation ပံုေလးရပါျပီ..
ၾကိဳက္တဲ့ေနရာမွာupload လုပ္ျပီးတင္ႏိုင္ပါျပီဗ်ာ
[You must be registered and logged in to see this image.]
အဲဒါေတြကေတာ့
က်ေနာ့္ Profile က Avator ကိုအဆင့္ဆင့္ျပဳလုပ္ခဲ့ပံုေလးျဖစ္ပါတယ္
ရမ္းသမ္းျပီးလုပ္ခဲ့တာျဖစ္တဲ့အတြက္……ဗရုတ္သုတ္ချဖစ္ေကာင္းျဖစ္ေနပါလိမ့္မယ္
ဒါေပမဲ့က်ေနာ္သိတာကို အသင္းသားမ်ားမသိတာေတြလဲပါေကာင္းပါ ေနပါလိမ့္မယ္
အဲဒီအတြက္…မိမိတို ့မသိတာမ်ားကို မွတ္သားျပီး လြယ္ကူတဲ့ Animation ေလးေတြလုပ္ႏိုင္ၾကပါေစဗ်ာ
လြယ္ကူတဲ့ Animation မ်ားလုပ္နည္းကို ဖန္တီးတတ္တဲ့သူမ်ားမွလဲ
က်ေနာ့္ အမွားမ်ားကို ျပင္ဆင္ေပၾကပါကုန္ (မွတ္သားထားပါ့မယ္)

က်ေနာ္တင္တဲ့အခ်ိန္မွာ ကြန္နက္ရွင္သိပ္မေကာင္းပါခင္ဗ်ာ
Screen shot မ်ားမျမင္ရပါက ခြင္လြတ္ပါလို ့....



Last edited by solakoko on 26th April 2010, 7:21 pm; edited 2 times in total



[You must be registered and logged in to see this image.]

2 Re: Making smoking animation with PS [Turotial] on 11th January 2010, 7:18 pm

C0D3R


MITR Master



MITR Master
အစ္ကိုလည္းေဆးလိပ္ေသာက္ရင္ေကာင္းမလားလို႔

ညီေရးတဲ႔ photoshop နဲ႔ေလ ေကာင္းပါတယ္ေရးထားတာ

ကၽြန္ေတာ္လည္း photoshop ဆိုေ၀းေနတာ tutorial ေလးဆိုေတာ႔လိုက္လုပ္လို႔ရတာေပါ႔

+rep

http://www.myanmaritresource.info

3 Re: Making smoking animation with PS [Turotial] on 11th January 2010, 9:03 pm

sHa92


Founder



Founder
က်ေနာ္ ေတာင္းဆုိတာနဲ႔ ခ်က္ခ်င္းလုပ္ေပးတာ ေက်းဇူးတင္တယ္ဗ်ာ။
က်ေနာ္ ေရးမယ္ေရးမယ္နဲ႔ မေရးၿဖစ္တာေတြပါ ေရးၿပီးသြားသလိုၿဖစ္သြားၿပီ။ Smile
ေနာက္လည္း အေတြ႔အၾကံဳေလးေတြ မွ်ပါဦးဗ်ိဳ႕။



Change We Need!
http://www.myanmaritresource.info

4 Re: Making smoking animation with PS [Turotial] on 26th February 2010, 7:17 pm

connection


MITR New User



အကုိေရးေက်းဇဴးပဲဗ်ာ
ညီေလးကအဲ႕ဒါေလးလုပ္ခ်င္တာဗ်ာ

ခုမွပဲေတြ႕ေတာကတယ္ကၽြန္ေတာ္က ငယ္ငယ္တည္းက ေဆးလိပ္ၾကိဳက္တာ
ဆယ္တန္းေျဖျပိးေတာ႕စေသာက္တယ္
အဟီး
အကုိေက်းဇူးအလြန္တင္ပါတယ္ခင္ဗ်ာ

aungthan


MITR New User



Animation ေလးက ရွႈင္းရွင္းေလးနဲ႔ ေဖာ္ျပထားတဲ႔အတြက္ နားလည္လြယ္ပါတယ္။ ေက်းဇူးလည္းအရမ္းတင္ပါတယ္။

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum

 

Create free forum | © PunBB | Free forum support | Contact | Report an abuse | Forumotion.com