Thursday 9 August 2012

ပံုေတြမွာ animation နဲ.စာေရးနည္း


ပံုေတြမွာ Animation Text ထည့္နည္းေလးပါ..ေမးလ္ထဲမွာ သူငယ္ခ်င္းတစ္ေယာက္က ေမးထားတာမို.
ဒီပို.စ္ေလးနဲ.ပဲ သူငယ္ခ်င္းအားလံုးသိေစရန္ေဖာ္ၿပလိုက္တာပါ..online လဲအလုပ္မ်ားေနေတာ့ ကိုယ္တိုင္
ဓာတ္ပံုရုိက္ခ်ိန္မရလို. မလြမ္းရဲ.ဆိုဒ္ထဲကပဲ ကူးယူေဖာ္ၿပလိုက္ပါတယ္..ေအာက္မွာပံုႏွင့္တကြ လုပ္နည္္း
ေလးပါ...နားလည္ၿပီးအဆင္ေၿပမယ္လို.ေမွ်ာ္လင့္မိပါတယ္...

၁။ Adobe PhotoShop CS5 ကို ဖြင့္ၿပီး Animation Text ထည့္မဲ့ပံုကို Open ျပဳလုပ္ပါတယ္…



၂။ မိမိေရးလိုေသာစာသားကို Font, Size, Color ေရြးခ်ယ္ၿပီး Text Tool နဲ ့ ေရးသားပါမယ္…
၃။ Text ကို Effect ထည့္မယ္ဆိုရင္ fx ကို Click ျပဳလုပ္ပါ… Bevel and Emboss ဆိုတာကို ေရြးခ်ယ္ပါမယ္…



 
၄။ Bevel and Emboss Dialog Box မွ Structure ရဲ့ Depth နဲ ့ Shading Color တို ့ကို ေရြးခ်ယ္လို ့ ရပါတယ္…


၅။ အဆင့္(၃)လိုပဲ Text Effect အတြက္ Drop Shadow ကို ေရြးပါမယ္…
စာလံုးအရိပ္ကို ျမင္ေစလိုတဲ့အတြက္ Distance 15px ထားၿပီး Opacity ကို 85% ထားပါတယ္…


၆။ ေနာက္ Text Effect တစ္မ်ိဳးက Stroke ပါ… စာလံုးအျပင္မွာ လိုက္ထပ္ရန္ အေရာင္ကို ပန္းေရာင္ေရြးထားပါတယ္…


ဒီပံုေလးကေတာ့ Text Effect ၃-မ်ိဳးယူၿပီး ေရးထားတဲ့ စာလံုးပံုစံပါ...


၇။ စာလံုးပံုစံကို ျပင္ဆင္ၿပီးၿပီဆိုရင္ေတာ့ Animation ျပဳလုပ္ရန္ စတင္ျပင္ဆင္ပါမယ္… Window Menu ေအာက္က Animation ဆိုတာကို ေရြးထားရင္ ပံုရဲ့ေအာက္ဖက္မွာ Animation (Frames) Dialog Box ေပၚလာပါလိမ့္မယ္…


ေပၚလာရင္ Duplicates Selected Frames ဆိုတဲ့ Button ကို Click ျပဳလုပ္ပါက ပံုတြင္ျမင္ရတဲ့အတိုင္း Frame တစ္ခု ထပ္ေပၚလာမွာပါ…


၈။ စာတန္းေလးကို ေနရာေရႊ ့ပါမယ္… အတည့္အတိုင္း ေရႊ ့မွာျဖစ္တဲ့အတြက္ Ctrl Key ကို ဖိထားၿပီး Left Arrow ကို အသံုးျပဳေရႊ ့ပါ… Move Tool သံုးၿပီး Mouse ကို ဖိေရႊ ့ပါက အထက္ေအာက္ေရြ ့သြားတတ္လို ့ပါ…

၉။ ပံုတြင္ျမင္ရသည့္အတိုင္း စာလံုးကို ေရႊ ့ထားၿပီး Tweens animation frames ဆိုတဲ့ Button ကို Click ျပဳလုပ္ပါမယ္…


၁၀။ Tween Dialog Box ေပၚလာတဲ့အခါ ပံုမွာျပထားတဲ့အတိုင္း Frames ၅-ခု ထပ္ယူပါမယ္…


၁၁။ အဆင့္(၇) မွ အဆင့္(၁၀) အတိုင္း Duplicates Selected Frames လုပ္မယ္၊ စာတန္းေလးကို ဘယ္ဖက္ကို အနည္းငယ္ေရႊ ့မယ္၊ Tween animation frames လုပ္မယ္၊ ဆိုတာေတြကို စာတန္းဘယ္ဖက္မွာ ေပ်ာက္သြားေအာင္ထိ လုပ္သြားပါမယ္…


၁၂။ ပံုမွာျမင္ရတဲ့အတိုင္း Frames ၇၅-ခု လုပ္ထားတာကို ေတြ ့ရမွာပါ… ဒါဆိုရင္ Animation Text လုပ္ၿပီး ျဖစ္ေနမွာပါ…


၁၃။ File ကို သိမ္းတဲ့အခါ Movie အေနနဲ ့ သိမ္းလို ့ရသလို Gif File အေနနဲ ့လည္း သိမ္းလို ့ ရပါတယ္… Movie File အေနနဲ ့ သိမ္းမယ္ဆိုရင္ File>>>Export>>>Render Video ဆိုတာကို ျပဳလုပ္ရပါမယ္…



၁၄။ Gif File အေနနဲ ့ သိမ္းမယ္ဆိုရင္ေတာ့ File>>>Save for Web & Devices ကို ေရြးခ်ယ္ရပါမယ္…

Preview ၾကည့္ၿပီး ႀကိဳက္ၿပီဆိုရင္ Save လုပ္႐ံုပါပဲ....

၁၅။ File Name ေပးတဲ့အခါ .gif လို ့ Extension ထည့္ေပးပါေနာ္...


 

No comments:

Post a Comment

Back to the Top

free counters

မန္ဘာသူငယ္ခ်င္းမ်ား

online မင္းသား - နည္းပညာ blog
online မင္းသားကို အီးေမးလ္ကတဆင့္ နည္းပညာမ်ား၊ကိုယ္ပိုင္ကဗ်ာမ်ား ပို.ေပးႏိုင္ပါတယ္...သူငယ္ခ်င္းတို.ရဲ.နာမည္နဲ.တကြ ပို.စ္တင္ေပးသြားမွာပါ...
  • အမည္ရင္းကိုေရးေပးပါ
  • ဒီအမည္နဲ. ပို.စ္တင္ေပးမွာပါ
  • မေရးခ်င္ပါကလည္း ရပါသည္
  • Browse ကိုႏွိပ္ၿပီး လိုခ်င္သည့္ပံု (သို.) software ေရြးေပးပါ
Submit ဆိုတဲ့စာတန္းကိုႏွိပ္ေပးပါရန္အရမ္း ေက်းဇူးတင္ပါတယ္ သူငယ္ခ်င္း
online မင္းသား