WELCOME

13 November 2011

Photoshop ျဖင့္ ဆိုဒ္ေခါင္းစီးပံုဖန္တီးျခင္း


Aug 28, '11 8:04 AM
for everyone
က်ေနာ့္ရဲ႕ ဒီဆိုဒ္ေလးမွာ မာတီနဲ႔ပတ္သက္တဲ့ အျပင္အဆင္ ( HTML အေၾကာင္း ) က်ေနာ္သိသေလာက္ေလး ေ၀မွ်ေနခဲ့ပါတယ္။ သိပ္ၿပီးႀကီးက်ယ္လွတာေတြ မဟုတ္ေပမယ့္လို႔ မာတီေရာက္ခါစသူေတြအဖို႔ အေထာက္အပံ့ေလးတစ္ခုခု ရသြားရင္.... ဆိုတဲ့အေတြးနဲ႔ ေရးျဖစ္ေနတာပါ။

ေနာက္ ... က်ေနာ့္ကို မာတီအျပင္အဆင္နဲ႔ပတ္သက္လို႔ ေမးလာၾကတဲ့အထဲမွာ ေခါင္းစီးပံု (Banner) ဘယ္လိုေရးသလဲဆိုတဲ့ ေမးခြန္းကို ခဏခဏႀကံဳခဲ့ရပါတယ္။ ႀကံဳလာတိုင္းလည္း ေျပာျပဖို႔အေတာ္ခက္ရပါတယ္။ အေၾကာင္းကေတာ့ အဲဒီပံုေတြကို Photoshop နဲ႔ပဲ ဖန္တီးေလ့ရွိတာမို႔ပါ။ ဒါေၾကာင့္ Photoshop အေျခခံမရွိသူမ်ားကို ေျပာျပဖို႔ က်ေနာ္မတတ္ႏိုင္ခဲ့ပါဘူး။

ဒါေၾကာင့္ .. အခု မာတီအျပင္ေတြထဲက Photoshop သံုးၿပီးျပင္ဆင္ရမယ့္ အပိုင္းေတြကိုရွင္းႏိုင္ဖို႔အတြက္ Photoshop နဲ႔ဆိုင္တာေလးေတြကို က်ေနာ္တတ္သေလာက္ေလး ေရးပါေတာ့မယ္။

က်ေနာ္ေရးတဲ့အခါ Adobe photoshop CS3 ကို အေျခခံၿပီးေရးပါ့မယ္။ တကယ့္ဒီဇုိင္နာေတြလို Photoshop နည္းပညာအေၾကာင္းေရးမွာမဟုတ္ပဲ (အဲဒီေလာက္အထိလည္းမေရးႏိုင္ပါ) အေျခခံသာသာေလာက္၊ မာတီမွာအသံုးျပဳဖို႔ေလာက္ကိုပဲ က်ေနာ္ေရးမွာပါ။

_______________________________________________________________


အခုက်ေနာ္ေျပာျပမယ့္ အေၾကာင္းကေတာ့ က်ေနာ္တို႔ မာတီမွာ Banner ပံုတစ္ခုကို PS ျဖင့္ ဖန္တီးျခင္းပါပဲ။ ေပါ့ေေပါ့ပါးပါးေလးက စပါမယ္ခင္ဗ်ာ...။

က်ေနာ္တို႔ရလာမယ့္ ေနာက္ဆံုးရလာဒ္ပံုကေတာ့ ေအာက္မွာျပထားသလိုေလးေပါ့ဗ်ာ။



ဒီလိုပံုရလာဖို႔အတြက္ တစ္ဆင့္ခ်င္းစၿပီးဖန္တီးၾကပါမယ္။ ကဲ .. က်ေနာ္နဲ႔အတူလိုက္ၿပီးလုပ္လိုက္ၾကရေအာင္ဗ်ာ ... ေနာ္။

ပထမဆံုး adobe photoshop CS3 program ကိုဖြင့္ပါမယ္။ ဖြင့္ၿပီးသြားရင္ က်ေနာ္တို႔ ဖန္တီးမယ့္ပံုအတြက္ ပံုဆိုဒ္ကို စတင္ျပင္ဆင္ပါမယ္။ File > New ကိုဖြင့္ပါမယ္။




အဲဒီလိုဖြင့္လိုက္တဲ့အခါ ဖိုင္အသစ္ဖြင့္မယ့္ Dialog Box က်လာပါမယ္။




