အခု PhotoShop မွာ Background Layer ကိုအျဖဴထားျပီး Layer1 ကိုေတာ့ေအာက္မွာျမင္ရတဲ့ ပံုေလးထားလိုက္ပါတယ္။









Layer Palette ကိုသြားျပီး Layer1 ရဲ့ Blending mode ကို Dissolve လို႔ေျပာင္းလိုက္ပါမယ္၊ ပံုကိုအခုေနၾကည့္လိုက္ရင္ေတာ့ ဘာမွာမထူးေသး ပါဘူး၊ ဒါေပမယ့္ အဲဒီ Layer1 ရဲ့ Opacity ကို 50% ေလာက္ထားၾကည့္လိုက္ပါမယ္။

ဒါဆိုရင္ေတာ့ Layer1 ဟာၾကည္ၾကည္လင္လင္ ျမင္ရမွာမဟုတ္ေတာ့ပါဘူး တခ်ိဳ႔ေသာ Pixel ေတြဟာေပ်ာက္သြားျပီး Background Layer ရဲ့ အျဖဴေရာင္ၾကီးကိုေတြ႔ရမွာပါ၊ Layer1 ရဲ့ Opacity နဲေလေလ Background Layer ရဲ့ဧရိယာမ်ားမ်ားေပၚလာေလေလပါပဲ။ အဲဒီ Layer1 ရဲ့ Opacity ကိုကစားၾကည့္ပါ လြယ္လြယ္သေဘာေပါက္မွာပါ။

ဒီအေျခခံေလးကိုပဲ အသံုးျပဳျပီးေတာ့ ကြ်န္ေတာ္တို႔ Image Ready မွာ Animation လုပ္ၾကည့္ၾကမွာပါ။ အခုေပးထားတဲ့ Sample file ကို Download လုပ္ျပီး PhotoShop မွာဖြင့္လိုက္ရေအာင္။ Background နဲ႔ Layer1 ဆိုျပီး Layer ႏွစ္ခုပါတာကိုေတြရမွာပါ။ Layer1 ရဲ့ Blending mode ကို Dissolve ကိုေရြးလိုက္ပါမယ္၊ျပီးရင္ Image Ready ကိုသြားရေအာင္ ( Ctrl + Shift + M )။

Image Ready ရဲ့ Animation Palette မွာ Frame တစ္ခုကေတာ့ Default ရွိေနမွာပါ၊ အခု New Frame ႏွစ္ခုအသစ္ထပ္ယူပါမယ္၊ စုစုေပါင္း ၃ ခုျဖစ္သြားပါျပီ။ Layer1 ရဲ့ Opacity ေတြကိုေတာ့ Frame1 မွာ 0% Frame2 မွာ 100% နဲ႔ Frame3 မွာ 0% အသီးသီးထားလိုက္ပါမယ္။

ဒါဆိုရင္ Tween လုပ္ဖို႔ အဆင္သင့္ျဖစ္ေနပါျပီ၊ Frame2 ကို Select လုပ္ျပီး Animation Palette ေအာက္ေျခက Tweens animation frames ဆိုတဲ့ခလုပ္ေလးကိုႏွိပ္လိုက္ပါမယ္၊ Setting ေတြကေတာ့ ေအာက္ပါအတိုင္းပါပဲ။

ျပီးရင္ေနာက္ဆံုး Frame ျဖစ္တဲ့ Frame8 ကိုလဲ ဒီ Setting ေတြအတိုင္းပဲ Tween လုပ္ပါဦးမယ္၊ ေနာက္ထပ္လုပ္စရာတစ္ခုကေတာ့ Frame duration ပါပဲ။ Frame1 နဲ႔ Frame7 ကို 1 sec ထားျပီးက်န္တဲ့ Frame ေတြကိုေတာ့ 0 sec ပဲထားလိုက္ပါ။ ေနာက္ျပီးေတာ့ Frame7 က Layer1 ရဲ့ Blending mode ကို Normal ထားေပးလိုက္ပါမယ္၊ ( ပံုရဲ့ ေဘးနားက Pixel ေလးေတြ ထင္းသြားေအာင္လို႔ပါ)၊ က်န္တဲ့ Frame ေတြကေတာ့မေျပာင္းပါဘူး Dissolve ပါပဲ။ ေနာက္ဆံုးအဆင့္အေနနဲ႔ Optimize လုပ္လိုက္ရင္ ( File>Save Optimized ) ပံုေလးကို ဒီအတိုင္းျမင္ရမွာပါ။

ဒီ Tutorial မွာ Tween ကစားတာက Opacity ကိုကစားထားတာပါ၊ ဒါေပမယ့္ Blending mode မွာ Dissolve ဟာဆိုရင္ Opacity ကိုလိုက္ျပီး တုန္႔ျပန္မႈေပးပါတယ္။ Opacity မ်ားရင္ Layer ရဲ့ Pixel area နဲနဲဟာ ေပ်ာက္သြားျပီး ေအာက္မွာရွိတဲ့ Layer ေတြေပၚလာပါတယ္၊ Layer ရဲ့ Opacity နဲသြားရင္ေတာ့ Pixel ေတြဟာအမ်ားၾကီးေပ်ာက္သြားျပီး ေအာက္မွာရွိတဲ့ Layer ေတြကိုအမ်ားၾကီးျမင္လာရတာပါ။ ဒီ Opacity ကို Tween လုပ္လိုက္ေတာ့ Dissolve Transition တစ္ခုရလာပါေတာ့တယ္။
အခုဆိုရင္ Dissolve ကိုသံုးျပီး ေအာက္ပါပံုေလးကိုလည္း ဘယ္လိုဖန္တီးရမလဲဆိုတာကို သင္သိႏွင့္ေလာက္ပါျပီ။ သင္ကိုယ္တို္င္လည္း Try ၾကည့္ပါဦး။ MMphotoshop မွာ Animation သင္ခန္းစာ အေတာ္မ်ားမ်ားကို ေရးသားျပီးခဲ့ပါျပီ၊ ၾကံဳရင္လည္း ဆက္လက္ ေရးသားပါဦးမယ္၊ အခုဆိုရင္ သင့္ဖန္တီးမႈစြမ္းအား ေတြကို Animation ေတြအျဖစ္ ဒီသင္ခန္းစာေတြကိုသံုးျပီး အေကာင္အထည္ ေဖာ္ႏိုင္ေလာက္ပါျပီ။

ျမန္မာဖိုတိုေရွာ႔ဆိုဒ္မွ ကူယူေဖာ္ျပထာတာပါ
0 comments:
Post a Comment