Design

Layer Mask In Photoshop

မဂၤလာပါခင္ဗ်
ကြၽန္ေတာ္ကေတာ့ Spiceworks Myanmar Company တြင္ Web Designer အျဖစ္ ဝင္ေရာက္လုပ္ကိုင္လ်က္ရွိေသာ စိုင္းေအာင္ႏိုင္ဦး ျဖစ္ပါတယ္။ ဒီတစ္ပတ္မွာေတာ့ Adobe Photoshop Layer Mask အသုံးျပဳပုံကို ေဝမွ်ေပးခ်င္ပါတယ္ခင္ဗ်။
Web design မွာ အသုံးမ်ားတဲ့ Layer Mask အသုံးျပဳနည္း (၃) မ်ိဳးကို ေအာက္မွာ ေဖာ္ျပေပးသြားပါမယ္ဗ်။
1. Use Mask without rectangle
2. Apply Layer Style on Mask
3. Hide Layer Styles with Layer Masks

ပထမဆုံးအေနနဲ႔ Use Mask without rectangle ကို ေဝမွ်ေပးပါမယ္။
ဘယ္လိုအေျခအေနမ်ိဳးမွာသုံးလဲဆိုေတာ့ ပုံနဲ႔စာ တစ္တန္းတည္းထားခ်င္တဲ့ အေနအထားမွာ ပုံကို အရမ္းမက်ဳံ႕ခ်င္ဘူး၊ စာပိုဒ္ရဲ႕ height အတိုင္းလိုခ်င္တယ္ဆိုတဲ့ အေျခအေနမ်ိဳးမွာသုံးလို႔ရပါတယ္။
Anyway ကြၽန္ေတာ္တို႔စလိုက္ၾကရေအာင္!

(ပုံ-၁) (ပုံ-၁) ပုံမွန္အတိုင္းပဲ Photoshop မွာ New Artboard တစ္ခုဆာက္ေပးပါ။

 

(ပုံ-၂)(ပုံ-၂) ကိုယ္ထည့္ခ်င္တဲ့ ပုံနဲ႔အေၾကာင္းအရာကို ေရးပါ။ ၿပီးရင္ ပုံရဲ႕ Layer ကို ေထာက္ပါ။

 

(ပုံ-၃)(ပုံ-၃) Selection Tool ကို ေ႐ြးပါ။ ကိုယ္လိုခ်င္တဲ့ width, height ကို ဆြဲပါ။

 

(ပုံ-၄)(ပုံ-၄) ပုံရဲ႕ layer ကို‌ေထာက္ၿပီး ေအာက္မွာအနီဝိုင္းထားတဲ့ Add Layer Mask ကို ႏွိပ္ပါ။

 

(ပုံ-၅)(ပုံ-၅) ကြၽန္ေတာ္တို႔ ပုံကို Selection Tool နဲ႔ သတ္မွတ္ထားတဲ့အတိုင္း ရပါၿပီ။ Image Layer မွာလည္း Mask Layer ဝင္ေနတာျမင္ရပါမယ္။

 

ဒုတိယတစ္ခုအေနနဲ႔ Apply Layer Style on Mask ကို ေဝမွ်ေပးခ်င္ပါတယ္။

(ပုံ-၆)(ပုံ-၆) Layer Mask ကို‌ေထာက္ပါ။ ၿပီးရင္ FX ဆိုတဲ့ Add Layer Style ကို ႏွိပ္ပါ။

 

(ပုံ-၇)(ပုံ-၇) ကိုယ္ထည့္ခ်င္တဲ့ style ကို‌ေ႐ြးပါ။ ကြၽန္ေတာ္ကေတာ့ Stroke ကိုထည့္ပါမယ္။

 

(ပုံ-၈)(ပုံ-၈) Stroke ႏွိပ္ၿပီးရင္ ပုံမွာျပထားတဲ့အတိုင္း dialog ထြက္လာပါမယ္။ ကိုယ္လိုခ်င္တဲ့ properties ေတြထည့္ၿပီး Ok ႏွိပ္ပါ။

 