က်လာတဲ့ Dialog Box ထဲမွာ Width 800, High 400, Resolution 300, Color Mode ကို RGB Color မွာ ထားလိုက္ပါမယ္ခင္ဗ်ာ။ ေနာက္ၿပီး က်ေနာ္အ၀ါေရာင္နဲ႔ ျပထားတဲ့ေနရာမွာလည္း pixels ပဲ ျဖစ္ရပါမယ္။ အားလံုးျပည့္စံုၿပီဆိုရင္ေတာ့ OK ကိုႏွိပ္လိုက္ပါမယ္။ ဒါဆိုရင္ က်ေနာ္တို႔ ဖန္တီးမဲ့ပံုအတြက္ ေနရာလြတ္တစ္ခုရလာပါၿပီ။

ဒီ့ေနာက္မွာေတာ့ က်ေနာ္ဒီပံုမွာသံုးမယ့္ ပုဂံဘုရားပံုကို ဖြင့္ယူလိုက္ပါတယ္။ ဒီလိုေလးေပါ့ဗ်ာ ... File >> Open သို႔မဟုတ္ Ctrl + O  နဲ႔ေပါ့။ ဒီပံုက နဂိုကတည္းက က်ေနာ့္ကြန္ပ်ဴတာရဲ႕ Desktop မွာရွိေနတာေလ။ ကဲ လိုခ်င္တဲ့ပံုက Photoshop ထဲကို ေရာက္လာပါၿပီ။ ဒီအခါမွာ က်ေနာ္တို႔ ပထမဖြင့္ခဲ့တဲ့ ေနရာလြတ္အျဖဴနဲ႔ အခုဖြင့္လိုက္တဲ့ပံု ကိုသီးျခားစီေတြ႕ေနရပါမယ္။ တကယ္လို႔ သီးျခးစီေတြ႕မေနခဲ႔ရင္ တစ္ခုက အျခားတစ္ခုကို ကြယ္ေနလို႔ပါ။ ပံုမွာ ျပထားတဲ့ေနရာေလးကို ႏွိပ္လိုက္ရံုေပါ့။ ဒါဆိုရင္ တစ္ခုစီျမင္ရၿပီေပါ့။







ၿပီးရင္ က်ေနာ္တို႔ဖြင့္ယူခဲ့တဲ့ပံုရွိတဲ့ Layer ကို Active ျဖစ္ေအာင္လုပ္ပါမယ္။ ဒီလိုေလးပါ... ညာဖက္ေဘးကို ၾကည့္လိုက္တဲ့အခါ Layer panel ကိုေတြ႕ရပါမယ္။ Layer 1 နဲ႔ Background ဆိုၿပီးႏွစ္ခုေတြ႕ရပါမယ္။ Layer 1 ေပၚကိုတည့္တည့္ႏွိပ္လိုက္တဲ့အခါ အဲဒီ Layer ကအျပာေရာင္ေလးျဖစ္သြားမွာပါ။ အဲဒါကို Layer Active ျဖစ္တယ္လို႔ေခၚပါတယ္။



Layer 1 ... Active ျဖစ္ၿပီးသြားရင္ က်ေနာ္တို႔သူ႕ကိုေရႊ႕ယူဖို႔ Move tool ကိုယူပါမယ္။ သို႔မဟုတ္ ကီးဘုတ္ေပၚက V ကိုႏွိပ္လိုက္ပါမယ္။ ေရႊ႕ယူလို႔ရပါၿပီ။ ပံုေပၚကိုတည့္တည့္ႏွိပ္ၿပီး စာရြက္လြတ္ထဲ ဖိဆြဲထည့္လိုက္ပါ။ အခုလိုေလးေတြ႕ရၿပီေပါ့။







အဲဒီေနာက္ ...ပံုရွိရွိရာ Layer 1 က Active ျဖစ္ေနတုန္းမွာပဲ ကီးဘုတ္ေပၚက Ctrl + T ကိုႏွိပ္ပါမယ္။ ဒီအခါမွာ ပံုရဲ႕အနားပတ္ပတ္လည္မွာ guide line ေလးေပၚလာတာကိုေတြ႕ရပါမယ္။ ေပၚလာတဲ့ guide lind ေလးေပၚမွာ ေမာက္စ္ကိုတင္ၿပီး မွ်ားျပထားတဲ့လမ္းေၾကာင္းအတိုင္းဆြဲခ်ဲ႕လိုက္ပါမယ္ခင္ဗ်ာ။ ေအာက္ကအျဖဴသားအလႊာနဲ႔ အံက်ေလးေပါ့။ စိတ္တိုင္းက်ၿပီဆိုရင္ Enter ေခါက္လုိက္ပါေတာ့။




ဒီလိုေလးျဖစ္သြားပါၿပီ။




ပံုတစ္ပံုေတာ့ၿပီးသြားပါၿပီ။ ထပ္ၿပီးေတာ့ က်ေနာ္တို႔ရဲ႕ ဆိုဒ္အမည္ကို ပံုေပၚမွာတင္ေရးပါဦးမယ္ခင္ဗ်ာ။ ဒီအတြက္ Type Tool ကို ႏွိပ္ပါမယ္။







