α‘αα့္(α)
αααα¦းαံုး αα½ြα္ေαာ္αိုα 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 αြားαΏαီးေαာ့ α ာα်ိα္းαိုα္αα္ ααါαΏαီ။