Latest topics
ဒီဖိုရမ္ထဲမွာ ၀င္ေရာက္ေဆြးေႏြးနိဳင္ပါတယ္...
၀င္ေရာက္ေဆြးေႏြးနိဳင္ပါတယ္။Dissolve Transition
Page 1 of 1
Dissolve Transition
အရင္တစ္ေခါက္က Layer Mask ကိုအသံုးျပဳျပီး Wipe Transition တစ္ခုကိုဖန္တီးအျပီးမွာ အခု Dissolve Transition တစ္ခုကိုလည္း ဖန္တီးၾကည့္ရေအာင္။ ပထမဦးဆံုးေျပာခ်င္တာကေတာ့ Layer ေတြရဲ့ Blending mode အေၾကာင္းပါ၊ PhotoShop မွာ Layer ေတြကိုအသံုးျပဳ တဲ့အခါမွာ Layer Blending Mode ဟာအေရးၾကီးပါတယ္၊ အခု Tutorial အတြက္ေတာ့ တျခားေသာ Mode ေတြကိုခဏေလးထားျပီး အခု Dissolve mode အေၾကာင္းေျပာရမွာပါ။ အခု 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 ေတြအျဖစ္ ဒီသင္ခန္းစာေတြကိုသံုးျပီး အေကာင္အထည္ ေဖာ္ႏိုင္ေလာက္ပါျပီ။
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 ေတြအျဖစ္ ဒီသင္ခန္းစာေတြကိုသံုးျပီး အေကာင္အထည္ ေဖာ္ႏိုင္ေလာက္ပါျပီ။
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
12th July 2011, 21:03 by Admin
» ငါ လြမ္းတဲ့ ကဗ်ာေလး..
15th June 2011, 14:32 by သားလင္း
» ဒါကေတာ့ Word က ေန Pdf file ကို ေျပာင္းေပးတဲ့ေဆာ့ဖ္၀ဲပါ
7th June 2011, 16:01 by Admin
» How to prepare to build a pc and Building a PC
7th June 2011, 15:55 by Admin
» ဒါေလးကေတာ့ PDF format ကေန Word ကိုေျပာင္းေပးတဲ့ေဆာ့ဖ္၀ဲေလးပါ
7th June 2011, 15:47 by Admin
» How to Enable or Disable the Windows 7 Built-in Administrator Account
6th June 2011, 14:30 by Admin
» Motherboard အတြင္းရွိသင္႔သည္႔ Components မ်ား
29th May 2011, 15:29 by Admin
» မ်က္ႏွာက အဖုအထစ္ အစက္အေျပာက္ေတြကုိုရွင္းေပးမယ့္ ေဆာ့ဖ္၀ဲ
28th May 2011, 14:09 by Admin
» ၿပန္လာခဲ့ပါ(MC Bay Gyi)
27th May 2011, 10:00 by PyaePhyoThaw