(ပုံ-၉)(ပုံ-၉) Layer Mask မွာ Style ဝင္သြားပါၿပီ။ Final result က ပုံမွာ ေဖာ္ျပထားတဲ့အတိုင္း ရလာပါမယ္။

 

ေနာက္ဆုံးတစ္ခုအေနနဲ႔  Hide Layer Styles with Layer Masks ကို ေဝမွ်ေပးခ်င္ပါတယ္။

(ပုံ-၁၀)(ပုံ-၁၀) ပုံကို ထည့္ပါ။ selection tool နဲ႔ ကိုယ္လိုခ်င္တဲ့ပုံရဲ႕အေပၚကို selection မွတ္ေပးပါ။

 

(ပုံ-၁၁)(ပုံ-၁၁) ၿပီးရင္ Add Layer Mask ကို ႏွိပ္ပါ။ ပုံမွာ ျပထားသည့္အတိုင္း ခုနက ကြၽန္ေတာ္တို႔ selection ေပးထားတဲ့ေနရာမွာပဲ ပုံက‌ေပၚေနပါမယ္။ (Mask မထည့္ခင္ ညာဘက္အျခမ္းက ပုံရဲ႕ layer ကို အရင္ဆုံး Select လုပ္ဖို႔ မေမ့ပါနဲ႔)

 

(ပုံ-၁၂)  (ပုံ-၁၂)  ေနာက္တစ္ဆင့္အေနနဲ႔ layer mask ကို invert လုပ္ဖို႔အတြက္ Alt + i ကိုတြဲႏွိပ္ပါ။ ႏွိပ္ၿပီးရင္ ပုံမွာျပထားတဲ့အတိုင္းရပါမယ္။

 

(ပုံ-၁၃) (ပုံ-၁၃) ေစာနက အေပၚမွာေဖာ္ျပခဲ့သလိုမ်ိဳးပဲ Layer Style ထည့္ဖို႔အတြက္ FX ကို ႏွိပ္ၿပီး Stroke ကိုေ႐ြးပါ။

 

(ပုံ-၁၄)(ပုံ-၁၄) ထြက္လာတဲ့ dialog မွာ ကိုယ္လိုခ်င္တဲ့  properties ကို ေ႐ြးၿပီးရင္ ok ႏွိပ္ပါ။

 

(ပုံ-၁၅)(ပုံ-၁၅)  ေနာက္တစ္ဆင့္အေနနဲ႔ ကြၽန္ေတာ္တို႔ Layer Mask ကို Style ျဖဳတ္ပါမယ္။ Effect ကို double click ႏွိပ္ပါ။

 

(ပုံ-၁၆) (ပုံ-၁၆) Dialog ထြက္လာရင္ Layer Mask Hide Effect ကို check လုပ္ေပးပါ။

 

(ပုံ-၁၇)(ပုံ-၁၇) ေနာက္ဆုံးအေနနဲ႔ Mask Layer မွာ style ျပဳတ္သြားပါၿပီ။

 

(ပုံ-၁၈) (ပုံ-၁၈) Mask Layer ကိုေထာက္ၿပီး ေနရာေ႐ႊ႕ခ်င္ရင္ ပုံမွာျပထားတဲ့အတိုင္း အနီဝိုင္းထားတဲ့ Link ကိုႏွိပ္ၿပီးျဖဳတ္လိုက္ပါ။ Mask Layer ကိုေ႐ႊ႕ခ်င္တဲ့အတြက္ Mask Layer ကို‌ Select လုပ္ပါ။ ၿပီးရင္ Mask Layer ေ႐ႊ႕လို႔ရပါၿပီ။

 

(ပုံ-၁၉) (ပုံ-၁၉) ပုံမွာ ျပထားတဲ့အတိုင္း Mask Layer ကို ကိုယ္လိုရာ ေ႐ႊ႕လို႔ရပါၿပီ။

အခ်ိန္ေပးၿပီး ဖတ္ရႈေပးတဲ့အတြက္ ေက်းဇူးတင္ပါတယ္ခင္ဗ်။

Hello

Leave a Reply

Your email address will not be published. Required fields are marked *