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 »

Design Feather Affect အသံုးျပဳ၍ ဒီဇိုင္းဖန္တီးျခင္း

ဒီလ ကြန္ပ်ဴတာ ဂ်ာနယ္က photoshop tutorial မွာပါတဲ့ Photoshop design feather effect ေလးပါ။ Photoshop မွာပါတဲ့ အသင့္ေပးတာေတြနဲ႔တင္ ျပဳလုပ္သြားတာပါ။အဆင့္(၁)400 x 400 pixels အရြယ္အစား 72 dpi resolution နဲ႔ ဖိုင္အသစ္ တစ္ခုကို RGB mode နဲ႔ဖြင့္ပါ။ Onscreen, Web Purposes အတြက္ဆိုတာ သိသာပါတယ္။အဆင့္(၂)Background ကိုအနက္ေရာင္ျဖင့္ ျဖည့္ပါ။ Custom Shape tool (U) ကိုေရြးပါ။ ပံုမွာျပထားတဲ့ ပံုဟာ Nature အုပ္စုထဲမွာ ရွိပါတယ္။ အဲဒီ tool နဲ႔ shape ကိုဆြဲပါ။ Option bar မွာ Paths button ႏွိပ္ထားၿပီးသား ျဖစ္ရပါမယ္။အဆင့္(၃)Direct Selection Tool ကိုေရြးပါ။အဆင့္(၄)ဘယ္ဘက္က ရြက္ခ်ပ္ႏွစ္ခုကို ၀ိုက္ၿပီးေရြးပါ။အဆင့္(၅)Delete Key ကိုႏွိပ္ပါ။အဆင့္(၆)ေနာက္ညာဘက္က သစ္ရြက္ကိုလည္း ေရြးၿပီး delete key ႏွိပ္ပါဦး။ ရြက္ခ်ပ္တစ္ခုပဲ က်န္ခဲ့မယ္။အဆင့္(၇)သစ္ရြက္ပံုကို right click ႏွိပ္ၿပီး...

Read more »

မ်က္၀န္းတြင္ Effect ထည့္ျခင္း

မ်က္ဝန္းေတြရဲ႕ စိတ္ဝင္စားဖြယ္ ဖမ္းစားမႈမ်ိဳးကို BladeRunner ႐ုပ္ရွင္ထဲမွာ အထင္အရွား ေတြ႕ျမင္ဖူးခဲ့ၾကပါျပီ။ ယခုမ်က္ဝန္းမွာ ပံုရိပ္ထင္ဟပ္ေနတဲ့ effect ျပဳလုပ္ၾကည့္ၾကမယ္။အဆင့္ [၁]ပထမဆံုး အသံုးျပဳမယ့္ မ်က္ဝန္းနဲ႔ ေရာင္ျပန္ဟပ္မယ့္ ပံုရိပ္ႏွစ္ခုစလံုး photoshop မွာ ဖြင့္ပါ။ Layer တစ္ခုစီမွာ တပ္ထားပါ။ ႐ုပ္ပံုႏွစ္ခုစလံုး resolution ျမင္ရင္ ပိုေကာင္းမယ္။Move tool ကို သံုးျပီး ပံုရိပ္ကို မ်က္ဝန္းေပၚ ေနရာခ်ပါ။အဆင့္ [၂]Free Transform Tool ကို ေခၚယူရန္ Edit > Free Transformသို႔ သြားပါ။ သို႔မဟုတ္ Ctrl + T ကို ႏွိပ္ပါ။ Layer ရဲ႕opacity ကို နည္းနည္းခ်ထားျခင္းအားျဖင့္ ေအာက္ခံ သူငယ္အိမ္အေနအထားကို ျမင္ရမယ္။ ယခု Free Transform Tool ကိုသံုးျပီး ပံုရိပ္ရဲ႕ လိုခ်င္တဲ့အပိုင္းအား မ်က္စိသူငယ္အိမ္ထဲ အေလာေတာ္ ဝင္ဆံ့ေအာင္ အရြယ္ျပင္ပါ။ ပံုရိပ္ရဲ႕ မလိုခ်င္တဲ့အပိုင္းေတြမ်က္လံုးေပၚ...

Read more »