ၿပီးရင္စာရိုက္ဖို႔အတြက္ Font Name, Font size, Font color ေရြးပါမယ္။ အားလံုးစိတ္ႀကိဳက္ေရြးၿပီးသြားၿပီဆိုရင္ေတာ့ ပံုရဲ႕ဘယ္ေနရာမွာမဆို ကလစ္ႏွိပ္ၿပီး စာေရးႏိုင္ပါၿပီ။ စာရိုက္ၿပီးတာနဲ႔ Move tool ကိုျပန္ယူၿပီး၊ သို႔မဟုတ္ ကီးဘုတ္ထဲက V ကိုႏွိပ္ၿပီး ရိုက္ထားခဲ့တဲ့စာကို လိုအပ္တဲ့ေနရာ ဆြဲေရႊ႕ႏိုင္ပါၿပီ။ နမူနာအေနနဲ႔ ပံုေပၚမွာ ``ျမန္မာ့ေျမ´´ ဆိုတဲ့စာကိုရိုက္ၿပီး ေနရာခ်ျပထားပါတယ္။


ဒီအဆင့္ကေတာ့ ပံုေပၚမွာ စာပါသြားရံု အဆင့္ေပါ့ခင္ဗ်ာ။ ထပ္ၿပီး နည္းနည္းေလးၾကည့္ေကာင္းေအာင္ ျပင္ဆင္ၾကည့္ပါဦးမယ္။ စာရိုက္ထားတဲ့ Layer ကို Active ျဖစ္ေအာင္ႏွိပ္လိုက္ပါ။ ၿပီးရင္Layer ရဲ႕ အျပာေရာင္ထဲကို ႏွစ္ခ်က္ႏွိပ္လိုက္ပါ။ Layer style dialog box က်လာပါမယ္။ အဲဒီထဲက တစ္ခုေလာက္ကိုယူၿပီး စာလံုးကို ျပင္ဆင္ၾကည့္ၾကရေအာင္။



က်ေနာ္က အေပၚပံုမွာျပထားတဲ့အတိုင္း Stroke ကိုႏွိပ္လိုက္ပါတယ္။ ၿပီးရင္ Structure အကြက္ထဲမွာ Size ကို 3, color ကို အ၀ါေရာင္ေလးေရြးလိုက္ပါတယ္။ ေနာက္... OK ကိုႏွိပ္လိုက္ပါတယ္။ အခုအခါမွာ အေပၚဆံုးကပံုမွာျမင္ခဲ့ရတဲ့အတိုင္း က်ေနာ္တို႔ရဲ႕ မာတီမွာသံုးဖို႔ Banner တစ္ခုကို ဖန္တီးၿပီးပါၿပီ။

ဖန္တီးၿပီးတဲ့ပံုကို သိမ္းယူထားလိုက္ၾကရေအာင္။ ဒီလိုေလးဗ်ာ ... File >> Save as >> ကိုႏွိပ္လိုက္ပါ။ Box တစ္ခုက်လာပါမယ္။ က်လာတဲ့ Boxထဲမွာ File name ကမိမိႏွစ္သက္ရာနာမည္ေပး(က်ေနာ္ကေတာ့ My Banner လို႔ေပးလိုက္ပါတယ္)  Format မွာ JPEG ကိုေရြးၿပီး Desktop ေပၚမွာပဲ Save ႏွိပ္ၿပီးသိမ္းလိုက္ပါတယ္။


အခုဆိုရင္ က်ေနာ္တို႔ဟာ မိမိကိုယ္တုိင္ဖန္တီးထားတဲ့ပံုနဲ႔ မာတီရဲ႕ ဆိုဒ္ေခါင္းစီးကို တပ္လို႔ရေနပါၿပီ။ ဒီေနာက္ပိုင္းကေတာ့ CSS အပိုင္းျဖစ္လာပါၿပီ။ မာတီစာမ်က္ႏွာေပၚ ဘယ္လိုေရာက္ေအာင္တပ္မလဲဆိုတာကို က်ေနာ္ထပ္ေရးပါ့မယ္။

_____________________________________________________

ဘာရယ္ေတာ့မဟုတ္ဘူးေပါ့ဗ်ာ။ သိထားသေလာက္ေလးကို ျပန္ၿပီးမွ််ေ၀ရံုေလးပါ။ အဆင္မေျပတာတစ္ခုခုရွိခဲ့ရင္လည္း က်ေနာ့္အားနည္းခ်က္ပါ။



အားလံုးအဆင္ေျပခ်မ္းေျမ႕ၾကပါေစ
ကိုၾကည္ႏိုင္

No comments:

Post a Comment