Friday, August 21, 2009

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 α€€ို Shape α€œိုα‚” α€”ာα€™α€Š္ေပးပါ။ ၿပီးရင္ layer α€€ို double click ႏွိပ္ၿပီး inner shadow α€‘α€Š့္ပါ။





ထဆင့္(၃)
ေα€”ာα€€္ layer α€‘α€žα€…္တစ္ခု ထပ္α€šူၿပီးေတာ့ Shape layer α€›ဲα‚• ေထာα€€္α€€ိုေα€›ြ႕ပါ။ ထဲα€’ီ new layer α€™ွာ active ျα€–α€…္ေနတုα€”္း Shape layer α€›ဲα‚• thumbnail ထကြα€€္ေα€œးα€™ွာ Ctrl+Click ႏွိပ္ပါ။ selection ေα€•αšα€œာရင္ color ျα€–α€Š့္ပါ။ color α€€ေတာ့ #86a6b5 ပါ။ ၿပီးရင္ Deselect (Ctrl+D) ႏွိပ္ပါ။ ထဲα€’ီ layer α€€ို Filter>Blur ထဲα€€ Gaussian Blur (1.8px) α€”ဲα‚” Motion Blur (90deg,41px) ေပးပါα€™α€š္။ Gaussian Blur (1.8px) α€€ို တစ္α‚€α€€ိα€™္ထက္ ပိုေပးပါ။ ၿပီးရင္ opacity α€€ို 85% ထားပါ။



