High-Detailed Plastic Navigation Bar

ဒီတစ္ခါ သင္ခန္းစာကေတာ့ website အတြက္ plastic navigation bar ေလးတစ္ခု ျပဳလုပ္ျခင္းပါ။အဆင့္(၁)ပထမဦးဆံုး ကၽြန္ေတာ္တို႔ navigation bar အတြက္ background အရင္ စလုပ္ပါမယ္။ photoshop မွာ 800x259px နဲ႔ background color ကို #8caab8 ေရြးၿပီး new document တစ္ခုယူပါ။ ၿပီးရင္ foreground color ကို #e1e8eb ထားပါ။ layer အသစ္ေခၚၿပီးေတာ့ gradient tool (G) ကိုေရြးပါ။ ၿပီးရင္ Gradient Editor ေခၚၿပီး Presets ထဲက Foreground to Transparent ကိုေရြးပါ။ ေရြးၿပီးရင္ canvas ရဲ႕ ထိပ္ကေန ေအာက္ကို gradient tool နဲ႔ ဆြဲေပးပါ။အဆင့္(၂)ကဲၿပီးရင္ navigation menu အတြက္ foundation ေလး လုပ္လိုက္ရေအာင္။ foreground color (#7fa1b3) ေရြးပါ။ ၿပီးရင္ rectangle tool မွာ rounded rectangle tool ကိုေရြးပါ။ ၿပီးရင္ width နဲ႔ height ကို 763x80px ေပးၿပီး canvas ရဲ႕ အလယ္မွာဆြဲပါ။ အဲဒီ layer ကို...

Read more »

လိႈင္းတြန္႔ပံု (Ripple Effect) ျပဳလုပ္ျခင္း

အခုတစ္ခါေတာ့ photoshop မွာ လိႈင္းတြန္႔ပံုစံ (Ripple Effect) ေလး စမ္းလုပ္ၾကည့္ၾကရေအာင္အဆင့္(၁)Effect သြင္းခ်င္တဲ့ ပံုကို ဖြင့္ပါ။အဆင့္(၂)Filter> Distort> ZigZag ကိုသြားပါ။အဆင့္(၃)ZigZag ဆိုတဲ့ box ေလးေပၚလာရင္ Amount မွာ 19, Ridges မွာ 16 နဲ႔ Style မွာ Pond Ripples ေရြးပါ။ ZigZag box မွာ ျမင္ေနရတဲ့ ပံုေနရာကေန effect ေပၚခ်င္တဲ့ေနရာကို mouse နဲ႔ drag ဆြဲၿပီးေတာ့ ေရြးခ်ယ္ႏိုင္ပါတယ္။ ၿပီးရင္ OK ကိုႏွိပ္ပ...

Read more »

ေရထဲမွ ေရာင္ျပန္ပံုရိပ္ ဖန္တီးျခင္း

ေဟာဒီျဖတ္လမ္းနည္းနဲ႔ ဘယ္လို photo မွာမဆို သဘာ၀က်တဲ့ ေရထဲမွ ေရာင္ျပန္ပံုရိပ္ေတြ လြယ္ကူစြာ ေပါင္းထည့္ႏိုင္တယ္။ ဓာတ္ပံုထဲ ေရပါၿပီးသား မဟုတ္တဲ့ ပံုရိပ္ေတြမွာ အေကာင္းဆံု ျဖစ္ေလ့ရွိတယ္။ ရိုးရွင္းတဲ့ filter, displacement map ေတြနဲ႔ လိႈင္းၾကက္ခြပ္ water ripple effect ေတြ ျပဳလုပ္ရမယ္။ Hue/Saturation adjustment layer နဲ႔ color သြင္းပါတယ္။အဆင့္(၁)Effect သြင္းခ်င္တဲ့ ဓာတ္ပံုကို ဖြင့္ပါ။ Ctrl+J ႏွိပ္ၿပီး background layer ကိုေကာ္ပီပြားပါ။အဆင့္(၂)ဒီရုပ္ပံုရဲ႕ ေအာက္မွာ ေရထဲက ေရာင္ျပန္ပံုရိပ္ ေပါင္းထည့္မွာပါ။ ဒီအတြက္ document ေအာက္ေျခမွာ canvas space အခ်ိဳ႕ ေပါင္းထည့္ရမယ္။ Image>Canvas Size သို႔သြားပါ။ ခုလုပ္ရမွာက မူလပံုရဲ႕ ႏွစ္ဆျမင့္ေအာင္ ေအာက္ဘက္သို႔ ခ်ဲ႕ရမယ္။ Height ေနရာမွာ 100, measurement အကြက္မွာ percent ထားပါ။ Width အကြက္မွာ 0 ပဲထားပါ။ Relative option...

Read more »