ထဆင့္(၄)
New layer ေα€αšα€•ါ။ ၿပီးရင္ new layer active ျα€–α€…္ေနတုα€”္းα€™ွာ Shape Layer α€›ဲα‚• thumb icon ေα€œးα€€ို Ctrl+Click ႏွိပ္ပါ။ selection ေα€•αšα€œာရင္ color(#678a9f) ျα€–α€Š့္ပါ။ ၿပီးရင္ selection ျα€–ဳတ္ၿပီး Gaussian Blur (4.5px) ေပးပါ။



ထဆင့္(၅)
α€€ဲ ေထာα€€္ေျα€α€˜α€€္α€™ွာ shade ေα€œးေတြ ထပ္α€‘α€Š့္α€›ေထာင္။ New Layer ေα€αšα€•ါ။ New Layer active ျα€–α€…္ေနတုα€”္းα€™ွာ Shape Layer α€€ို Ctrl+Click ႏွွိပ္ပါ။ Selection ေα€•αšα€œာရင္ M α€€ိုႏွိပ္ၿပီး down arrow α€”ဲα‚” selection α€€ို ေထာα€€္α€˜α€€္α€€ို 10px ေα€œာα€€္ ေα€›ြ႕ပါ။ ၿပီးရင္ foreground color α€€ို #6d838f ထားပါ။ ၿပီးရင္ gradient tool (G) α€€ိုေα€›ြးပါ။ ၿပီးရင္ Gradient Editor ေα€αšαΏα€•ီး Presets ထဲα€€ Foreground to Transparent α€€ိုေα€›ြးပါ။ ၿပီးရင္ ေထာα€€္ကပံုα€™ွာ ျα€™ွားျပထားတဲ့ထတုိင္း ပထမတစ္ခါ canvas ေထာα€€္α€€ေα€” selection α€‘α€œα€š္ထထိဆြဲα€™α€š္။ α€’ုတိα€šα€”ဲα‚” တတိα€šα€€ ေα€˜းα€˜α€€္α€™ွာ ျα€™ွားျပထားတဲ့ ထတုိင္း selection α€›ဲα‚• α€˜α€š္α€˜α€€္α€”ဲα‚” α€Šာα€˜α€€္α€€ို α€œိုα€€္ဆြဲပါ။ α€žα€ိထားα€›α€–ုိα‚”α€€ canvas α€›ဲα‚•ေထာα€€္ေျခကေα€” selection ထရဲα‚• α€‘α€œα€š္ေα€œာα€€္ ထထိပဲ gradient α€€ိုဆြဲပါ။



ထဆင့္(၆)
Deselect α€œုပ္ၿပီး Filter>Blur>Gaussian Blur (3.6px) ေပးပါ။



ထဆင့္(၇)
ထခု ထေα€•αšα€€ေနၿပီး inner glow α€‘α€Š့္ပါα€™α€š္။ new layer ေα€αšα€•ါ။ ၿပီးရင္ ထဲα€’ီ Layer α€€ိုထေα€•αšα€†ံုးα€€ို ေα€›ႊ႕ပါ။ ထဲα€’ီ new layer active ျα€–α€…္ေနတုα€”္းα€™ွာပဲ Shape Layer α€›ဲα‚• thumb icon ေα€œးα€€ို Ctrl+Click ႏွိပ္ပါ။ selection ေα€•αšα€œာရင္ Marquee Tool (M) α€€ိုေα€›ြးၿပီး 1px ေα€œာα€€္ ေထာα€€္α€€ို ေα€›ြα‚•ေပးပါ။ ၿပီးရင္ foreground color α€€ို #92c2da ေျပာင္းၿပီး selection α€›ဲα‚• ထေα€•αšα€˜α€€္ 10px ေα€œာα€€္α€€ေα€” selection α€›ဲα‚•ေထာα€€္α€˜α€€္ 10px ေα€œာα€€္ထထိ gradient tool (G) α€”ဲα‚” ဆြဲေပးပါ။



ထဆင့္(၈)
ၿပီးရင္ α€‘α€œα€„္းေα€›ာင္ ထစင္းေα€œးေတြα€€ို menu foundation α€›ဲα‚• ထေα€•αšα€™ွာ α€‘α€Š့္α€™α€š္။ New Layer ေα€αšα€•ါ။ Shape Layer α€›ဲα‚• thumb icon α€€ို Ctrl+Click ႏွိပ္ပါ။ selection α€€ို 40px ေα€œာα€€္ ထေα€•αšα€€ို ေα€›ြα‚•ေပးပါ။ ၿပီးရင္ Shape layer α€›ဲα‚• thumb icon ေα€•αšα€€ို Ctrl+Alt+Shift+Click ႏွိပ္ေပးပါ။ foreground color α€€ို #bcd2db ေျပာင္းၿပီး gradient tool (G) α€€ိုေα€›ြးပါ။ ၿပီးရင္ Gradient Editor ေα€αšαΏα€•ီး Presets ထဲα€€ Foreground to Transparent α€€ိုေα€›ြးပါ။ ေα€›ြးၿပီးα€žြားရင္ menu bar α€›ဲα‚• ေထာα€€္α€€ေα€” ထေα€•αšα€€ို gradient ဆြဲပါ။ selection ျα€–ဳတ္ၿပီး Filter>Blur>Gaussian Blur (3.6px) ေပးပါ။



ထဆင့္(၉)
Light color ေတြ α€‘α€Š့္ပါα€™α€š္။ New Layer ေα€αšα€•ါ။ foreground color α€€ို #b8c9d1 ေပးပါ။ brush tool (45px soft brush) ေα€›ြးၿပီး menu bar α€›ဲα‚•α€˜α€š္α€˜α€€္ထစြα€”္းα€€ေα€” α€Šာα€–α€€္ထစြα€”္းα€”ားထထိ ထေα€›ာင္ခ်α€š္ပါ။ ၿပီးရင္ Gaussian Blur α€€ို 4px ေပးၿပီး opacity α€€ို 50% ထားပါ။



ထဆင့္(၁၀)
New Layer ေα€αšα€•ါ။ Shape Layer α€€ို Ctrl+Click ႏွိပ္ပါ။ foreground color α€€ို #dge7f1 ထားပါ။ 80px soft brush α€€ိုေα€›ြးၿပီး menu α€›ဲα‚• ထေα€•αšα€˜α€€္α€™ွာ ထေα€›ာင္ျα€α€š္ပါ။ α€˜α€š္α€˜α€€္ေထာင့္α€€ို ထူထူေα€œး ျα€α€š္ပါ။



ထဆင့္(၁၁)
ကၽြα€”္ေတာ္တိုα‚” menu α€›ဲα‚• border ေတြα€™ွာ sparkle ေတြα€‘α€Š့္α€™α€š္။ New Layer ေα€αšα€™α€š္။ Shape Layer α€›ဲα‚• thumb icon α€€ို Ctrl+Click ႏွိပ္α€™α€š္။ ၿပီးရင္ select>modify>contract ႏွိပ္ၿပီး contract selection α€™ွာ 1px ထားပါ။ ok ႏွိပ္ပါ။ ၿပီးရင္ selection α€€ို inverse selection ေျပာင္းပါ။ shortcut α€€ေတာ့ Ctrl+ Alt+ I ပါ။ Shape Layer α€€ို Ctrl+ Alt+ Shift+ Click ႏွိပ္ပါ။ foreground color α€€ို #fbfcfd ေပးပါ။ ၿပီးရင္ gradient tool (foreground to transparent) α€€ိုေα€›ြးၿပီး menu bar α€˜α€š္α€˜α€€္ထေα€•αšα€€ေα€” α€Šာα€–α€€္ေထာα€€္ေျခထထိ diagonal ဆြဲပါ။ Selection ျα€–ဳတ္ၿပီး ေထာα€€္α€˜α€€္α€”ဲα‚” α€Šာα€˜α€€္α€€ို Layer α€€ို 1px ေα€›ြ႕ပါ။



ၿပီးရင္ ထဆင့္(၁၀)ကထတုိင္းပဲ α€Šာα€–α€€္ေထာင့္α€€ို ဆက္α€œုပ္ပါ။ ထဆင့္(၁၁)ထတုိင္း ထပ္α€œုပ္ၿပီး gradient α€€ို α€Šာα€–α€€္ထေα€•αšα€€ေα€” α€˜α€š္α€˜α€€္ ေထာα€€္ေျခထထိ ဆြဲေပးပါ။ ၿပီးရင္ selection ျα€–ဳတ္ၿပီး ေထာα€€္α€˜α€€္α€”ဲα‚” α€˜α€š္α€˜α€€္α€€ို Layer α€€ို 1px ေα€›ြ႕ပါ။


ထဆင့္(၁၂)
New Layer ေα€αšα€•ါ။ Shape Layer α€›ဲα‚• thumb icon α€€ို Ctrl+Click ႏွိပ္ပါ။ ၿပီးရင္ brush α€€ို 50px soft ေα€œာα€€္ေα€›ြးၿပီးေတာ့ menu bar α€›ဲα‚” α€˜α€š္α€˜α€€္α€”ဲα‚” α€Šာα€–α€€္ α€€ိုေထာα€€္ပါပံုထတုိင္း ျα€α€š္ပါ။



ထဆင့္(၁၃)
α€’ါဆိုရင္ေတာ့ navigation menu α€›ဲα‚• foundation α€€ေတာ့ ၿပီးပါၿပီ။ Link α€…ာα€žားေတြပဲ α€‘α€Š့္α€–ိုα‚” α€€်α€”္ပါေတာ့α€α€š္။ About ဆိုတဲ့ α€…ာα€›ိုα€€္ပါα€™α€š္။ font setting ေတြα€€ိုေတာ့ ေထာα€€္ကပံုထတုိင္း ေပးပါ။



ထဆင့္(၁၄)
US ဆိုတဲ့ α€…ာα€›ုိα€€္α€™α€š္။ color α€€ #000000။ ၿပီးရင္ ေထာα€€္ပံုထတိုင္း setting ေပးα€™α€š္။



ထဆင့္(၁၅)
ေထာα€€္α€–α€€္α€€ေα€” COMPANY OVERVIEW ဆိုတဲ့α€…ာ ထပ္α€‘α€Š့္α€™α€š္။ setting α€€ေတာ့ ေထာα€€္α€€ ပံုထတုိင္းေပးα€™α€š္။



ထဆင့္(၁၆)
ၿပီးရင္ α€€်α€”္တဲ့ “Our Works - Completed Projects”, “Our Clients – Professional Support”, “Mail & Links – Linkage & Address” ဆိုတဲ့ α€…ာα€žားေတြ ထတြα€€္α€€ေတာ့ ေα€›ွα‚•α€€ α€…ာေတြα€€ို copy ပြားၿပီးေတာ့ α€…ာခ်ိα€”္းα€œိုα€€္ရင္ ရပါၿပီ။




Wednesday, August 12, 2009

α€œိႈင္းတြα€”္႔ပံု (Ripple Effect) ျပဳα€œုပ္ျခင္း


ထခုတစ္ခါေတာ့ photoshop α€™ွာ α€œိႈင္းတြα€”္႔ပံုα€…ံ (Ripple Effect) ေα€œး α€…α€™္းα€œုပ္αΎα€€α€Š့္ၾကရေထာင္

ထဆင့္(၁)
Effect α€žြင္းခ်င္တဲ့ ပံုα€€ို α€–ြင့္ပါ။





ထဆင့္(၂)
Filter> Distort> ZigZag α€€ိုα€žြားပါ။



ထဆင့္(၃)
ZigZag ဆိုတဲ့ box ေα€œးေα€•αšα€œာရင္ Amount α€™ွာ 19, Ridges α€™ွာ 16 α€”ဲα‚” Style α€™ွာ Pond Ripples ေα€›ြးပါ။ ZigZag box α€™ွာ ျမင္ေနရတဲ့ ပံုေα€”α€›ာα€€ေα€” effect ေα€•αšα€်င္တဲ့ေα€”α€›ာα€€ို mouse α€”ဲα‚” drag ဆြဲၿပီးေတာ့ ေα€›ြးခ်α€š္ႏိုင္ပါα€α€š္။



ၿပီးရင္ OK α€€ိုႏွိပ္ပါ။



Saturday, August 1, 2009

ေရထဲα€™ွ ေα€›ာင္ျပန္ပံုα€›ိပ္ α€–α€”္တီးျခင္း

ေα€Ÿာα€’ီျဖတ္α€œα€™္းα€”α€Š္းα€”ဲα‚” α€˜α€š္α€œို 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 α€€ုိ check ထမွတ္ေပးထားတာ ေα€žα€်ာေα€…α€›α€”္ Anchor α€™ွာေတာ့ ထေα€•αš α€‘α€œα€š္ထကြα€€္α€™ွာ ေပးပါ။



ထဆင့္(၃)
ေα€›ာင္ျပန္ပံုα€›ိပ္ reflection ျပဳα€œုပ္α€›α€™α€š္။ Layers palette ၌ထေα€•αš layer ေα€›ြးၿပီးα€žား ျα€–α€…္ပါေα€…။ Edit> Transform> Flip Vertical α€žိုα‚”α€žြားပါ။



ထဆင့္(၄)
V ႏွိပ္ၿပီး Move tool α€€ုိေα€αš။ ေျပာင္းျပန္α€œွα€”္ထားတဲ့ ပံုα€›ိပ္α€€ို α€™ူα€œα€•ံုα€›ိပ္ ေထာα€€္α€α€Š့္α€α€Š့္ ေα€›ာα€€္ေထာင္ ေα€›ႊ႕ပါ။ Shift ႏွိပ္ထားရင္ ေထာα€€္α€α€Š့္α€α€Š့္ ဆင္းေထာင္ ထိα€”္းထားေပးα€™α€š္။

ထဆင့္(၅)
ေα€”ာα€€္ထဆင့္ေတြα€€ေတာ့ α€œိႈင္းၾကပ္ခြပ္ water ripple effect α€œုပ္α€–ို႔ပဲ။ Blank layer α€‘α€žα€…္α€œိုခ်င္α€α€š္။ α€‘α€œြα€š္ဆံုး ထျα€™α€”္ဆံုးα€€ေတာ့ Layers palette ေထာα€€္ေျခက New Layer icon α€€ုိ ႏွိပ္α€–ို႔ပဲ။


ထဆင့္(၆)
Layer α€‘α€œြတ္α€™ွာ ထျα€–ဴေα€›ာင္ ျα€–α€Š့္α€›α€™α€š္။ D α€€ိုႏွိပ္။ Ctrl+Backspace α€€ိုႏွိပ္။



ထဆင့္(၇)
Filter> Sketch> Halftone Pattern α€€ိုေα€›ြးပါ။ ကၽြα€”္ေတာ္တိုα‚”α€€ α€œိုင္းစင္းေα€œးေတြ α€œုပ္ခ်င္တာပါ။ Pattern Type α€™ွာ Lines α€€ိုေα€›ြးပါ။ Size α€€ိုခ်ိα€”္α€Šွိျခင္းထားျဖင့္ α€™်α€₯္းα€œိုင္းထေရထတြα€€္ α€”α€Š္းα€”α€Š္းα€”ဲα‚” α€œိုင္းထူထူα€šူα€™α€œား၊ α€œုိင္းပါးပါးα€”ဲα‚” ခ်α€₯္းα€œိုင္းထေရထတြα€€္ α€™်ားα€™်ား α€šူα€™α€œား ေα€›ြးႏိုင္α€α€š္။ Contrast α€€ေတာ့ α€™်α€₯္းထနားα€…ြα€”္း α€˜α€š္ေα€œာα€€္α€™ာα€œဲ၊ ေပ်ာ့α€œဲ ခ်ိα€”္ေပးα€α€š္။



ထဆင့္(၈)
ထျα€–ဴα€”ဲα‚” ထနက္α€œုိင္းစင္းေတြα€€ို water ripples α€™ျပဳα€œုပ္ခင္ ၄င္းတုိ႔ထၾကား ေျပေျပျပစ္ျပစ္ ျα€–α€…္α€žြားα€–ိုα‚” ေခ်ာေα€™ြα‚”ေα€…α€–ုိα‚”α€›ာ α€œိုα€α€š္။ Filter> Blur> Gaussianl Blur α€žိုα‚”α€žြားပါ။ Radius slider α€€ိုဆြဲရင္း α€œုိင္းထနားα€…ြα€”္းေတြ ေပ်ာ့α€žြားေထာင္ α€™်α€€္ျမင္ ခ်ိα€”္α€Šွိပါ။ α€šα€ု α€”α€™ူα€”ာထတြα€€္ တန္α€–ိုးα€€ 4:



ထဆင့္(၉)
ဆက္၍ ျပဳα€œုပ္α€™α€š့္ displacement map ထတြα€€္α€€ α€šα€ု layer α€€ိုα€žီးျခား document ျα€–α€…ေထာင္ α€œုပ္α€–ိုα‚”α€œိုα€α€š္။ Screen ထိပ္α€…ီးα€€ Layer> Duplicate Layer α€žိုα‚”α€žြားပါ။ Dialog box ထဲα€€ Destination ထကြα€€္α€›ဲα‚• Document option α€™ွာ New α€€ုိေα€›ြးပါ။



ထဆင့္(၁၀)
ေα€•αšα€œာတဲ့ document α€‘α€žα€…္α€€ို save α€œုပ္ၿပီး ပိတ္ခဲ့α€›ံုပါပဲ။ Document α€€ို ပိတ္α€œိုα€€္တဲ့ထခါ save α€œုပ္α€œိုα€žα€œား။ Save as dialog box α€”ဲα‚”ေα€™းα€™α€š္။ Water-ripples α€…α€žα€Š္ျဖင့္ α€™ွတ္α€™ိα€œြα€š္ၿပီး ဆီေα€œ်ာ္တဲ့ α€‘α€™α€Š္ေပးα€€ာ α€™ွတ္α€›α€œြα€š္တဲ့ ေα€”α€›ာα€™ွာ save ထားခဲ့ပါ။ .psd α€–ိုင္ထျα€–α€…္ပဲ save ပါ။


ထဆင့္(၁၁)
ထျα€–ဴα€”ဲα‚” ထနက္α€œိုင္းစင္း layer α€€ α€’ီα€–ုိင္α€œုပ္α€–ိုα‚”α€›ာ ထတြα€€္α€žာ ဆိုေတာ့ α€™α€œိုေတာ့α€˜ူး။ α€–်α€€္ပစ္α€œိုα€€္α€›ံုပဲ။


ထဆင့္(၁၂)
Displacement map ေပါင္းα€‘α€Š့္ျခင္း α€™ျပဳခင္ image layers ႏွα€…္ခုα€€ို layer α€‘α€žα€…္တစ္ခုထျα€–α€…္ ၄င္းတိုα‚” ထေα€•αšα€™ွာ merge α€œုပ္ၿပီးα€žား α€œိုα€α€š္။ ထေα€•αš layer 1 ေα€›ြးထားဆဲ Shift+ Ctrl+ Alt+ E ႏွိပ္ပါ။ α€˜ာα€™ွ ျα€–α€…္ပံုα€™ေα€•αšေα€•α€™α€š့္ Layers palette α€€ိုαΎα€€α€Š့္ရင္ layer α€‘α€žα€…္ထေα€•αšα€™ွာ merged α€œုပ္ၿပီးα€žား ေတြα‚•α€›α€™α€š္။



ထဆင့္(၁၃)
Layers palette ၌ merged layer α€‘α€žα€…္ ေα€›ြးၿပီးα€žား ျα€–α€…္ပါေα€…။ Filter> Distort> Displace α€žိုα‚”α€žြားပါ။ Dialog box ၌ ripple effect ထျပင္းထေပ်ာ့ ဆံုးျဖတ္α€›α€™α€š္။ α€šα€ု α€”α€™ူα€”ာα€™ွာ Horizontal Scale α€™ွာ 4, vertical scale α€™ွာ 0 ထားထားα€α€š္။ Stretch To Fit α€”ဲα‚” Repeat Edge Pixels ေတြα€œα€Š္း ေα€›ြးထားα€α€š္။





OK α€€ုိႏွိပ္ၿပီး ထြα€€္α€œိုα€€္တဲ့ထခါ α€˜α€š္α€–ိုင္α€€ို displacement map ထျα€–α€…္ α€žံုးα€œိုα€žα€œဲ photoshop α€€ ေα€™းα€œိα€™့္α€™α€š္။ ထဆင့္(၁၀)α€™ွာ ျပဳα€œုပ္ခဲ့တဲ့ water-ripples.psd α€€ုိေα€›ြးေပးα€œုိα€€္ပါ။


ထဆင့္(၁၄)
α€’ီေα€”α€›ာα€™ွာ ျပႆα€”ာတစ္ခု α€›ွိα€α€š္။ Water ripple effect ကပံုα€›ိပ္ တစ္ခုα€œံုးထေα€•αš ေပါင္းα€‘α€Š့္α€α€š္။ ကၽြα€”္ေတာ္တိုα‚”α€€ ေထာα€€္တစ္၀က္ပဲ α€œိုခ်င္တာ။ Layer mask α€”ဲα‚” α€œြα€š္α€œြα€š္α€€ူα€€ူ ျပင္α€œိုα‚” ရပါα€α€š္။ ပထမဆံုး Layers palette α€›ဲα‚• ‘Layer 1’ thumbnail ထကြα€€္ထေα€•αš Ctrl+Click ႏွိပ္ပါ။ ေျပာင္းျပန္α€œွα€”္ထားေα€žာ document ေထာα€€္ေျခတစ္၀က္ selection ေα€›ြးၿပီးα€žား ေα€•αšα€œာα€™α€š္။
ထခု Merged layer (layer 2)α€€ို α€žα€€္၀င္ေထာင္ ေα€›ြးထားα€œုိα€€္ပါ။ ေα€”ာα€€္ layers palette ေထာα€€္ေျခက layer Mask icon α€€ိုα€€α€œα€…္ႏွိပ္ပါ။ ထေα€•αšα€•ိုင္း တစ္၀က္ေα€–်ာα€€္ၿပီးα€žား ျα€–α€…္α€žြားα€™α€š္။ ၿပီးခါα€”ီပါၿပီ။ ေရထဲα€€ို color ထခ်ိဳα‚• α€žြင္းα€™α€š္။



ထဆင့္(၁၅)
Layer mask α€›ဲα‚• ထနားα€…ြα€”္းေတြ ေပ်ာ့α€žြားေα€…α€–ိုα‚”α€›ာ α€œိုα€α€š္။ Gaussian Blur filter α€€ိုα€žံုးα€™α€š္။ Layer mask ထေα€•αš α€žα€€္ေα€›ာα€€္ေα€…α€œိုတာ ျα€–α€…္တဲ့ထတြα€€္ layers palette α€€ layer mask thumbnail α€€ြα€€္ထေα€•αš α€€α€œα€…္ႏွိပ္ရပါα€™α€š္။ ၄င္းထကြα€€္ပတ္α€œα€Š္ ထျα€–ဴေα€›ာင္ hilight box ေα€•αšα€œာα€™α€š္။ Filter> Blur> Gaussian Blur α€žိုα‚”α€žြားပါ။ Radius တန္α€–ိုး α€šα€α€„္ထတုိင္းပဲ ထားၿပီး OK α€€ုိα€€α€œα€…္ႏွိပ္ပါ။




ထဆင့္(၁၆)
ေα€›α€™ွာ ထျပာေα€›ာင္ α€žα€”္းခ်င္α€α€š္။ Pro ထဆင့္ Adjustment layer α€žံုးα€™α€š္။ Alt ႏွိပ္ထားရင္း Layers palette ေထာα€€္ေျခက New Adjustment Layer icon α€€ိုႏွိပ္ပါ။ ၿပီးေတာ့ α€…ာရင္းα€€ Hue/Saturation α€€ိုေα€›ြးပါ။ Use Previous layer to Create Clipping Mask α€€ုိα€œα€Šး္ ေα€›ြးခဲ့ပါ။




Hue/Saturation dialog box α€™ွာေတာ့ α€Šာα€˜α€€္ ေထာα€€္ေျခေထာင့္α€€ colorize α€€ို ေα€›ြးပါ။ Hue Slider α€™ွာ α€œိုခ်င္တဲ့ တန္α€–ိုး ေα€›ြးα€›α€α€š္။ α€šα€ု α€”α€™ူα€”ာထတြα€€္ တန္α€–ိုး 218.


ထဆင့္(၁၇)
ေα€›ျပင္α€žိုα‚” ေပါင္းα€‘α€Š့္ေပးα€œုိα€€္တဲ့ color ျပင္းထား ေα€œွ်ာ့α€–ိုα‚”α€›ာ Opacity တန္α€–ိုးခ်ပါ။ α€šα€ု α€”α€™ူα€”ာထတြα€€္ 25%.



ထျခားပံုေတြα€™ွာ variation α€œုပ္α€…α€›ာဆိုα€œိုα‚” ထက္ေထာα€€္ symmetric α€™ျα€–α€…္တာ၊ ေα€›ာင္ျပန္α€Ÿα€•္တဲ့ α€œုိင္းထနားα€…ြα€”္း တစ္ေျα€–ာင့္α€α€Š္း α€™α€›ွိတာေတြ α€›ွိႏိုင္α€α€š္။ α€žိၿပီး Photoshop tricks α€™်ားα€”ဲα‚” α€₯ာဏ္α€€α€…ားၿပီး α€…α€™္းαΎα€€α€Š့္ႏုိင္ပါα€α€š္။ ထိုထခ်α€€္ေတြα€€ α€œြဲၿပီး α€€်α€”္တာေတြα€€ို ထထက္α€€ α€”α€Š္းထတုိင္း ျပဳα€œုပ္ခဲ့တဲ့ ေα€”ာα€€္ထပ္ ပံုတစ္ပံုα€€ို ျပထားေပးပါα€α€š္။


Ref: computer journal

Wednesday, July 15, 2009

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 ႏွိပ္ၿပီး make selection α€€ိုေα€›ြးပါ။ Layers palette α€€ new layer button α€€ိုႏွိပ္။ ထျα€–ဴေα€›ာင္α€”ဲα‚” ျα€–α€Š့္ပါ။ Selection α€€ိုα€™ျα€–ဳတ္ပါα€”ဲα‚”α€₯ီး။




ထဆင့္(၈)
Select>Feather α€€ိုα€žြားပါ။ တန္α€–ိုး 5pixels ေပးပါ။


ထဆင့္(၉)
ထခု Delete Key α€€ိုႏွိပ္α€œုိα€€္ပါ။



ထဆင့္(၁၀)
Ctrl+J α€”ဲα‚” Layer α€€ိုပြားပါ။ Ctrl+T α€”ဲα‚” ထေα€žးခ်ံဳ႕ၿပီး ပံုပါထတိုင္း α€œွα€Š့္ပါ။ ထဲα€’ီα€”α€Š္းα€”ဲ႔ပဲ ေα€”ာα€€္ထပ္ တတိα€šေျα€™ာα€€္ α€›ြα€€္ခ်ပ္ ျပဳα€œုပ္ပါ။



ထဆင့္(၁၁)
ေα€”ာα€€္ထဆိုပါ Layer α€žံုးခုα€€ို Merge (Ctrl+E, Ctrl+F) α€œုပ္ၿပီး Ctrl+J α€”ဲα‚” Layer α€€ို duplicate ပြားပါ။ Ctrl+T ႏွိပ္ၿပီး Edit > Transform > Flip
Horizontal α€€ုိα€žြားပါ။ ပံုပါထတုိင္း ေα€”α€›ာα€›ေထာင္ ေα€›ႊα‚•α€šူပါ။


ထဆင့္(၁၂)
Layer ႏွα€…္ခုα€€ို Merge ျပန္α€œုပ္ပါ။ ၿပီးရင္ Ctrl+J ျပန္α€žြားပါ။ Filter > Blur > Motion Blur α€žိုα‚”α€žြားၿပီး ေထာα€€္ပါ setting α€™်ားေပးပါ။
Angle: 0
Distance: 46 pixels


ထဆင့္(၁၃)
Layer ႏွα€…္ခုα€€ို ျပန္၍ merge α€œုပ္ပါ။



ထဆင့္(၁၄)
Ctrl+J α€”ဲ႔ထပ္ပြား။ Ctrl+T ႏွိပ္ၿပီး Edit > Transform > Flip Vertical α€€ိုေα€›ြးပါ။ α€α€€α€š္α€œုိα‚” ေα€”ာα€€္α€™ွ ေα€”α€›ာ α€™ေα€›ႊ႕ခ်င္α€˜ူးဆိုရင္ Option bar α€€ α€™ူα€α€Š္α€™ွတ္α€€ို ေထာα€€္α€‘α€œα€š္α€™ွတ္ ေပးα€›α€™α€š္။


ထဆင့္(၁၅)
ထိုα‚”ေα€”ာα€€္ဆံုး Layer α€žα€€္၀င္ဆဲα€™ွာ Blending Mode α€€ို Dissolve α€™ွာ ထားၿပီး Opacity 50% ထားပါ။



ထဆင့္(၁၆)
Gradient Tool (G) α€€ိုေα€›ြးပါ။ ထ၀ါα€”ဲα‚” စၿပီး ထျပာα€˜ုတ္α€”ဲα‚” ဆံုးတဲ့ Gradient α€€ိုေα€›ြးပါ။ Layer α€‘α€žα€…္တစ္ခု α€œုပ္ၿပီး ပံုပါထတုိင္း α€žα€€္ေα€›ာα€€္ပါေα€…။



ထဆင့္(၁၇)
Blending Mode α€€ို Overlay α€žိုα‚”ေျပာင္းပါ။

α€™်α€€္၀န္းတြင္ Effect α€‘α€Š့္ျခင္း


α€™်α€€္ဝန္းေတြα€›ဲα‚• α€…ိတ္ဝင္α€…ားα€–ြα€š္ α€–α€™္းα€…ားα€™ႈα€™်ိဳးα€€ို Blade
Runner ႐ုပ္α€›ွင္ထဲα€™ွာ ထထင္ထရွား ေတြα‚•ျမင္α€–ူးခဲ့ၾကပါျပီ။ α€šα€ု
α€™်α€€္ဝန္းα€™ွာ ပံုα€›ိပ္ထင္α€Ÿα€•္ေနတဲ့ effect ျပဳα€œုပ္αΎα€€α€Š့္αΎα€€α€™α€š္။

ထဆင့္ [၁]
ပထမဆံုး α€‘α€žံုးျပဳα€™α€š့္ α€™်α€€္ဝန္းα€”ဲα‚” ေα€›ာင္ျပန္α€Ÿα€•္α€™α€š့္ ပံုα€›ိပ္
ႏွα€…္ခုα€…α€œံုး photoshop α€™ွာ α€–ြင့္ပါ။ Layer တစ္ခုα€…ီα€™ွာ တပ္
ထားပါ။ ႐ုပ္ပံုႏွα€…္ခုα€…α€œံုး resolution ျမင္ရင္ ပိုေα€€ာင္းα€™α€š္။
Move tool α€€ို α€žံုးျပီး ပံုα€›ိပ္α€€ို α€™်α€€္ဝန္းေα€•αš ေα€”α€›ာခ်ပါ။






ထဆင့္ [၂]
Free Transform Tool α€€ို ေα€αšα€šူα€›α€”္ Edit > Free Transform
α€žိုα‚” α€žြားပါ။ α€žိုα‚”α€™α€Ÿုတ္ Ctrl + T α€€ို ႏွိပ္ပါ။ Layer α€›ဲα‚•
opacity α€€ို α€”α€Š္းα€”α€Š္းခ်ထားျခင္းထားျဖင့္ ေထာα€€္ခံ α€žူα€„α€š္ထိα€™္
ထေနထထားα€€ို ျမင္α€›α€™α€š္။ α€šα€ု Free Transform Tool α€€ို
α€žံုးျပီး ပံုα€›ိပ္α€›ဲα‚• α€œိုခ်င္တဲ့ထပိုင္းထား α€™်α€€္α€…ိα€žူα€„α€š္ထိα€™္ထဲ ထေα€œာေတာ္ ဝင္ဆံ့ေထာင္ ထရြα€š္ျပင္ပါ။ ပံုα€›ိပ္α€›ဲα‚• α€™α€œိုခ်င္တဲ့ထပိုင္းေတြ
α€™်α€€္α€œံုးေα€•αš ေα€€်ာ္α€œြα€”္α€–ံုးထုပ္ေα€”α€œα€Š္း ခုထဆင့္α€™ွာ α€€ိα€…α₯ α€™α€›ွိေα€žး
α€˜ူး။ α€…ိတ္ေα€€်နပ္ရင္ enter ေခါα€€္ပါ။



ထဆင့္ [၃]
Eraser Tool α€€ို ေα€›ြးပါ။ α€…ုတ္တံထေပ်ာ့ (်α€ž္ထ α€˜α€™α€€့်)
ၾကီးၾကီးေα€›ြးျပီး α€™α€œိုခ်င္တဲ့ထပိုင္းေတြ α€–်α€€္ပစ္ပါ။ α€™်α€€္ဝန္းα€”ဲα‚”
α€žူα€„α€š္ထိα€™္α€™ွာ α€”α€Š္းα€”α€Š္းα€…ြα€”္းေα€€်ာ္ေα€”α€œα€Š္း α€’ီထဆင့္α€™ွာ α€€ိα€…α₯α€™α€›ွိ
ေα€žးα€˜ူး။





ထဆင့္ [၄]
ေα€›ာင္ျပန္α€Ÿα€•္ပံုα€›ိပ္α€›ဲα‚• Layer α€€ို ေα€›ြးထားတာ ေα€žα€်ာေα€…ျပီး
ေα€”ာα€€္ Filter > Distort > Spherize α€žိုα‚” α€žြားပါ။ α€™်α€€္ဝန္း
iris α€€ α€œံုးဝၾကီး α€™α€œံုးဝန္းတာ α€žα€ိျပဳပါ။ α€žα€„့္ထေα€”α€”ဲα‚” setting
တန္α€–ိုးα€€ို ထဆင္ေျပေထာင္α€€α€…ားαΎα€€α€Š့္α€–ိုα‚”α€œိုα€™α€š္။ (α€€ြ်α€”္ေတာ္
α€€ေတာ့ αˆα„ α€›ာခိုင္ႏႈα€”္း α€žံုးထားα€α€š္။)



ထဆင့္ [၅]
ပံုα€€ α€”α€Š္းα€”α€Š္းပိုၾကီးα€œာα€α€š္ဆိုရင္ Move Tool α€žံုးျပီး
ေα€”α€›ာေα€›ႊα‚•။ Ctrl + T α€”ဲα‚” ထရြα€š္ျပင္α€…α€₯္ ထခ်ိဳးထစားα€Šီေထာင္
Shift α€€ို ႏွိပ္ျပီး ခ်ံဳ႕ပါ။

ထဆင့္ [၆]
D α€€ို ႏွိပ္ျပီး background, foreground color α€€ို default
ထျα€–ဴα€”ဲα‚” α€‘α€™α€Š္းျα€–α€…္ေထာင္ α€œုပ္ပါ။ Layer Mask Button
α€€ို α€€α€œα€…္ႏွိပ္ပါ။ ခု soft brush α€”ဲα‚” α€™α€œိုခ်င္တဲ့ ထပိုင္းေတြ၊
α€…ြα€”္းထြα€€္ေနတဲ့ထပိုင္းေတြ α€œိုα€€္α€–်α€€္ပါ။ α€™ွားα€žြားျပီး ျပန္ေα€–ာ္ခ်င္
ရင္ X α€€ို ႏွိပ္၊ ထျα€–ဴေα€›ာင္α€”ဲα‚” ျပန္ျα€α€š္ပါ။



ထဆင့္ [၇]
ေα€›ာင္ျပန္α€Ÿα€•္ Layer α€›ဲα‚• blending mode α€€ို ့hard light
α€žိုα‚” ေျပာင္း၊ opacity α€€ို α€€α€…ားပါ။



ထဆင့္ [၈]
α€’ီထေျခခံα€–α€›ိα€™္α€€ေα€”ျပီး reflection layer α€›ဲα‚• ပံုα€›ိပ္α€™ွာ α€€ိုα€š့္ပံု
ထေနထထားα€‘α€œိုα€€္ ထျခား photoshop α€”α€Š္းα€œα€™္းေတြ α€žံုးျပီး
ထမ်ိဳးα€™်ိဳး α€…α€™္းα€žα€•္ α€œုပ္ေဆာင္αΎα€€α€Š့္ေပါ့။



ref: computer journal

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Web Hosting Coupons