Phoe Chan'Blog http://www.phoechan.com/blog Knowledge must be free and share Sun, 11 Jul 2010 10:21:47 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 ေန႕စဥ္ပြားသမွ် အမွတ္တရမ်ား (၂) http://www.phoechan.com/blog/2010/07/11/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b/ http://www.phoechan.com/blog/2010/07/11/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b/#comments Sun, 11 Jul 2010 10:17:26 +0000 Phoe Chan http://www.phoechan.com/blog/?p=233 ဒီေန႕ေတာ႕ ရံုးမွာ ေတာ္ေတာ္ပြားျဖစ္တယ္ ဇတ္လမ္းအစကေတာ႕ ဖုန္းနဲ႔စတာ iPhone 4 ေပါ႔ေလ ဝယ္မယ္မဝယ္ဘူးကေနစတာ တရုတ္ႀကီးက ျမန္မာျပည္မွာေရာ ဖုန္းကို plan ေတြနဲ႔ေရာင္းတာလားစေမးတယ္ အင္းဘယ္လိုေျပာရပါ႔ မရိွဘူးေပါ႔ ငါတို႕စီမွာ SIM Card ဝယ္ရတာ ခတ္တယ္လို႕
လိုခ်င္တိုင္းလည္းမရဘူး ပိုက္ဆံရိွလို႕လိုခ်င္ရင္ေတ

ာင္ 1လေလာက္ၾကာတယ္လို႕ ေျပာေတာ႕ ေတာ္ေတာ္အံၾသသြားတယ္ သူကေျပာတယ္ SIM card ကေရာတဲ႔ ေစ်းကဘယ္ေလာက္လည္း တဲ႔ SIM card ေစ်း မေျပာခင္သူ႕ကုိေတာ႕ ခန္႔မွန္းခိုင္းေသးတယ္ ဘယ္ေလာက္ ထင္လည္းဆိုေတာ႕ေျပာပါတယ္ စလံုး20 ပတ္ဝန္းက်င္တဲ႕ေလ သူေျပာတာလည္းမလြန္ပါဘူး လြန္တာက ကိုယ္႕ႏိုင္ငံက ဘယ္ႏွယ္႕ဗ်ာ SIM Card ေလးကိုေတာင္ စလံုး 2100ေလာက္ ေပးရတာလို႔ပဲ SIM Card ေစ်းလည္းေျပာလိုက္ေရာ မ်က္လံုးပါျပဴးၿပီး ဘုရားေပါင္းစံုတေတာ႕တာပဲ “အိုး အလမား အိုးမိုင္ေဂါ႕ဒ္ ရွားလား 2100 ေလာက္ ေဟာ္လာေဝး 2100″ ဟီး . . . အဲဒါကၽြန္ေတာ္မွတ္မိသေလာက္ သူ႕ရြတ္သြားတာေတြ က်န္ေသးတယ္ မမွတ္မိေတာ႕ဘူး ငါတို႕ႏိုင္ငံမွာ လူတိုင္းမကိုင္ႏိုင္ဘူး လူလတ္တန္းစားနဲ႔ခ်မ္းသာသူေတြပဲကိုင္တာဆိုေတာ႕ သူလည္းမၾကားဘူးတာၾကားလိုက္ရၿပီး ဗဟုသုတရ သြားတဲ႔မ်က္ႏွာေပးေလးနဲ႔ ေပကပ္ေပကလပ္နဲ႔ ေပါ႔။

အဲဒါက တရုတ္ႀကီးနဲ႔ ေျပာေနတာ ၿပီးေတာ႕ အိုင္တီ department သြားၿပီး ပြားျပန္ပါတယ္။ အစကတည္းကႀကိဳေျပာထားတယ္ေနာ္ “စကားအလြန္မ်ားေသာတနင္းလာသားကၽြန္ေတာ္ဆိုတာ” / သြားတာကေတာ႕ အလုပ္အရသြားတာပါ ဟိုမွာကျမန္မာျပည္က အိမ္နီးနာခ်င္း ကိုမန္က်ီးသီးေတြ (ကုလားမ်ား) ဒီဌာန တစ္ခုလံုးမွာ ကုလားေတြခ်ီပဲ ရိွတာ စကားလည္းအလြန္မ်ားလို႕ ေကာင္းတယ္၊ သူေဌးအခန္းနဲ႔ေဝးေနလို႕ေလ။ သူတို႕ကိုလည္း ဟိုေကာင္လို အံၾသသြားေအာင္ ေျပာမျပခင္ဒီေကာင္ေတြကုိလည္း ခန္႕မွန္းခိုင္းေသးတယ္
ဘယ္ေလာက္ထင္လည္းဆိုေတာ႕ ေျပာရွာပါတယ္ စလံုး16က်ပ္ေလာက္ေပါ႔တဲ႔ ဒါမွမဟုတ္ရင္ 12က်ပ္ေလာက္တဲ႔ေလ ဟဲဟဲ ဒီတစ္ခါလည္း အကြက္ဝင္ သြားတယ္ ဒီေကာင္ေတြအံၾသသြားေအာင္လုပ္လို႕ရၿပီေလ သိတယ္မလား ခဏခဏ သူတို႕ကို ျမန္မာျပည္က အေၾကာင္းေတြေျပာၿပီး Surprise ေတြလုပ္ေနတာ၊ ဒီတစခါလည္း ေအာင္ျမင္သြားတယ္ သူတို႕လည္း တရုတ္ႀကီးလိုပဲ ဘုရားေပါင္းစံုတၿပီး အံၾသတစ္ႀကီးေပါ႔ေလ။

အဲဒါက ကုလားႀကီးနဲ႔ေျပာတာ အခုကိုယ္႕အလွည္႕ သူကေျပာပါတယ္ ငါတို႕စီမွာ SIM Card ဘယ္ေလာက္လည္းေစ်းေပးရမယ္လို႕ထင္လည္းဆိုေတာ႕ ကၽြန္ေတာလည္း ေခသူမွမဟုတ္တာ ဒီက SIM Card ေစ်းကို ကုလားေစ်းနဲ႔ 36 က်ပ္ေလာက္နဲ႕ေျမာက္လိုက္တယ္ ကုလားေစ်း 700 ေလာက္ေတာ႕ရိွမွာေပါ႔လို႕မင္းတို႕ေငြနဲ႔ဆိုရင္လို႕ သူကေျပာပါေသးတယ္ နည္းနည္း ေလွ်ၽာ႕ၾကည္႕တဲ႔ကၽြန္ေတာ္လည္း ေသာက္ျမင္ကပ္ကပ္နဲ႔စလံုးေစ်း 10 (ကုလား 300) ေလာက္ေတာ႕ရိွမွာေပါ႔ဆိုေတာ႕ မဟုတ္ဘူးတဲ႔ ငါတို႕စီမွာ စလံုးေငြ ျပား30 (Singapore 30 cent) နဲ႔ SIM Card ဆိုတာဝယ္လို႕ရတယ္တဲ႔ ကၽြန္ေတာ္႕မွာသူတို႕ကို Surprise လုပ္ခဲ႔သမွ် ဒီတစ္ခါ ကၽြန္ေတာ္႕ တရုတ္ႀကီး လိုပဲျဖစ္သြားတယ္ မၾကားဘူးတာၾကားလိုက္ရၿပီး ဗဟုသုတရ သြားတဲ႔မ်က္ႏွာေပးေလးနဲ႔ ေပကပ္ေပကလပ္နဲ႔ ေပါ႔။

ဒါေတာင္ေျပာလိုက္ေသးတယ္ အဲဒါကိုေစ်းႀကီးလို႕ဆိုၿပီ ပြား (duplicate) လုပ္ၿပီးသံုးေသးတယ္ဆိုပဲ။ မွတ္သားေလာက္ပါေပတယ္ မန္က်ီးသီးတုိင္းျပည္ရယ္။

PS. ေျပာေသးတယ္ သူေတာင္စားေတြက လည္းဖုန္းကိုယ္စီရိွသတဲ႕ မြန္ဘိုင္းကသူေတာင္းစားေတြကဆိုရင္ ထမင္းဟင္း နဲ႔တစ္က်ပ္စိ ကုိလက္မခံဘူးတဲ႔ ဗ် အံေရာ အံေရာ လိုေျပာရမလိုပဲ။

ျမန္မာျပည္မွာေနတ႔ဲသူေတြ လည္းေနာင္မၾကာ ေသာကာလမွာ လူတိုင္း mobile phone ေလးကိုယ္စီကိုင္ႏိုင္က်ပါေစလို႕ဆုေတာင္းရင္း ;)

ဖိုးခ်မ္း / 8.7.2010

]]> http://www.phoechan.com/blog/2010/07/11/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b/feed/ 0 ေန႕စဥ္ပြားသမွ် အမွတ္တရမ်ား (၁) http://www.phoechan.com/blog/2010/07/11/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba-%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b%e1%80%99/ http://www.phoechan.com/blog/2010/07/11/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba-%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b%e1%80%99/#comments Sun, 11 Jul 2010 09:45:34 +0000 Phoe Chan http://www.phoechan.com/blog/?p=229 တရုတ္ကုလားျမန္မာမ်ား စုမိေသာအခါမၾကားဘူးတာမ်ားၾကားခဲ႔ရေပသည္။

(၁) ေတာင္ပိုင္းအင္ဒီးယား (ေတာင္ပိုင္းကုလား or တလ္ေမး) လူမ်ဳိးမ်ားသည္ မိန္မပ်ဳိမ်ား ပထမဆံုး ေသြးေပၚခ်ိန္ကို အခမ္းအနားလုပ္ၿပီး ေသြးေပၚတဲ႔ မိန္းကေလးကို လက္ေဆာင္မ်ားေပးေလ႕ရိွေၾကာင္း

(၂) တရုတ္လူမ်ဳိးအခ်ိဳ႕ ကိုးကြယ္က်ေသာ ကြမ္ရင္မယ္ေတာ္မွာ အမ်ိဳးသား (ေယာက္က်ား) ႀကီးျဖစ္ေၾကာင္း အံၾသစြာ သိလိုက္ရသည္။

(၃) ျမန္မာျပည္မွာ မီးအလြန္ပ်က္ေသာ ရက္ေတြအရမ္းမ်ားတဲ႔ အေၾကာင္းကို ရံုးတြင္ေဖာက္သည္ခ်မိရာမွ ရံုးမွ မန္ေနဂ်ာႀကီးမွ အီသို႕ေျပာေပသည္။
ျမန္မာေတြသည္ Chinese ေတြကို တရုတ္ လို႔ေခၚသလို တရုတ္လူမ်ိဳးမ်ားသည္လည္း
ျမန္မာေတြကို (မ်င္ရ္ တန္႔လ္) လို႕ေခၚေၾကာင္း ထို အဓိပၸါယ္မွာ တရုတ္လို “မ်င္ရ္”ဆုိသည္မွာ “မရွိ” ဟုအဓိပၸါယ္
ရၿပီ “တန္႔လ္” ဆိုသည္မွာ “လွ်စ္စစ္မီး” ဟု ေခၚေပသီ
ဒါေၾကာင္႕ မင္းတို႕ စီမွာ လွ်ပ္စစ္မီးမရိွတာ အံၾသစရာ မရိွဘူးတဲ႔ မွတ္သားေလာက္ပါေပတယ္။

]]> http://www.phoechan.com/blog/2010/07/11/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba-%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b%e1%80%99/feed/ 0 Color Psychology http://www.phoechan.com/blog/2009/03/17/color-psychology/ http://www.phoechan.com/blog/2009/03/17/color-psychology/#comments Wed, 18 Mar 2009 02:49:22 +0000 Phoe Chan http://www.phoechan.com/blog/?p=119

color-psychology

ခင္ဗ်ားက Web Designer ျဖစ္ျဖစ္ Graphic Designer ျဖစ္ျဖစ္ Professional လိုင္းကိုသြားမယ္ဆိုရင္ Color ေတြအေၾကာင္း နားလည္ထားမွ ပိုေကာင္းပါမယ္။ ၿပီးခဲ႔တဲ႔ post မွာ Color Theory အေၾကာင္းေျပာထားေတာ႔ Color အေၾကာင္း ကိုနည္းနည္းေတာ႔ တီးမိေခါက္မိေတာ႔ရိွမွာပါ၊ ဒီတစ္ခါေတာ႔ Color Psychology အေၾကာင္းေျပာမယ္ေလ။

History of Color Psychology
Johann Wolfgang Goethe ဆိုသူကေတာ႔ လုူေတြရဲ႕စိတ္ နဲ႔ Color ဆက္ႏြယ္ေနမႈကို စတင္ေတြ႕ရိွသူျဖစ္ပါတယ္။ သူ႕ရဲ႕ Theory of Colors စာအုပ္မွာေတြျမင္ႏိုင္ပါတယ္။ 1947 ခုႏွစ္မွာေတာ႕ Max Luscher က Johann Wolfgang Goethe ရဲ႕ Theory ကိုအေျခခံၿပီးေတာ့ေနာက္တစ္ဆင္႔တက္ခဲ႔ပါတယ္။ Max Luscher ကေတာ႔ Color ေတြကို psychiatrists ၊ psychologists ၊ physicians စတဲ႔ပညာရွင္ေတြနဲ႔ စမ္းသပ္ခဲ႔ပါတယ္။ စမ္းသပ္မႈေတြမွာေတာ႔ အေရာင္ေတြနဲ႔ပတ္သတ္ၿပီး သိစိတ္၊ မသိစိတ္ ေတြနဲ႔ စရိုက္လကၡဏာေတြ၊ ဉာဥ္ နဲ႔ အျခားေသာ ေျမာက္ျမားစြာေသာစမ္းသပ္မႈေတြကိုျပဳလုပ္ႏိုင္ခဲ႔ပါတယ္။ Max Luscher စမ္းသပ္မႈကိုႀကီးၾကပ္ႏိုင္ခဲ႔တယ္ဆိုေပမယ္႔ အဲဒီ စမ္းသပ္မႈက အရမ္းနက္နဲတဲ႔ စိတ္ပညာ(psychological test) စမ္းသပ္မႈျဖစ္တာေၾကာင္႔ လူတစ္ေယာက္ရဲ႕ျခင္းရဲ႕ပင္ကိုယ္ စရိုက္လကၡဏာေတြအေပၚမႈတည္ၿပီး သတ္မွတ္ခ်က္ေတြ အေျမာက္အျမားထြက္ေပၚႏိုင္တယ္ဆိုတာ သိခဲ႔ရတယ္။

Color Psychology
အေရာင္ေတြက ကၽြန္ေတာ္တို႔ေတြရဲ႕ စိတ္ခံစားခ်က္နဲ႔ လႈပ္ရွားျခင္း ေတြအေပၚမွာ အက်ဳိးသက္ေရာက္မႈရိွပါတယ္ဆိုတာ မွန္သင္႔သေလာက္ မွန္ပါတယ္။ ခင္ဗ်ားဟာ ကမၻာႀကီးရဲ႕ ဘယ္နားမွာေနေန ခင္ဗ်ားတို႔ ကၽြန္ေတာ္တို႕ေနထိုင္တဲ႔ေနရာေဒသရဲ႕ ယဥ္ေက်းမႈကိုလိုက္ၿပီး အေရာင္ေတြရဲ႕ အဓိပၸါယ္က ေျပာင္းလဲတက္ပါတယ္။ ဒီေန႔ေခတ္မွာ Psychiatrists ပညာရွင္ေတြက Colors က လူေတြရဲ႕စိတ္ကိုေျပာင္းလဲႏိုင္တယ္လို႔ အတိအက် ေဖာ္ထုတ္ထားေသာ္လည္း၊ ကၽြန္ေတာ္တို႔ သူငယ္တန္းေလာက္မွာ ကတည္းက သင္ခဲ႔ရတာ အနီေရာင္ဟာ ရဲရင္႔ျခင္း၊ အျပာေရာင္ဟာ ၿငိမ္းခ်မ္းျခင္း ဆိုၿပီး သိလာရတာ၊ ဒါေၾကာင္႔ အနီျမင္ရင္ သတၱိေတြရိွခ်င္ရင္ရိွလာလိမ္႔မယ္၊ အျပာေရာင္ျမင္ရင္ အလိုလို ၿငိမ္းခ်မ္းျခင္ ရင္ၿငိမ္းခ်မ္းလာလိမ္႔မယ္၊ ဒါေပမယ္႔ အဲဒါေတြက တကယ္႕အေရာင္ရဲ႕ အဓိပၸါယ္ေတြ မဟုတ္ဘူး၊ အဲဒါေတြက သတ္မွတ္ခ်က္ေတြပဲ။ ေနာက္ဆံုးဗ်ာ ကမၻာေပၚမွာ ႏိုင္ငံတစ္ခုတည္းက်န္ရစ္ခဲ႔ေတာင္ အေရာင္ေတြရဲ႕ အဓိပၸါယ္နဲ႔ သတ္မွတ္ခ်က္ေတြက အခ်ိန္နဲ႔အမွ် လိုက္ေျပာင္းလဲေနဦးမွာပဲ။ ဆိုလိုတာကေတာ႕ အနီေရာင္ကို ရဲရင့္ျခင္းဟု ဒီႏွစ္ဒီအခ်ိန္မွာ သတ္မွတ္ေပမယ္႔ ေနာင္ ႏွစ္ႏွစ္ရာေလာက္က်ရင္ေတာ႔ အနီေရာင္က သူရဲေဘာေၾကာင္ျခင္းျဖစ္ ရင္ျဖစ္သြားမယ္လို႕ေျပာခ်င္တာပါ။ ဒီလိုဆိုရင္ အခုခင္ဗ်ားတို႔ သတ္မွတ္ထားတဲ႔ အေရာင္ရဲ႕အဓိပၸါယ္ေတြနဲ႔ ပတ္သတ္ၿပီးျဖစ္ေပၚလာတဲ႔ စိတ္ခံစားမႈေတြက အခ်ိန္ နဲ႔ ေနရာေဒသကိုလိုက္ၿပီး ေျပာင္းလဲႏိုင္တယ္လို႔ေျပာခ်င္တာပါ။

ဘာေၾကာင္႔ ဒီဆန္းစစ္ေဝဖန္ခ်က္ကအေရးႀကီးတာလဲ? ဒါကေတာ့အရမ္းရိုးရွင္းပါတယ္။ ခင္ဗ်ားက web site တစ္ခုကိုဆြဲေတာ႔မယ္ဆိုရင္ လက္ေတြ႔ ဘဝ နဲ႔ သဘာဝအေရာင္ေတြကိုေပါင္းစပ္ၿပီးဆြဲသင္႔တယ္။ေျပာခ်င္တာက အရင္ေခတ္အခါက အနက္ေရာင္ T-Shirt နဲ႔ Shirt ေတြကို ဝတ္ဆင္ေလ႔မရိွက်ဘူး၊ ဘာလို႔လဲဆိုေတာ႔ အနက္ေရာင္က မရဏအေရာင္၊ လာဘ္တိတ္တဲ႔ အေရာင္ဆိုၿပီးမဝတ္က်တာပါ။ ဒါေပမယ္႔ ဒီေန႔ေခတ္လူငယ္ေတြ(Emo, Punk, Rock and Alternative) ၾကားမွာ ေတာ႔အနက္ေရာင္ကို Popular အေရာင္အျဖစ္ဝတ္စားဆင္ယင္ေနက်တဲ႔ ေခတ္မွာ ခင္ဗ်ားမွာ ဟိုအရင္ အယူအစအေဟာင္းႀကီးေတြကိုလက္ကိုင္ထားၿပီး၊ အနက္ေရာင္ web site ဆြဲရင္ဘာျဖစ္တယ္၊ အနက္ေရာင္ T-Shirt ေတြဝတ္ရင္ ဘာျဖစ္တယ္ဆိုတာႀကီးကေတာ႔ ေအာက္ေနၿပီလို႔ေျပာခ်င္တယ္။ အရင္တုန္းက Microsoft Window Xp မွာဆိုရင္ Color Theory ေတြသံုးၿပီးတည္ေဆာက္ထားတယ္ ဆိုတာ Color Theory နားလည္တဲ႔ သူတိုင္း ျငင္းႏိုင္မွာမဟုတ္ပါဘူး။ Window XP မွာအေျပာေရာင္နဲ႔ အျဖဴေရာင္ကို Base ထိုင္ၿပီးေတာ႔ ဆြဲလာခဲ႔တယ္။ အခု Window Vista နဲ႔ Window 7 ေတြမွာ Black ကို base ထားၿပီး သံုးဆြဲလာက်ပါၿပီ ဒါက ေခတ္ေျပာင္းလာတာကိုရည္ညြန္းေနတာပါ။ Black ကိုေတာင္Royal Blackလို႔ေခၚၿပီး၊ Classic Black ျဖစ္ေအာင္လုပ္လာက်တာပါ။ ကဲဒါဆိုရင္ ခင္ဗ်ားကေရာ အနက္ေရာင္ကိုဘယ္လိုယူစေနဦးမွာလည္း ?

ေနာက္တစ္ခုက web site ေတြဆြဲတဲ႔ အခါက်ရင္ သဘာဝတရာမွာရွားရွားပါးပါးေတြ႔ရတဲ႔ အေရာင္ေတြကိုသံုးေစခ်င္တယ္။ ဥပမာ Gold Shop, Gems and Jewelry Site တစ္ခုကိုဆြဲမယ္ဆိုက်ပါစို႕ ခင္ဗ်ားဆြဲေနက် အျဖဴအျပာေတြ၊ အနီအနက္ေတြကိုေဘးခ်ိတ္ၿပီး၊ လက္ေတြ႕ကမၻာမွာေတြ႔ရခဲတဲ႔ ခရမ္းေရာင္လိုအေရာင္ေတြကိုသံုးကသင့္ပါတယ္။ ခရမ္းေရာင္က အတုအေရာင္သေဘာမ်ိဳးနဲ႔ပဲေတြ႕ရၿပီး Gold Shop, Gems and Jewelry Site မွာသံုးမယ္ဆိုရင္ Jewelry ပစၥည္းေတြကို ထင္ရွားေပၚလြင္ေစပါတယ္။ ဘာလို႔လဲဆိုေတာ႔ ခရမ္းေရာင္က ခန္းနားတင္႔တယ္ျခင္း၊ ေတာ္ဝင္ျဖစ္ျခင္း၊ ခ်မ္းသာၾကြယ္ဝျခင္းတို႕ကို ယေန႔ေခတ္အခါထိ ကိုယ္စားျပဳလို႔ျဖစ္ပါတယ္။ ေနာက္ဆို web site ဆြဲမယ္ဆိုရင္ ကၽြန္ေတာ္႔ကိုလာေမး ကၽြန္ေတာ္ကေတာ႕ ေပါက္တက္ကရေတြပဲေျပာလိုက္မွာပဲ… ဟဲဟဲ… ဒါေပမယ္႔ ကၽြန္ေတာ္ေျပာလိုက္လို႔ Jewelry Site ကိုခရမ္းေရာင္သံုးျဖစ္တယ္ဆိုရင္ေတာ႕ ကၽြန္ေတာ္႔ကို မုန္႔ဝယ္ေကၽြးဖို႕မေမ႔နဲ႔ ဦးေနာ္ :P ။

Colors in Advertising
ကၽြန္ေတာ္အေပၚမွာလည္းေျပာထားၿပီးၿပီ Color Theory For Web Design ဆိုၿပီးေတာ႔လည္း Post တစ္ခုတင္ၿပီးၿပီဆိုေတာ႔ ကိုယ္ဆြဲရမယ္႔ Web Site က ဘယ္အေရာင္က သင္႔ေတာ္တယ္ မသင္႔ေတာ္ဘူးဆိုတာကေတာ႔ေျပာဖို႔မလိုေလာက္ေတာ႔ပါဘူး။ အမွန္ေတာ႔ web site ရဲ႕ မွန္ကန္တဲ႔ အေရာင္ ေရြးခ်ယ္ျခင္းမွာ အရမ္းရိုးရွင္းတဲ႔ စီးမ်ဥ္း စီးကမ္းေတြရိွပါတယ္။ ဒါေပမယ္႔ အေရာင္ေရြးခ်ယ္ခ်င္း အမ်ားစုကေတာ႔ လူတစ္ေယာက္ခ်င္းစီရဲ႕စိတ္ခံစားမႈ အေျခအေနနဲ႔ ပါရမီေပၚမွာမႈတည္ၿပီး ပိုေကာင္းလာေတြရိွတက္သလို၊ ပိုဆိုးသြားတာေတြလည္းရိွတက္ပါတယ္။ ပိုေကာင္းသြားရင္ေတာ႔ အဲဒါကို ေဖါက္ထြက္ခ်င္းလို႔ေခၚဆိုႏိုင္ပါတယ္။ ျဖစ္ႏို္င္ရင္ ေဘာင္အျပင္ကိုေက်ာ္ၿပီး စဥ္းစားေစခ်င္ပါတယ္။
(You Must Think Out Of The Box !)

ခင္ဗ်ားဟာ Online မွာ Products တစ္ခုခုကိုေရာင္းေတာ႕မယ္ဆိုပါစို႔ ဒါဆိုရင္ ပထမဆံုးသိသင္႔တဲ႔အခ်က္ကေတာ႕ online marketing မွာသံုးမယ္႔ အေရာင္ေတြရဲ႕သတ္မွတ္ခ်က္ေတြျဖစ္ပါတယ္။ အနီေရာင္က တစ္ခုခုကို လုပ္ေတာ႔လို႔ ကၽြန္ေတာ္တို႔ စိတ္ကို လံႈေဆာ္ေပးပါတယ္။ အနီေရာင္ကို မီးခိုးေရာင္နဲ႔ တြဲသံုးမယ္ဆိုရင္ခင္ဗ်ားရဲ႕ ျဖစ္ခ်င္ေနတဲ႔ စိတ္ကို အေရာက္ပို႔ေပးပါတယ္။ ေျပာခ်င္တာကေတာ႔ မီးခိုးေရာင္ကို Background သံုးၿပီ အနီေရာင္ကို button အေနနဲ႔ သံုးၿပီး Button ကိုႏို္ပ္ခ်င္စိတ္ေပါက္ေအာင္ လုပ္ေဆာင္ေပးႏိုင္တယ္လို႔ေျပာခ်င္တာပါ။ အျပာေရာင္က တံု႔ျပန္ႏိုင္မႈကို ျမန္ဆန္ေစျခင္း ႏွင္႔ သစၥာရိွျခင္းတို႔ကိုေဖၚေဆာင္ေပးပါတယ္။ online business မွာေတာ႔ အနီေရာင္၊ အျပာေရာင္ေတြ ကို အာမခံတဲ႔ ေၾကာ္ျငာေတြမွာအမ်ားဆံုးျမင္ေတြ႔ႏိုင္ပါတယ္။ခင္ဗ်ားတို႔ေတြ႔ဖူးမွာပါ 30 Days Money back guarantee ! တို႔ဘာတို႔ကိုေျပာတာေပါ႔ဗ်ာ။ အျဖဴေရာင္ကေတာ႔ Professional ျဖစ္တဲ႔ Business Site ေတြမွာျမင္ေတြ႔ႏိုင္ပါတယ္။ ဘာလို႔လဲဆိုေတာ႕ အျဖဴေရာင္က Business လုပ္ငန္းေတြမွာ First Impression ျဖစ္ျခင္းေၾကာင္႔ပါ။ ကၽြန္ေတာ္တို႔ရဲ႕ အခ်စ္ေတာ္ Microsoft Web Site မွာဆိုရင္အနီ၊အျပာ နဲ႔ အျဖဴေရာင္ေတြကိုေဖါေဖါသီသီ ေတြ႔ရမွာပါ။ ဘာလို႔လဲဆိုတာကေတာ႔ ေျပာမေနေတာ႔ပါဘူး၊ စဥ္းစားၾကည္႕ရံုနဲ႔သိႏိုင္ပါတယ္။

About Author

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/2009/03/17/color-psychology/feed/ 4 Color Theory For Web Design http://www.phoechan.com/blog/2009/03/17/color-theory-for-web-dseign/ http://www.phoechan.com/blog/2009/03/17/color-theory-for-web-dseign/#comments Wed, 18 Mar 2009 02:37:09 +0000 Phoe Chan http://www.phoechan.com/blog/?p=113

color-theory-for-web-dseign

ဒီေန႔ ေခတ္အခါအရ ေျပာရရင္ website ဆိုတာ ေစ်းကြက္စီးပြားေရးစနစ္သစ္ တစ္ခုျဖစ္ႏိုင္တယ္လို႔ေျပာခ်င္တယ္။ ၿပီးေတာ႔ global communication လုပ္နိုင္တယ္ဆိုတာဆိုလို႔ website တစ္ခုပဲရွိတယ္။ website တစ္ခုက company ရဲ႕ products ၊ company ရဲ႕ services ေတြကို ကိုယ္စားျပဳပါတယ္။ ေနာက္ၿပီးေတာ႔ company ကို customers ေတြရဲ႕ အထင္ၾကီးမွုကိုလည္း ခံယူႏိုင္ပါတယ္။ ေနာက္ပိုင္းမွာေတာ႔ company ၾကီးေတာ္ေတာ္မ်ားမ်ားဟာ သူတို႔ရဲ႕ company ရဲ႕ အမွတ္တံဆိပ္ logo တစ္ခုရဲ႕အေရာင္ အတြက္ ေငြေတြသန္းေပါင္းမ်ားစြာ အကုန္က်ခံၿပီးေတာ႔ သံုးစြဲေလ႔ရွိပါတယ္။ ဘာလို႔ ဒီေလာက္ေငြပမာဏ သံုးစြဲတာလဲဆိုေတာ႔ အေျဖကရွင္းပါတယ္။ သူတို႔ရဲ႕ product logo ကို design နဲ႔ color ကို (unique) အတုမရွိ ျဖစ္ခ်င္လို႔ပါပဲ။

အဲဒီေတာ႔ website တစ္ခုကို ဖန္တီးတဲ႔အခါက်ရင္ အေရးၾကီးတဲ႔ အခ်က္ေတြအမ်ားၾကီးရွိေပမဲ႔ ဒီ post မွာေတာ႔ website နဲ႔ color အေၾကာင္းေျပာခ်င္ပါတယ္။ ကၽြန္ေတာ္က ပန္းခ်ီဆရာတစ္ေယာက္မဟုတ္ေတာ႔ color theory အေၾကာင္းအရမ္းနားမလည္ပါဘူး။ ဒါေပမဲ႔ website နဲ႔ ပက္သက္ျပီးေတာ႔ color theory အေၾကာင္းေျပာခ်င္ပါတယ္။

အေရာင္ေတြမွာ စြမ္းအားကိုယ္စီ ရွိၾကပါတယ္။ အေရာင္ေတြဟာ လူေတြရဲ႕ စိတ္ကို ညို႔ယူဖမ္းစားႏိုင္ရံုသာမက ကိုယ္အမူအရာေတြကိုလည္း ေျပာင္းလဲႏိုင္ပါတယ္။ ဒါေၾကာင္႔ website တစ္ခုအတြက္ color ေရြးခ်ယ္မႈကလည္းအေရးႀကီးတဲ႔အခန္းက႑ကပါဝင္လာပါတယ္။ website ရဲ႕ Themes က Company Logo ေပၚမွာမႈတည္ၿပီးဆြဲက်ပါတယ္။ တစ္ခါတစ္ေလ ကိုယ္ဆြဲတဲ႔ color ကပိုေကာင္းသြားတတ္သလို ၊ပိုဆိုးသြားတတ္တာမ်ိဳး ၾကံဳေတြ႔ႏိုင္ပါတယ္။မ်ားေသာအားျဖင္႔ Customer ေတြကသူတို႔ၾကိဳက္တဲ႔ color ေတြနဲ႔ ဖန္တီးေရးဆြဲခိုင္းေလ႔ရွိပါတယ္။ ေနာက္တစ္ခုက ျမန္မာလူမ်ိဳးေတာ္ေတာ္မ်ားမ်ားက ေဗဒင္ယံုၾကည္ေလ႔ရွိၾကတယ္။ ကုန္ပစၥည္းအမွတ္တံဆိပ္ကိုေပးရင္ေတာင္မွ သံုးရမယ္႔ color ေတြကို ေဗဒင္ဆရာနဲ႔ တိုင္ပင္ျပီးမွ လုပ္ေဆာင္ေလ႔ရွိပါတယ္။

ဒါေၾကာင္႔ ျမန္မာႏိုင္ငံရဲ႕ logo ေတာ္ေတာ္မ်ားမ်ားနဲ႔ logo color ေတာ္ေတာ္မ်ားမ်ားမွာ အစိမ္း၊ အဝါ၊ အနီေသြး ကိုအမ်ားအားျဖင္႔ ခပ္ပိန္းပိန္း ေတြ႔ရပါတယ္။ သာမန္ Company ရဲ႕ Products ဆိုရင္ေတာ႔ ၿပီးစလြယ္ DP သမားတစ္ေယာက္ဆီမွာ အပ္ၿပီးလုပ္ေလ႔ရွိပါတယ္။ အေနာက္တိုင္းကလို ေငြေတြသန္းေပါင္းမ်ားစြာ အကုန္က်ခံၿပီး စဥ္းစားလုပ္ကုိင္ေလ႔မရွိပါဘူး။ ဒါကဘာျဖစ္လို႔လဲဆိုေတာ႔ သူတို႔ company ရဲ႕ budget အရလည္းျဖစ္ႏိုင္ပါတယ္။ လုပ္ရေကာင္းမွန္းမသိတဲ႔ knowledge မရွိတာလည္း ျဖစ္ႏိုင္ပါတယ္။ ဒါေၾကာင္႔ product ရဲ႕ logo တစ္ခုလုပ္ေတာ႔မယ္ဆိုရင္ တတ္သိတဲ႔ design ပညာရွင္ေတြ logo creator ေတြနဲ႔ တိုင္ပင္ၿပီးမွ လုပ္သင္႔ပါတယ္။ အေရာင္ေတြက Log ေတြမွာတင္မကပါဘူး web design ေရးဆြဲတဲ႔ အခါမွာ လည္း color ေတြဟာ website ေတြနဲ႔ layout ေတြလိုပဲ အေရးပါတဲ႔ အပိုင္းမွာ ပါဝင္ပါတယ္။

1.website ေပၚမွာ color ေတြရဲ႕ သက္ေရာက္မွူ

Website ကိုၾကည္႔တဲ႔ user တစ္ေယာက္က website ရဲ႕ အေၾကာင္းအရာေတြကို မၾကည္႔ခင္ website ရဲ႕ color နဲ႔ အျပင္အဆင္ကို 8 seconds ကေန 10 seconds ေလာက္ၾကည္႔ ၿပီးမွ သူလိုခ်င္တဲ႔ အေၾကာင္းအရာကို ဆက္ၾကည္႔ပါတယ္။ အဲ႔ဒီအခ်ိန္မွာ သင္႔ web pages က အမဲေရာင္ background မွာ pure အျဖဴေရာင္စာလံုးေတြနဲ႔ ေရးထားရင္ စာဖတ္သူရဲ႕ မ်က္စိကိုစူးေစပါတယ္။ ေနာက္ျပီး ပိုေပၚလြင္ေစခ်င္လို႔ အျပာေရာင္၊ ပန္းဆီေရာင္၊ အစိမ္းေရာင္ေတြသံုးရင္ေတာ႔ သင္႔ရဲ႕ website ကိုၾကည္႔ဖို႔ဆိုတာ 30% ေလာက္ေတာင္ မျဖစ္ႏိုင္ေတာ႔ပါဘူး။ User ကသင္႔ရဲ႕ data ေတြက သူအတြက္ လိုအပ္ရင္ေတာ႔ ၾကည္႔လိမ္႔မယ္။ ဒီအခ်က္ကုိၾကည္႔ျခင္းအားျဖင္႔ website တစ္ခုကိုဖန္တီးတဲ႔ အခါမွာလုိက္နာရမယ္႔ အခ်က္ေတြရွိပါတယ္။

  • website ရဲ႕ color က user ကိုဆြဲေဆာင္မွုရွိရပါမယ္။
  • Relaxed And Comfortable ျဖစ္ရမယ္။
  • Safe And Secure လည္းျဖစ္ရမယ္။
  • No Confuse and ambiguous (စိတ္မရႈပ္ေထြးေစရန္ႏွင္႔ အဓိပၸါယ္ႏွစ္ခြမျဖစ္ေစရန္) တို႔ျဖစ္ပါတယ္။

ဒါေၾကာင္႔ website တစ္ခုကို create မလုပ္ခင္မွာ color အေၾကာင္းကို အေျခခံနားလည္ထားႏိုင္ရင္ အေကာင္းဆံုးပါပဲ။ ကဲ color ေတြအေျခခံသေဘာတရားေတြကို ရွင္းျပထားပါမယ္။

Warm Color (ေႏြးေထြးမႈရွိတဲ႔အေရာင္)

ေႏြးေထြးတဲ႔ အေရာင္ေတြက အဝါေရာင္ ၊ လိေမၼာ္ေရာင္ ၊ အညိဳေရာင္ ၊ စိမ္းဝါေရာင္ ၊ နီလိေမၼာ္ေရာင္ ေတြကိုအေျခခံပါတယ္။ Warn Color ေတြက စိတ္ကိုလႈပ္ရွားေစတယ္ ၊ ရန္လိုေစတဲ႔သေဘာကို ေဆာင္ပါတယ္။ ဒါေၾကာင္႔မသံုးမျဖစ္သံုးရမယ္ဆိုရင္ေတာင္ Warn Color ကို အနည္းငယ္ကိုသာ သံုးေစခ်င္ပါတယ္။

Intermediary colors (ၾကား အေရာင္)

Purples ႏွင္႔ greens Color ေတြကေတာ႔ Warn Color လည္းမဟုတ္သလို Cool Colorလည္းမဟုတ္ပါဘူး၊ Red Color ႏွင္႔ Orange Color မ်ားသြားရင္  Warn Color ျဖစ္သြားၿပီးေတာ႔ Blue Color မ်ားရင္ေတာ႔ Cool Color ဘက္ကိုေျပာင္းသြားပါတယ္။

Cool colors (ေအးမွ်ေသာအေရာင္)

Cool colors ေတြကေတာ႔ on blues, greens, pinks, purples, blue-greens, magentas, and blue-reds ေပၚမွာအေျခတည္ပါတယ္။ Cool colors ေတြက Design ဆြဲတဲ႔ အခါ ၿငိမ္တယ္၊ Cool color ကိုမ်ားမ်ား သံုးႏိုင္တယ္ ဘာမွ Shock မရိွႏိုင္ပါဘူး။

Neutral Colors (မႏုလြန္း မရင့္လြန္းေသာ အေရာင္)

Neutral Colors ေတြမွာ white, black, gray တို႔ကိုေျပာတာပါ ဒါေပမယ္႔ Neutral Colors ေတြမွာ Gray Color ပမာဏပိုမ်ားတယ္။ Neutral Colors ေတြက Background ခံသံုးရင္အေကာင္းဆံုးလို႔ေျပာလို႔ေျပာလို႔ရတယ္။ Neutral Colors ေတြက warm colors ကိုပိုမိုေကာင္းမြန္ေအာင္လုပ္ေဆာင္ေပးႏိုင္ပါတယ္။

Multi-color (အေရာင္ေပါင္းစံု)

Multi-color သံုးထားတဲ႔ Site ေတြမွာ user visiting ေတြ အခ်ိန္အရမ္းနည္းပါတယ္။ အေရာင္ေပါင္းစံုေအာင္သံုးထားေတာ႔ user မ်က္စိေႏွာက္ၿပီး ဆက္ၾကည္႔ခ်င္စိတ္ ကုန္ခန္းတက္ပါတယ္။ ဒါေၾကာင္႔ျဖစ္ႏိုင္ရင္ web site မွာ ေရာင္ေတြ အမ်ားႀကီးသံုးမဲ႔ အစား 2 colors, 3colors ေလာက္နဲ႔ လွေအာင္သံုးေစခ်င္ပါတယ္။

Color Harmony (လိုက္ဖက္အေရာင္)

အေရာင္ေတြအမ်ားႀကီးသံုးတာ user ကိုစိတ္ကိုရႈပ္ေထြးေစတက္သလို အေရာင္နည္းနည္းေလးသံုးထားခ်င္းကလည္း user ကို ပ်င္းရိေစပါတယ္။ web page တစ္ခုမွာ different color ေတြကို တက္ႏိုင္သမွ် ေလွ်ာ႔ခ်ၾကည္႔ပါေနာက္ၿပီး Cool Color နဲ႔ Warn Color ေတြကို လြန္လြန္ကဲကဲႀကီးတြဲမသံုးမိပါေစနဲ႔ ။ဒါေၾကာင္႔ အေရာင္ေတြသံုးရင္ အရမ္းလည္းအမ်ားႀကီးမဟုတ္သလို အရမ္းမနည္းလြန္းေစပဲ Balance ျဖစ္ေအာင္သံုးသင္႔ပါတယ္။

Computer Color Display

Computer Monitor ေတြမွာ Red, Green နဲ႔ Blue အေရာင္သံုးေရာင္ကိုသံုးၿပီး Color ကို Monitor ေပၚမွာေဖၚျပေစပါတယ္။ အဲဒါကို RGB Colors လို႔လည္းေခၚႏိုင္ပါတယ္။ Monitor မွာေပၚတဲ႔ အျခား Colors ေတြကRGB Colors ကို ေပါင္းစီးၿပီးရလာတာျဖစ္တယ္။ ၿပီးေတာ႔ RGB Colorဟာ Printing Colors ေတြနဲ႔ လံုးဝမတူတဲ႔ အတြက္ RGB Color ကို Printing ေတြမွာသံုးလို႔မရပါဘူး။

Web Color

Web မွာ ျပႆနာတက္တာကေတာ႔ website ေတြက ခင္ဗ်ားတို႔ဆြဲလိုက္တဲ႔ Color အတိုင္း မွန္ကန္စြာ မျပေပးႏိုင္တာပါပဲ။ ဘာလို႔မျပႏိုင္လည္းဆိုေတာ႔ bit-depth ေတြေၾကာင္႔ျဖစ္ပါတယ္။Bit Depth ဆိုတာက User တစ္ေယာက္ခ်င္းစီရဲ႕ Computer တိုင္းမွာရိွတဲ႔ display setting ခ်ိန္ညိွထားတဲ႔ အေပၚမွာမတူညီခ်င္းျဖစ္ပါတယ္။ အဲဒိ display setting မတူညီခ်င္းက Alternative colors (သမား႐ိုးက် မဟုတ္တဲ႔ Color) နဲ႔ Color Shifting (အေရာင္ေတြေျပာင္းလဲခ်င္း) အခ်က္ေတြျဖစ္ႏိုင္ပါတယ္။ web site ကိုလာၾကည္႔သူရဲ႕ Display Setting Colors က အေရာင္ေတြကိုေကာင္းစြာပံုေဖၚေပးႏုိင္ရင္ေတာင္မွ Gamma စက္ခၽြတ္ယြင္းမႈအေျခအေနေၾကာင္႔ Colors ေတြကိုပ်က္စီးေစတက္ပါတယ္။ ဒီျပႆနာေတြေၾကာင္႔ အႏုပညာရသပ်က္ေလာက္ေအာင္ ႔ဆိုးဆိုးရြားရြားျဖစ္ရံုသာမက Visitor ေတြရဲ႕ အာရံုစူးစိုက္ခ်င္းကိုပါေရာ႔နည္းေစတယ္။ ဒီေန႔ေခတ္နည္းပညာအရ web trend မွာ color management လိုအပ္ခ်က္ေတြပိုမိုျမင္႔မားလာႏိုင္ပါတယ္။

Browser-safe palette

Mac OS, UNIX, နဲ႔ Windows Web Browsers ေတြနဲ႔လိုက္ေရာညီေထြ safe ျဖစ္ႏိုင္တဲ႔ Colors palette 216 ပဲရိွပါတယ္။ဒါေပမယ္႔ ဒီေန႔ေခတ္ Computer ေတြကို millions of colors အေရာင္ေပါင္းသန္းေပါင္းမ်ားစြာကိုေဖၚျပေပးႏိုင္ပါတယ္။ ခင္ဗ်ားရဲ႕ web site ကို Visitors ေတြက 256 color computer နဲ႔ၾကည္႔လိမ္႔မယ္လို႔ထင္ရင္ေတာ႔ browser-safe palette of 216 colors ကိုသံုးသင္႔ပါတယ္။ အေရာင္အႏုအရင္႔ကိုလိုက္ၿပီး အဓိက color palette (2)ႏွစ္မ်ဳိးကေန (3)သံုးမ်ဳိးသံုးတာက ခင္ဗ်ား web site ကိုပိုမို ဆြဲေဆာင္ႏိုင္မႈရိွပါတယ္၊ဒိအျပင္ Color palette ကိုအနည္းငယ္သံုးဆြဲခ်င္းက Images ေတြရဲ႕ File Size ကိုေသးေစရံုမကပဲ Loading Time ကိုလည္းျမန္ဆန္ေစပါတယ္။ ဒါေၾကာင္႔ Color palette ကို limited လုပ္ၿပီးသံုးမလား ေဖါေဖါသီသီ သံုးမလားဆိုတာ ခင္ဗ်ားကိုယ္တိုင္ပဲဆံုးျဖတ္ပါ။

Text Colors

Background color နဲ႔ text color ကိုေရြးခ်ယ္တဲ႔ေနရာမွာ အလြန္သတိထားေရြးခ်ယ္ရပါမယ္။ စာသားေတြစာလံုးေတြ အလြယ္တကူဖတ္ႏိုင္စြမ္းရိွရန္ လိမၼာပါးနပ္ဖို႔လိုပါတယ္။ Background color က အေမွာင္ေရာင္ျဖစ္ၿပီး text စာသားက အလင္းဘက္ပါေသာ အေရာင္နဲ႔ ဆိုရင္ဒီစာလံုးကိုေကာင္းစြာျမင္ႏိုင္ပါတယ္။ အျဖဴနဲ႔ အမဲ က အၿမဲတမ္း အေကာင္းဆံုးလိုက္ဖတ္ညီေသာအတြဲျဖစ္ပါတယ္။ အနီေရာင္နဲ႔ အျပာေရာင္က hight light color ေတြထဲမွာေတာ႔ အေကာင္းဆံုး Colorေတြျဖစ္တယ္။ ဒါေပမယ္႔ Black Color Background မွာ Warn Color text ေတြေရးရင္ေတာ႔ ဖတ္ရတဲ႔ User ေတြမ်က္စိစူးလိမ္႔မယ္လို႔ ကၽြန္ေတာ္ထင္တယ္။

Color Chart

ႏိုင္ငံတစ္ကာနဲ႔ ဆက္ဆံရတဲ႔ အခါမွာ Color ရဲ႕ အဓိပၸါယ္ေလးေတြေတာ႔ အနည္းအက်ဥ္းသိသင္႔ပါတယ္။ ဒါေၾကာင္႔ ကၽြန္ေတာ္သိသေလာက္ေဖၚျပေပးပါ႔မယ္။

Blue

အျပာေရာင္ဆိုတာ ကၽြန္ေတာ္တို႔ ခင္ဗ်ားတို႔သိက်တဲ႔ အတိုင္းၿငိမ္းခ်မ္း ျခင္းကိုေျပာတာပါ။ ဒါ႔အျပင္ ၿငိမ္သက္ျခင္း၊ တည္ၾကည္ျခင္း၊ သဟဇာတျဖစ္ျခင္း၊ စည္းလုံးညီညြတ္ျခင္း၊ အားကိုးျခင္း၊ စိတ္ခ် ယံုၾကည္ျခင္း တို႔ကိုလည္း အဓိပၸါယ္ေဖၚေဆာင္ပါေသးတယ္။ အေရွ႕အလည္ပိုင္းေဒသေတြမွာဆိုရင္ အျပာေရာင္ဟာ အကာအကြယ္ေပးႏိုင္ေသာအေရာင္အျဖစ္ယံုၾကည္က်တယ္။ အႏၵိယမွာေတာ႔ Krishna ရဲ႕ အေရာင္အျဖစ္သတ္မွတ္က်ပါတယ္။ ျမန္မာျပည္မွာေတာ႔ ေဗဒင္ယံုၾကည္တဲ႔ သူေတြက အျပာေရာင္ Blue Color ကိုေတာ္ေတာ္မ်ားမ်ားေရွာင္က်ပါတယ္။ ဘာလို႔လဲဆိုေတာ႔ သူတို႔ Company ႀကီး ျပာယာခတ္ေန မွာဆိုးလို႔ဆိုၿပီးအျပာေရာင္ကိုမႀကဳိက္တက္က်ပါဘူး။ ကၽြန္ေတာ္႔လက္ေတြ႔ပါ :)

Black

အနက္ေရာင္ဟာ စြမ္းအားေတြ၊ ခန္းနားျခင္းေတြ၊ခံညားျခင္းေတြကိုပိုင္ဆိုင္ႏိုင္ရံုသာမက ဆန္႔က်င္ဘက္ျဖစ္တဲ႔ ေၾကာက္ရြံ႕ျခင္း၊ ပူပင္ ျခင္း၊ လပ္္တိပျခင္း၊ လွ်ဳိ႕ဝွက္ဆန္းၾကယ္ျခင္း၊ ႏွင္႔ ေသမင္းရဲ႕အေရာင္ဟုတင္စားေခၚေဝၚေလ႔ရိွက်ပါတယ္။ USA မွာေတာ႔ အနက္ေရာင္ဟာ ဝမ္းနည္းေၾကကြဲခ်င္းအထိမ္းအမွတ္ကိုေဖၚျပေလ႔ရိွက်ပါတယ္။

Green

အစိမ္းေရာင္ဟာ သဘာဝတရား၊ က်န္းမာျခင္း၊ ကံေကာင္းျခင္း၊ အားသစ္မာန္သစ္ ႏိုးၾကြလာျခင္း၊ လူသစ္စိတ္သစ္ ျဖစ္လာျခင္း၊ ငယ္ရြယ္ႏုပ်ဴိျခင္း ၊ အသက္ရွည္ႏိုင္စြမ္းရိွျခင္း၊ ျမဴးၾကြသြက္လက္ေပါ့ပါးျခင္း၊ရက္ေရာမႈ။ ေစတနာေကာင္းျခင္း၊ ေပးကမ္းစြန္႔ၾကဲတတ္ျခင္း၊မနာလိုျခင္း တို႔ကို အဓိပၸာယ္ေဖၚေဆာင္ပါတယ္။ အႏၵိယမွာေတာ႔အစိမ္းေရာင္ဟာ မြတ္စလင္ ဘာသာေတြရဲ႕ေရာင္ျဖစ္ပါတယ္။ Ireland အိုင္ယာလန္မွာေတာ႔ Catholic ဘာသာဝင္ေတြအတြက္ကိုယ္စားျပဳပါတယ္။ ကမၻာ့အပူပိုင္းေဒသေတြမွာအစိမ္းေရာင္ဟာအႏၱရယ္နဲ႔ ဆက္ႏြယ္ေလ႔ရိွတယ္လို႔ ယူစေလ႔ရိွပါတယ္။

Orange

လိေမၼာ္ေရာင္ဟာ စြမ္းအား၊ ဟန္ခ်က္ညီျခင္း၊ အပူ၊ စိတ္အားထက္သန္မႈ၊ တက္ၾကြမႈ၊ ခ်က္ခ်ာျခင္း၊ အသက္ပါျခင္း၊ ဝင့္ၾကြားျခင္း၊ Ireland အိုက္ယာလန္တြင္ လိေမၼာ္ေရာင္ဟာ ပ႐ိုတက္စတင့္ဂိုဏ္း(Protestant)  ကိုကိုယ္စားျပဳပါတယ္။

Purple

ခရမ္းေရာင္ဟာ ေတာ္ဝင္အေရာင္လို႔တင္စားေခၚဆိုက်တယ္။ ေနာက္ၿပီး စိတ္ဓတ္ကိုျမင္႕တင္ေစႏိုင္ျခင္း၊ ျမင့္ျမတ္ျခင္း၊ ကိန္းႀကီးခန္းႀကီးႏိုင္ျခင္း၊ လွ်ဳိ႕ဝွက္ဆန္းၾကယ္ျခင္း၊ ပံုစံေျပာင္းျခင္း၊ အေျမာ္အျမင္ရိွျခင္း၊ ဉာဏ္အလင္းရေစျခင္း၊ အသိၾကြယ္ေစျခင္း၊ သိျမင္ရွင္းလင္းေစျခင္း တို႔ကိုေဖၚေဆာင္ပါတယ္။ ေဗဒင္ အေနနဲ႔ၾကည္႔မယ္ဆိုရင္ ခရမ္းေရာင္က လာဘ္အေရာင္ျဖစ္တယ္လို႔ယူစက်တယ္၊ ခရမ္းေရာင္ ပိုက္ဆံအိတ္ျဖစ္ျဖစ္၊ ခရမ္းေရာင္ေက်ာက္ျဖစ္ျဖစ္ေဆာင္ထားရင္ လာဘ္ေကာင္းတဲ႔ အျပင္ ေငြကိုပါဆြဲေဆာင္ႏိုင္စြမ္းရိွတယ္။

Red

အနီေရာင္က ခ်စ္ျခင္း၊ အႏၱာရယ္ရိွျခင္း၊ လိုအင္၊ ဆႏၵ၊ ေတာင့္တမႈ၊ လ်င္ျမန္ျခင္း၊ ၾကံ႕ခိုင္ျခင္း၊ ခြန္အား အင္အား ျပည့္ျခင္း၊ ၾကမ္းက်ဴပ္ျခင္း၊ ေဒါသျဖစ္ျခင္း၊ ေသြးထြက္သံယိုျဖစ္ျခင္းတို႔ကို ကိုယ္စားျပဳပါတယ္။ တရုတ္လူမ်ဳိးေတြကေတာ႕ အနီေရာင္ကို အခန္းအနားေတြပြဲေတြ နဲ႔ ကံေကာင္းေစျခင္း အဓိပၸါယ္ကိုေဖၚေဆာင္ရင္သံုးေလ႔ရိွက်ပါတယ္။ တရုတ္ေတြကအနီေရာင္ကို အသုဘအခန္းကအစ မဂၤလာေဆာင္အဆံုး အနီေရာင္ကိုအသံုးျပဳေလ႔ရိွက်ပါတယ္။ အႏိၵယမွာေတာ႔ အနီေရာင္ကို စင္ၾကယ္ျခင္းအထိမ္းအမွတ္ အျဖစ္ မဂၤလာေဆာင္ေတြမွာ အသံုးျပဳေလ႕ရိွက်ပါတယ္။

White

အျဖဴေရာင္ကို စင္ၾကယ္ျခင္း၊ သန္႔စင္ျခင္း၊ အျပစ္ကင္း႐ိုးသားျခင္း၊ ၿငိမ္းခ်မ္ျခင္း၊ ႏွိမ့္ခ်ျခင္း၊ ေအာက္က်ဳိ႕ျခင္း၊ ေမြးဖြားျခင္း၊ ငယ္ရြယ္ႏုပ်ဳိျခင္း၊ ေကာင္းမြန္ျခင္း၊ အိမ္ေထာင္ျပဴျခင္း၊ တို႕မွာ အသံုးျပဳေလ႔ရိွက်ပါတယ္။ ဂ်ပန္လူမ်ဳိးေတြကေတာ႕ ေဇာ္မႊားပန္းအျဖဴေရာင္ (white carnations) ကို ေသျခင္းရဲ႕ လကၡဏာအျဖစ္ အသံုးျပဳေလ႔ရိွပါတယ္။ အေနာက္တိုင္းမွာေတာ႔ ေအးစိမ့္ျခင္း ႏွင္႔ ဆုတ္ယွတ္ျခင္းရဲ႕ အမွတ္အသားျဖစ္ပါတယ္။ အေမရိကန္မွာေတာ႔ အျဖဴေရာင္ကို အပ်ဳိစင္ေတြအျဖစ္ ကိုယ္စားျပဴပါတယ္။

Yellow

အဝါေရာင္က ေပ်ာ္ရႊင္ျခင္း၊ ယံုၾကည္မႈ ရွိျခင္း၊ စိတ္ကူးယဥ္ျခင္း၊ စိတ္ကူးစိတ္သန္းရိွျခင္း၊ ေမွ်ာ္လင့္ျခင္း၊ ေနေရာင္ျခည္ တို႕ကို ကိုုယ္စားျပဳပါတယ္။ အာရွတိုက္ မွာေတာ႔ အဝါေရာင္ကို အထြတ္အျမတ္ထားျခင္း ႏွင္႔ ျမင့္ျမတ္ခန္းနားျခင္း အေရာင္အျဖစ္ အသံုးျပဳေလ႔ရိွက်ပါတယ္။

Web site တစ္ခုကို အရင္ကၾကည္႔ခဲ႔ ဘူးတယ္ဆိုပါဆို႔ ဒါေပမယ္႔ခင္ဗ်ားနည္းနည္းေမ႔ေတ႔ေတ႔ျဖစ္ေနမယ္ဆိုရင္ web site ရဲ႕ Name, Address, URL, ဘာအမ်ဳိးအစားဆိုတာမသိေတာင္၊ ခင္ဗ်ား Color ကိုေတာ႔ မွတ္မိေနလိမ္႔မယ္။ “အဲဒီ web site ေလးက အျပာေရာင္ႏုေလးနဲ႔ဗ်ာ…”  ဒါမွမဟုတ္ “ အဲဒီ web sie ေလဗ်ာ လိေမၼာ္ေရာင္ေလး နဲ႔ေလ” ဆိုၿပီး အေရာင္ကို မွတ္သားၿပီးေျပာေလ့ရိွၾကပါတယ္။ အဲဒါကိုၾကည္႔ျခင္းအားျဖင္႔ Color ေတြဟာ တစ္ျခားအေၾကာင္းအရာေတြထက္ မွတ္မိလြယ္ေစတဲ႔တက္သေဘာရိွတယ္၊ ဒါေၾကာင္႔ အေရာင္ေတြက web design ဆြဲတဲ႔ခင္ဗ်ား အတြက္ စြမ္းအားရိွတဲ႔ လက္နက္တစ္ခုျဖစ္တယ္လို႔ ကၽြန္ေတာ္ေျပာခ်င္တယ္။

Internationalေတြအတြက္web site ဆြဲၿပီးဆိုရင္ Web site ရဲ႕ Color က first impression ျဖစ္တဲ႔ အတြက္ အထက္မွာေဖၚျပထားတဲ အခ်က္ေတြနဲ႔ ႏိႈင္းယွဥ္ၿပီး ေသခ်ာဆံုးျဖတ္ခ်က္ခ်ႏိုင္ပါေစဗ်ာ။

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.

]]> http://www.phoechan.com/blog/2009/03/17/color-theory-for-web-dseign/feed/ 13 Complete Favicon Solution http://www.phoechan.com/blog/2009/02/21/complete-favicon-solution/ http://www.phoechan.com/blog/2009/02/21/complete-favicon-solution/#comments Sat, 21 Feb 2009 10:57:58 +0000 Phoe Chan http://www.phoechan.com/blog/?p=21

ကၽြန္ေတာ္တို႔ေတြ ဟိုးအရင္တုန္းက icon လုပ္ခ်င္ရင္ icon လုပ္တဲ႔ Software ကိုသံုးရတယ္။Photoshop ကိုသံုးၿပီး Design ဆြဲၿပီးရင္ Icon Creator Software (Axialis IconWorkshop) ကိုသံုးၿပီး။ Icon ေတြကို Generate လုပ္ရတယ္။ (Axialis IconWorkshop) ဆိုတာေတာ္ေတာ္ေကာင္းပါတယ္ icon ေတြသီးသန္႔လုပ္တဲ႔ Software ပါ။ဒါေပမယ္႔ ကၽြန္ေတာ္႔အတြက္ေတာ႔ အဲေလာက္မလိုဘူးေလ ကၽြန္ေတာ္က icon professional လုပ္တဲ႔သူလည္းမဟုတ္ေတာ႔၊ photoshop မွာပဲ Design ဆြဲ ၿပီးရင္ photoshop မွာပဲ icon format နဲ႔ Save ခ်င္တာ၊ အခုေတာ႔ကၽြန္ေတာ္႔ ဆႏၵေတြျပည္႔သြားတယ္ Myanmar IT Professional ရဲ႕ ကိုစိုင္းရဲ႕ post တစ္ခုမွာ photoshop ကေန icon format နဲ႔ Save လို႔ရတဲ႔ Extension ကိုေပးထားတယ္။ကၽြန္ေတာ္လည္းစမ္းသံုးၾကည္႔တယ္ iconလုပ္ရတာေတာ္ေတာ္လြယ္ကူသြားတယ္။ဒါနဲ႔ Favicon ကိုအလြယ္လုပ္လို႔ရတဲ႔ Tutorial ကိုေရးျဖစ္သြားတာ။
Step (1)

ပထမဦးဆံုး Photoshop မွာ icon format နဲ႔ save လို႔ရေအာင္ icon format Plugin ကို download လုပ္ပါမယ္။ ဒီမွာ Download လုပ္ပါ။ icoformat.rar ရပါလိမ္႔မယ္ ၿပီးရင္ သူရဲ႕ Read me ရဲ႕ညြန္ၾကားခ်က္အတိုင္းလုပ္ပါ။ညြန္ၾကားခ်က္ကေတာ႔ icoformat.8bi file ကို copy လုပ္ၿပီး C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats ရဲ႔ Folder ေအာက္မွာ paste လုပ္ပါ။ photoshop ကိုဖြင္႔ထားရင္ photoshop ကို Restart လုပ္ပါ။ေျပာခ်င္တာကဖြင္႔ထားရင္ ပိတ္ၿပီးေတာ႕ျပန္ဖြင္႔ပါ။ ကၽြန္ေတာ္က photoshop CS 3ကိုသံုးထားလို႔ C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins ျဖစ္ေနတာပါ။တကယ္လို႔ CS,CS2 or CS4 ျဖစ္ေနရင္ေတာ႔ Adobe Photoshop CS3 ျပထားတဲ႔ေနရာမွာ photoshop CS,CS2 or CS4 ေျပာင္းေပးလိုက္ပါ၊ ဒါဆို plugin ထားတဲ႔ Folder ထဲကိုေရာက္မွာပါ။ ကဲဒါဆိုေနာက္တစ္ဆင္႔ထက္တက္လိုက္က်ရေအာင္ :)

Step (2)

File name ကို Favicon လို႔ထားပါ။ Favicon လို႔ေပးရတာက web browser ေတြရဲ႕ Address bar ထိပ္မွာေပၚေစခ်င္လို႔ဒီနာမည္ေပးရတာပါ see this image

ေနာက္တစ္ဆင္႔က ေတာ႕ icon လုပ္က်မယ္ေပါ႔ဗ်ာ ပထမဆံုး photoshop မွာ new file ယူSize က ေအာက္ကပံုမွာျပထားတဲ႔အတိုင္း 16×16ယူလိုက္ပါ။ Color mode မွာ RGB ၊ Resolution မွာ 72 ထားၿပီးEnter ႏိုပ္လိုက္ေတာ႕။ :)

Step (3)

New File ယူၿပီးရင္ေတာ႔ စိတ္ႀကိဳက္ icon design တစ္ခုကို ဖန္တီးေပေတာ႔ ကၽြန္ေတာ္ကေတာ႔ အလြယ္လုပ္လိုက္တယ္။ဒီလိုမ်ဳိးေလးေပါ႔

စိတ္ႀကိဳက္ဆြဲၿပီးသြားရင္ ေတာ႔ Save as မွာ icon format နဲ save ပါ။

ေနာက္ဆံုး favicon.ico file ကိုရပါမယ္။ ကဲ ကိုယ္႔ icon ေလူးကို Address bar မွာေပၚေအာင္လို႔ေနာက္တစ္ဆင္႔တက္လိုက္က်စို႔။

Step (4)

ခင္ဗ်ားတို႔တည္ေဆာက္ထားတဲ႔ HTML pages ေတြရဲ႔ Head tag အတြင္းမွာဒီ Code ေလးကိုထဲ႔ပါ။

<head>
<link rel=”shortcut icon” href=”favicon.ico” >
</head>

ၿပီးရင္ အခုဏလုပ္ထားတဲ႔ Favicon.ico file ကို hosting ရဲ႕ Root folder ေအာက္မွာ upload လုပ္ပါ။ ေအာက္ကပံုထဲကအတိုင္း upload လုပ္ပါ။ Hosting ေတာ္ေတာ္မ်ားမ်ားကေတာ႕ root folder ဆိုတာ မ်ားေသာအားျဖင္႔ public_html or htdocs folder ကိုေျပာတာပါ။

ကၽြန္ေတာ္ကေတာ႔ www.000webhost.com ကိုသံုးတယ္။ နည္းနည္း error မ်ားေပမယ္႔ user ကို hosting experience ပိုရတယ္။ ကၽြန္ေတာ္ကေတာ႔ ဒီ Hosting ကိုပိုႀကိဳက္တယ္ ဒီ Hosting ကိုသံုးၿပီးရလိုက္တဲ႔ experience ကေတာ႔မနည္းဘူး အရင္တုန္းက www.byethost.com ကိုသံုးတာ။ error နည္းတယ္ normal user ေတြကေတာ႔ www.byethost.com နဲ႔ပိုအဆင္ေျပပါလိမ္႔မယ္၊ တကယ္လို႔ www.000webhost.com ကိုသံုးရင္လည္းကၽြန္ေတာ္႔ စီမွာ အကူအညီေတာင္းလို႔ရပါတယ္ ကၽြန္ေတာ္လည္းသိသေလာက္ေျဖေပးပါ႔မယ္ :)

Animated Favicon လုပ္ခ်င္ရင္

တစ္ခ်ဳိ႕ favicon ေတြမွာ ေတြ႔ဘူးမွာပါလုပ္ေနတာေလ မျမင္ဘူးရင္လည္းဒီမွာၾကည္႔
အဲလိုလုပ္ခ်င္ရင္ Head tag ၾကားထဲမွာ ဒီ code ေလးထဲ႕လိုက္ပါ။

<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon.gif” type=”image/gif” >

ကၽြန္ေတာ္ကေတာ႔ Adobe Flash ကိုသံုးပါတယ္။ ခင္ဗ်ားတို႔ စိတ္ႀကိဳက္ Animation Software သံုးၿပီး GIF format နဲ႔ လုပ္ပါ။ဒါဆိုရင္ animation ပါတဲ႔ favicon ရမွာပါ။ file size ကေတာ႔ 16×16 ျဖစ္ပါတယ္။ file name ကို animated_favicon.gif ေပးလိုက္ပါ။ၿပီးရင္ hosting ရဲ႕ Root folder ေအာက္မွာ upload လုပ္ပါ။ဒါဆိုရင္ animated favion ေလးရမွာပါ။ ကံဆိုးတာကေတာ႔ Internet Explore မွာ animated favicon ေတြဟာ မ run ပါဘူး။

Beautiful Icon Collection

ကၽြန္ေတာ္ online မွာ ဖတ္ေနက် magazine တစ္ခုရိွပါတယ္။ http://www.smashingmagazine.com/ ျဖစ္ပါတယ္။ အဲဒီမွာ icon လွလွေလးေတြ free ေပးတဲ႕ site ေတြကို စုေဆာင္းေပးထားပါတယ္။ icon လွလွေလးေတြကို download လုပ္ႏိုင္ေစဖို႔ ဒီမွာ ဝငိၾကည္႔လိုက္ပါ။ View Detail »

Favicon မေပၚလွ်င္ Troubleshooting လုပ္ေဆာင္ခ်က္

(၁) Favicon က upload လုပ္တိုင္းခ်က္ခ်င္းမေပၚတက္ပါဘူး၊ အနည္းဆံုး၄နာရီေလာက္ေန တစ္ခါတစ္ေလ ၄ရက္ေလာက္ၾကာတက္ပါတယ္။ Browser ကို လည္း cache ရွင္းေပးပါ။ Cache ရွင္းတာကေတာ႔ ထံုးစံအတိုင္း (Ctrl + F5) ေပါ႔ဗ်ာ။

(၂) favicon file name ကိုေသခ်ာစစ္ေဆးပါ (favicon.ico) name ျဖစ္ရပါမယ္။

(၃) favicon file size က 16×16 ျဖစ္ရပါမယ္။

(၄) index.html file နဲ႔ အျခား html files ေတြ မွာ <link rel=”shortcut icon” href=”favicon.ico” > code ကို head tag (<head>…….. </head>) ထဲမွာထည္႔ေရးရပါမယ္။
wordpress မွာဆိုရင္ေတာ႔ index.html header.php file မွာေရးရင္လံုေလာက္ပါတယ္။

ကဲေပ်ာ္ရႊင္ႏိုင္ပါေစဗ်ာ :)

About Author

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/2009/02/21/complete-favicon-solution/feed/ 5 Easy To Upload Your Photos and files http://www.phoechan.com/blog/2009/02/14/easy-to-upload-your-photos-and-files/ http://www.phoechan.com/blog/2009/02/14/easy-to-upload-your-photos-and-files/#comments Sat, 14 Feb 2009 10:55:23 +0000 Phoe Chan http://www.phoechan.com/blog/?p=19 Blog ေရးတဲ႔ Blogger ေတာ္ေတာ္မ်ား images ေတြ upload တင္ဖို႔ Free Images Hosting ေနရာေတြရွာရတယ္။ Video File ေတြလည္းထိုနည္းလည္းေကာင္းပဲ၊ အခုေတာ႔ ဒီweb site ေတြကို အလုပ္ရႈပ္ခံၿပီးရွာေဖြေနစရာမလိုေတာ႔ဘူး။ http://ioj.com တဲ႔ ဘယ္ေလာက္ေကာင္းလဲဆိုေတာ႕ ေအာက္က video ကိုသာၾကည္႔လိုက္ေပေတာ႔ေျပာေနစရာေတာင္မလိုဘူး။ေသးေသးေလးၾကည္႔ရတာ အားမရရင္ အၾကီးခ်ဲ႕ၿပီးေတာ႔ၾကည္႕ေပေတာ႔။ ကၽြန္ေတာ္ကေတာ႔ေတာ္ေတာ္ေလးႀကိဳက္တယ္ဘာလို႔လဲဆိုေတာ႕ Sign Up တို႔ Register တို႔လုပ္စရာမလိုလို႔ပါပဲ။

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/2009/02/14/easy-to-upload-your-photos-and-files/feed/ 0 WP Plugin Install and File Permission http://www.phoechan.com/blog/2009/02/05/wp-plugin-install-and-file-permission/ http://www.phoechan.com/blog/2009/02/05/wp-plugin-install-and-file-permission/#comments Thu, 05 Feb 2009 10:49:43 +0000 Phoe Chan http://www.phoechan.com/blog/?p=17

Wprdpress Plugin ကို Install လုပ္ဖို႔နည္းလမ္းႏွစ္မ်ဳိးရိွပါတယ္။ WordPress Admin Panel မွာ Install လုပ္တာနဲ႔ FTP (File Manager)ကေန Install လုပ္တာႏွစ္မ်ဳိးရွိပါတယ္။ ႏွစ္မ်ဳိးစလံုး သူ႕ဟာနဲ႔သူလြယ္ကူက်ပါတယ္။ ကၽြန္ေတာ္ကေတာ႔ FTP (File Manager) ကေန Install လုပ္ရတာပိုႀကိဳက္တယ္။ ဘာလို႔လည္းဆိုေတာ႔ ေနာက္ပိုင္း WordPress Themes ေတြတင္ရင္လည္း FTP ကိုပဲသံုးမွာဆိုေတာ႔၊ ဒီနည္းကိုပိုႀကိဳက္တာပါ။ကဲစလိုက္ရေအာင္ :)

FTP ( File Manager )

Step 1
အခု Tutorial ကေတာ႔ www.byethost.com user ေတြအတြက္လုပ္ေပးတာပါ။ www.000webhost.com ဆိုလည္းတူတူပါပဲ။ www.byethost.com ရဲ႕ Vista Panel ကိုဝင္ပါမယ္။ၿပီးရင္ FTP Manager ေအာက္က File Manager ကိုဝင္ပါမယ္။ဒါဆိုရင္ Step One ၿပီးပါၿပီ။

plugin-ftp-step-1.jpg

Step 2
ေနာက္တစ္ဆင္႔အေနနဲ႔ File Manger ထဲေရာက္ေနပါၿပီ။ www.net2ftp.com ကိုသံုးထားတဲ႔ FTP Service ေပးတဲ႔ web site ပါ။ www.byethost.com ကမ်ားေသာအားျဖင္႔ user name နဲ႔ password မရိုက္ရပါဘူး၊ File Manager ကို Click ႏိွပ္လို္က္တာနဲ႔ www.net2ftp.com ရဲ႕ upload တင္မဲ႔ေနရာကိုေရာက္ေနပါၿပီ။ တကယ္လို႔ User Name, Password and FTP host name ကိုေတာင္းရင္လည္း Vista Panel ရဲ႕ ဘယ္ဘက္ျခမ္းမွာဒီလိုမ်င္ရမွာပါ။ FTP host name and MySQL host name ေတြကတစ္ေယာက္Account နဲ႔တစ္ေယာက္ေတာ႔တူမွာမဟုတ္ပါဘူး။

plugin-ftp-step-5.jpg

plugin-ftp-step-4.jpg

WordPress Plug In လုပ္ဖို႔အတြက္ Upload လုပ္ရမယ္႔ (htdocs or public_html) Folder ကိုဖြင္႔ၿပီး wordpress ရဲ႕ plug in folder ရိွတဲ႕ေနရာကိုသြားပါ။ တကယ္လို႔ သြားရမယ္႔ေနရာကို တိုက္ရိုက္သြားခ်င္တယ္ဆိုရင္ အေပၚက Directory Tree: root/ အနီေလးဝိုင္းထားတဲ႔ေနရာကေန plugin folder ရိွတဲ႔ေနရာကိုတိုက္ရိုက္ သြားႏိုင္ပါတယ္။ plugin folder ရိွတဲ႔ေနရာကေတာ႔ တစ္ေယာက္နဲ႔တစ္ေယာက္မတူႏိုင္ပါဘူး။ ကၽြန္ေတာ္က main directory (htdocs or public_html) ထဲမွာ Install လုပ္ထားေတာ႔ ေအာက္မွာျပထားတဲ႔ URL အတိုင္းသြားထားတာပါ။ step 1က Plugin Folder ရိွတဲ႔ေနရာကို URL ကိုျပတာပါ။ plugin က Zip,Tar,TGZ,GZ Extension ျဖစ္ရင္ Step2 မွာျပထားတဲ႔ေနရာက Browse မွာ ကိုတင္ခ်င္တဲ႔ plugin zip file ကို open ပါၿပီးရင္။ Step 3 မွာျပထားတဲ႔ အမွန္ျခစ္ေလးကိုႏွိပ္လိုက္ပါ။

plugin-ftp-step-2.jpg

အခ်ိန္ခဏေစာင္႔ပါ upload လုပ္ငန္းစဥ္ၿပီးသြားရင္ ေအာက္မွာျပထားတဲ႔ ၿပီးဆံုးေၾကာင္းေပၚလာပါလိမ္႔မယ္။
ဒါဆိုရင္ သင္႔ရဲ႕ plugin install လုပ္ျခင္းၿပီးဆံုးပါၿပီ Plugin ကို Activate လုပ္ဖို႕ကေတာ႔ wordpress admin panel က plugin ထဲကိုဝင္ၿပီး Activate လုပ္ပါ။

plugin-ftp-step-3.jpg


Install From WordPress Admin Panel

ဒီအထက္ပါနည္းနဲ႔ ခတ္တယ္ဆိုရင္ေနာက္တစ္နည္းရိွပါတယ္ ဒါကေတာ႔ Install From WordPress Admin Panel ကေန Install လုပ္တဲ႔ နည္းပါ။

Step 1
ပထမအဆင္႔အေနနဲ႔ wordpress admin panel ေအာက္က Plugins > Add New ကိုဝင္ပါ။ၿပီးရင္ေအာက္ကပံုေတြမွာျပတဲ႔အတိုင္း install လုပ္ခ်င္တဲ႔ plugin ေတြကို browse လုပ္ၿပီးရင္ Install Now လုပ္ပါ။

အဲဒါေတြလုပ္ၿပီးရင္ FTP ကို Connection လုပ္ဖို႔ Host Name, User Name, Password ေတာင္းပါလိမ္႔မယ္။ အဲဒီမွာ Host Name, User Name, Password ေတြျဖည္႔ပါ။ တကယ္လို႔ မသိရင္ User Name, Password and FTP host name ကိုေတာင္းရင္လည္း Vista Panel ရဲ႕ ဘယ္ဘက္ျခမ္းမွာဒီလိုမ်င္ရမွာပါ။ FTP host name and MySQL host name ေတြကတစ္ေယာက္Account နဲ႔တစ္ေယာက္ေတာ႔တူမွာမဟုတ္ပါဘူး။

plugin-ftp-step-5.jpg

ေအာက္မွာျပထားတဲ႔ပံုေပၚရင္ ဒါဆိုရင္ plugin install လုပ္တာၿပီးပါၿပီ။

တကယ္လို႔ Install လုပ္တဲ႔ အခါေအာက္မွာျပထားတဲ႔ပံုအတိုင္း Error ျပရင္ေတာ႔ Plugins Folder နဲ႔ Main Directory (htdoc or public_html)ကို File Permission (Chmod) မွာ 777 ေျပာင္းေပးပါ။ File Permission ေျပာင္းပံုကိုေအာက္မွာ www.000webhost.com file permission ဆိုၿပီး ေဖၚျပေပးထားပါတယ္။


www.000webhost.com file Permission

ပထမဦးဆံုး ကို permission ေျပာင္းခ်င္တဲ႔ Folder ကို Select လုပ္ပါၿပီးရင္ menu ရဲ႕ ညာဘက္မွာရိွတဲ႔ CHMOD ကို Click လုပ္ေပးပါ။

ၿပီးရင္ ေအာက္ကပံုမွာျပထားတဲ႔ အတိုင္း ကိုေပးခ်င္တဲ႔ Folder ကို Chmodမွာ ေျပာင္းပါ။ကၽြန္ေတာ္ကေတာ႔ File Permission ေပးရင္ 777 ပဲေပးတာမ်ားတယ္။ ဘာလို႔လဲဆိုေတာ႔ ေတာ္ေတာ္မ်ားမ်ား Plugin ေတြနဲ႔ Themes ေတြက permission ေတြေတာင္းတက္လြန္းလို႔ေလ။

အခုဆိုရင္ File Permission လုပ္ၿပီးသြားတဲ႔ အခါေအာက္ကလို ပံုအတိုင္းျပပါလိမ္႔မယ္။

ေနာက္တစ္ခုက wordpress install လုပ္ခ်င္ရင္ htdocs Folder ကို CHMOD မွာ 777 ေျပာင္းထားေပးပါ။ဒါဆိုရင္ ok မွာပါ။

plugin-ftp-step-4.jpg

PS. Wordprress ကို Install လုပ္ရင္ (htdocs or public_html) Folder ကို open လုပ္ၿပီး (htdocs or public_html) folder ေအာက္မွာ Install လုပ္ပါ။ (htdocs or public_html) Folder ကို File permission(Chmod) မွာလည္း 777 ေျပာင္းဖို႔မေမ႕ပါနဲ႔။
အဆင္ေျပႏိုင္ပါေစဗ်ာ :)

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/2009/02/05/wp-plugin-install-and-file-permission/feed/ 0 Best Wallpaper Free Download Site http://www.phoechan.com/blog/2009/02/04/best-wallpaper-free-download-site/ http://www.phoechan.com/blog/2009/02/04/best-wallpaper-free-download-site/#comments Wed, 04 Feb 2009 10:39:59 +0000 Phoe Chan http://www.phoechan.com/blog/?p=15

ကၽြန္ေတာ္႔စီကုိမေန႔တုန္းက Mail တစ္ေစာင္ဝင္လာတယ္။ mail ကိုၾကည္႔ေတာ႔ ကၽြန္ေတာ္အသိေတြရဲ႕ mail မဟုတ္ဘူး ကၽြန္ေတာ္လည္း Spam Mail လုပ္မယ္လုပ္ေနတာ ျမန္မာလိုေရးထားတာဆိုေတာ႔ Spam Mail မဟုတ္တန္ေကာင္းေလာက္ပါဘူးဆိုၿပီးဝင္ၾကည္႔လိုက္တယ္။ ၿပီးေတာ႔

” သင္႕ကြန္ပ်ဴတာအတြက္ ေနာက္ခံ BackGround မ်ားအခမဲ႕ရယူရန္ mailed-by jpanimes.com ” ဆိုၿပီးေရးထားတယ္။ ကၽြန္ေတာ္လည္း Gmail Account ခိုးရင္မလြယ္ဘူးဆိုၿပီးသူ႕စီမွာပါတဲ႔ Link ကို မႏိွပ္ရဲဘူး။ ဟီးဟီး သိတယ္မဟုတ္လား အခုတေလာ ျမန္မာလူငယ္ေလးေတြလက္စြမ္းျပေနတာေလ။ ဟိုဟာ Hack လိုက္ ဒီဟာ Crack လိုက္ဆိုေတာ႔ ေၾကာက္လို႔ေလ။

ဒါနဲ႔ Link ကို Copy လုပ္ၿပီး၊ Browser Address Bar မွာ ထည္႔လိုက္တယ္။ Virus ကိုက္လည္းကိုက္ကိုက္ဆိုၿပီးေတာ႔ ဒါေပမယ္႔ ကၽြန္ေတာ္ အရဲစြန္႔တာမွန္သြားတယ္။ ကၽြန္ေတာ္ထင္သလို Virus ျဖန္တဲ႔ Site လည္းမဟုတ္ဘူး။ PC Attacking လုပ္မယ္႔ Site လည္း မဟုတ္ဘူး။အရမ္းကိုလွတဲ႔ Wallpaper ေတြကိုစိတ္ႀကိုက္ Resolution နဲ႔ Download လုပ္လို႔ရတဲ႔ေနရာျဖစ္ေနတယ္။ Resolution အျမင္႔ဆံုး ( 3840×1200 Multi Monitor 16:5 ) ထိရပါတယ္။ Site ရဲ႔ Navigation (User Interface) ကလည္းလြယ္ကူေကာင္းမြန္ပါတယ္။ ေနာက္တစ္ခုက Free ဆိုတဲ႔ အခမဲ႔ ယူႏိုင္တယ္ဆိုတဲ႔ Site ျဖစ္ေနတယ္။ ကၽြန္ေတာ္တို႔လို႔ အခေပးၿပီးမဝယ္ႏိုင္ေသးတဲ႔သူေတြအတြက္ကေတာ႔ အေကာင္းဆံုး Site တစ္ခုေပါ႔ဗ်ာ။ Commercial User အတြက္ Copyright Free လားဆိုတဲ႔ Case ကို Site Admin နဲ႔ ေမးျမန္းခဲ႔တဲ႔ အခါမွာေတာ႔ ဒီလိုေျပာပါတယ္။

ဟုတ္ကဲ႕ .. ဒီ Site က Wallpapers ေတြကို Original Uploader ေတြပဲ႔ပိုင္ပါတယ္ခင္ဗ်။ ပံုေတြအားလံုးက around the net ကရယူထားတာပါ။ သူတို႕ရဲ႕ Copright ေတာ႕ရွိမွာၿဖစ္တဲ႕အတြက္ ကြ်န္ေတာ္႕အေနနဲ႕ ဘာမွမေၿပာတတ္ပါဘူး။

ဘာပဲေျပာေျပာပါ။ဒီ Site အရမ္းလွတဲ႔ Wallpaper ေတြရတာနဲ႔တင္ေပ်ာ္စရာေကာင္းေနပါၿပီ။ကဲ ခင္ဗ်ားတို႔လည္း ေလ႕လာၾကည္႔လိုက္ပါ။ Address ကေတာ႔ http://wallpapers.87region.com

Computer သံုးေနရင္း စိတ္ညစ္ေနတာပဲျဖစ္ျဖစ္ စိတ္ရႈပ္ေနရင္းပဲျဖစ္ျဖစ္ Computer Background မွာ wallpaper လွလွေလးေတြျမင္ရင္စိတ္ခ်မ္းသာေနရတယ္ေလ။ ဒါေၾကာင္႔ ခင္ဗ်ားတို႔လည္း ဒီ Site ေလးကိုႀကိဳက္မယ္လို႔ေမွ်ာ္လင္႔မိပါတယ္။

ဒါကသူ႔ရဲ႕မႈရင္း Email ပါစာေတြပါ။

သင္၏ ကြန္ၿပဴတာတြင္ BackGround လွလွေလးေတြတင္ႏိုင္ဖို႕
High Quality Desktop Wallpapers မ်ားကို ဒီ၀ဘ္ဆိုဒ္တြင္ အခမဲ႕ ရရွိႏိုင္ၿပီၿဖစ္ပါသည္။
High Quality Wallpapers မ်ားကို Resolutions ေပါင္းမ်ားစြာၿဖင္႕
အခမဲ႕ ရယူႏိုင္ၿပီၿဖစ္ပါသည္။

သင္႕အေနၿဖင္႕ သင္၏ ကိုယ္ပိုင္ Wallpapers မ်ားၿဖစ္ေစ သင္႕တြင္ရွိေသာ
Wallpaper မ်ားအား ေ၀မွ်လိုလွ်င္ သင္ကိုယ္တိုင္ ေ၀မွ်ႏိုင္ပါသည္။
ယခုအခါ Category ေပါင္း မ်ားစြာႏွင္႕အတူ လွပေသာ wallpapers ေပါင္း ၅၀၀ ေက်ာ္ကို
သင္အခမဲ႕ ရယူႏိုင္ၿပီၿဖစ္ပါသည္။ အခ်ိန္ႏွင္႕အမွ် အသစ္အသစ္ေတြ
တင္ေနတာေၾကာင္႕ ေန႕တိုင္းလာေရာက္ ၾကည္႕ဖို႕မေမ႕ဖို႕လဲ ထပ္လဲသတိေပးပါရေစ။

ဒီ၀ဘ္ဆိုဒ္ကို သင္႕အေနၿဖင္႕ႏွစ္သက္ပါက သင္႕သူငယ္ခ်င္းမ်ားအား လက္ဆင္႕
ေၾကာ္ၿငာေပးၿခင္းၿဖင္႕ အကူအညီေပးၾကရန္ ေတာင္းဆိုအပ္ပါသည္။

၀ဘ္ဆိုဒ္လိပ္စာကေတာ႕

http://wallpapers.87region.com

About Author

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/2009/02/04/best-wallpaper-free-download-site/feed/ 1 Pencil Sketch Tutorial http://www.phoechan.com/blog/2009/01/29/pencil-sketch-tutorial/ http://www.phoechan.com/blog/2009/01/29/pencil-sketch-tutorial/#comments Thu, 29 Jan 2009 10:27:09 +0000 Phoe Chan http://www.phoechan.com/blog/?p=12

ကၽြန္ေတာ္သူငယ္ခ်င္းေတြအတြက္ပါ။ ခဲျခစ္ပန္းခ်ီလုပ္ခ်င္တယ္။ ငါ႔ပံုကို ပန္ခ်ီကားေလးလိုလုပ္ေပးပါ ဆိုသူမ်ားအတြက္ တစ္ခါတည္းတက္သြားေအာင္လို႔ ဒီ Pencil Sketch Tutorialေလးလုပ္ျဖစ္တာပါ။ အဆင္႔ေလးေတြမ်ားတယ္ထင္တယ္ မရွင္းတာရိွရင္ Comment မွာ ျပန္ေမးလို႔ရပါတယ္။ကဲစလိုက္က်ရေအာင္ :)

Step 1.
ပထမအဆင္႔အေနနဲ႕ Ctrl+Shift+N တြဲႏိုပ္ၿပီး layer အသစ္တစ္ခုယူပါ။Name ေနရာမွာ Grayလို႔ေပးပါ။ Color ေနရာမွာ None ထားပါမယ္။ Mode မွာ Overlay နဲ႔ Fill with Overlay-netural color (50% gray) Check Box ကို အမွတ္ျခစ္ပါ႔မယ္။

gritty-effect-step2.jpg

Step2.
Gray layer ကို Filter>Noise>Add Noise ေပးပါမယ္။Ammount မွာ 30ေပးပါတယ္။ Distribution မွာ Uniformေပးပါမယ္။Uniform ေပးရတာဟာ Noise ေတြကိုပိုၿပီး ေခ်ာေမြ႔ေစဖို႔ျဖစ္ပါတယ္။Monochromatic မွာCheck Box ကို အမွတ္ျခစ္ပါမယ္။

gritty-effect-step2.jpg

Step3.
Original Image  Layer ကို Image > Adjustment > Hue/saturation (Ctrl+U) ကိုသြားပါ။ Saturation မွာ  value ကို -30 ေပးပါ။အခုလိုေပးျခင္းဟာ image ကို Original Color ကေနပန္းခ်ီဆန္တဲ႔ Color ကိုကူးေျပာင္းခ်င္လို႔ျဖစ္ပါတယ္။

gritty-effect-step3.jpg

Step4.
Background Layer ကို Lock ျဖဳတ္ပါမယ္။လုပ္ပံုလုပ္နည္းအမ်ဳိးမ်ိဳးရိွပါတယ္။ Original Layerရဲ႕Original Layerရဲ႕ ေသာ႕ဂေလာက္ပံုေပၚမွာAlt+ Double Click ႏိုပ္ၿပီး။ Layer ကို lock ျဖဳတ္ႏွိင္ပါတယ္။ၿပီးေနာက္Background layer ကို Original Image ဟုေျပာင္းပါ။

gritty-effect-step4.jpg

ေနာက္တစ္နည္းက Background layer ကို Double Clickႏိုပ္ၿပီး New layer Dialogue Box က်လာပါမယ္။ဒါဆိုရင္ layer name ကိုလည္း အလြယ္တကူေပးလို႔ရပါတယ္။ပထမနည္းက Layer ကို Lock အျမန္ျဖဳတ္တဲ႔နည္းျဖစ္ၿပီး။ဒုတိယနည္းကေတာ႔ Layer name ကိုပါ Change ၿပီး lock ျဖဳတ္တဲ႔နည္းျဖစ္ပါတယ္။

gritty-effect-step4-B.jpg

Step5.
Original Image layer ကို Duplicate လုပ္ပါမယ္။ Original Image layerကို Select လုပ္ Right Click> Duplicate Layerဆိုၿပီး layer ကို Duplicate လုပ္ပါ႔မယ္ Shortcut Key ကေတာ႔
Ctrl + Jျဖစ္ပါတယ္။ၿပီးေနာက္ Duplicate လုပ္ထားတဲ႔ layer (Original Image copy) ကိုLayer ေတြရဲ႕ အေပၚဆံုးကိုတင္ပါမယ္။Shortcut က ( Ctrl+Shift+] )ပါ။ Original Image copy layer ကို Desaturate လုပ္ပါမယ္ Image > Adjustment > Desaturate ၊ Shortcut က
( Ctrl+Shift+U )ပါ။
Desaturate လုပ္ထားတဲ႔ layer ကိုထပ္ၿပီးေတာ႔ Copy လုပ္ပါမယ္။ Copy လုပ္ၿပီးတဲ႔ layer ကို Image> Adjustment>Invert (Ctrl+I)လုပ္ပါမယ္။

gritty-effect-step5.jpg

Invert လုပ္ထားတဲ႔ (Original Image layer copy 2) Layer ကို Blending Mode မွာ Color Dodgeေျပာင္းေပးပါ။

gritty-effect-step5B.jpg

Color Dodgeေျပာင္း ၿပီးသား (Original Image layer copy 2) layer ကို Filter > Blur> Gaussian Blur ၊Radius value ကိုေတာ႔ ကိုယ္႔စိတ္ႀကိဳက္ထားပါ။ကၽြန္ေတာ္ကေတာ႔ 4 pixelsထားပါတယ္။တျခား ကိုႏွစ္သက္ရာ pixels ေပးၿပီးၾကည္႔ေကာင္းသလိုလုပ္ႏိုင္ပါတယ္။ အခုဆိုရင္ကၽြန္ေတာ္တို႔ရဲ႕ Image ေလးကခဲျခစ္ပန္ခ်ီေလးနဲ႔ တူလာပါၿပီ။ဒါေပမယ္႔ ဒီထက္ေကာင္းတဲ႔ ခဲျခစ္ပန္းခ်ီရဖို႕ေနာက္ဆင္႔တက္ရေအာင္။

gritty-effect-step5C.jpg

Step6.
ေနာက္တစ္ဆင္႔အေနနဲ႔ကေတာ႔ Original Image layer copy 1 layer ႏွင္႔ Original Image layer copy 2 ကို ေပါင္းပါမယ္။
Original Image layer copy 2ကို Selectလုပ္ၿပီး  Layer>Merge Down (Ctrl + E) လုပ္ၿပီး Sketch Layer လို႔ နာမည္ေျပာင္းလိုက္ပါ။ ၿပီးရင္Layer ေတြရဲ႕ေအာက္ဆံုးကိုခ်လိုက္ပါ
Shortcut Key က( Ctrl + Shift+[ )ျဖစ္ပါတယ္။

gritty-effect-step6.jpg

ၿပီးရင္ Orginal Image layer ကို Layer ေတြအားလံုးရဲ႕ အေပၚဆံုးကိုတင္ပါမယ္။ Shortcut ကေတာ႔
( Ctrl+Shift+] ) ျဖစ္ပါတယ္။ Orginal Image layer ကို Blending mode မွာ Color လို႔ ေျပာင္းပါ။ ဒီလို လုပ္တာကေတာ႔ Color pencil နဲ႔ဆြဲတဲ႔ ပံုျဖစ္ေအာင္လုပ္တာပါ။ ခဲျခစ္ပန္းခ်ီပဲလုပ္မယ္ဆိုရင္ ဒီအဆင္႔မလိုပါဘူး။

gritty-effect-stepB.jpg

ေကာင္းမေလးရဲ႕ပံုကိုပဲလိုခ်င္ရင္ေတာ႕ Original Image layer ကို Select လုပ္ၿပီး (Ctrl+Alt+Shift+E) ကိုႏိုပ္ၿပီး Merge လုပ္လိုက္။ ၿပီးေတာ႔ အဲဒီအေပၚဆံုး Layer (layer 1) ကို Add Vector mask ေပးလိုက္ပါ။ၿပီးေတာ႔ ပန္းခ်ီကားနဲ႔တူေအာင္ လို႔ မလိုခ်င္တဲ႔ အပိုင္းေတြကို ျဖတ္ပါမယ္။ ျဖတ္တဲ႔ အခါမွာ အမွားအယြင္း ရိွခဲ႔ရင္ အလြယ္တကူျပင္လို႔ ရေအာင္လို႔ Vector Mask ကိုသံုးပါမယ္။

gritty-effect-step6C.jpg

Vector  mask သံုးပံုသံုးနည္း က အရမ္းရိုးရွင္းၿပီးေတာ႔ လြယ္ကူပါတယ္။ အထက္ပါပံုမွာ ျပထားတဲ႔ အတိုင္း layer 1 ရဲ႕ Red Circle ျပထားတဲ႔ေနရာကို Click လုပ္ပါ ၿပီးရင္ ကိုျဖတ္ခ်င္တဲ႔ အပိုင္းကို Brush သံုးၿပီးျဖတ္ပါမယ္။ Brush ရဲ႕ Default Color ျဖစ္တဲ႔ Black and White ျဖစ္ဖို႔ Keyboard Shortcut (“D”) key ကိုႏိွပ္ပါ။

gritty-effect-step6D.jpg

ၿပီးရင္ Brush မွာ Soft mechanical 12 pixels ကိုသံုးၿပီး မလိုခ်င္တဲ႔ အပိုင္းေတြကို ျဖတ္ေပးပါ။ ကၽြန္ေတာ္ကေတာ႔ Final Image မွာ ျမင္ရသလိုမ်ဳိး ျဖတ္လိုက္တယ္။ ခင္ဗ်ားတို႕လည္း ကိုဆြဲတဲ႔ Model ေပၚမႈတည္ၿပီး စိတ္ႀကိဳက္သာျဖတ္က်ေပေတာ႔။ ေပ်ာ္ရႊင္ႏို္င္ၾကပါေစဗ်ာ။

About Author

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/2009/01/29/pencil-sketch-tutorial/feed/ 0 PNG for IE 6 and Older Browsers Error http://www.phoechan.com/blog/2009/01/25/png-for-ie-6-and-older-browsers/ http://www.phoechan.com/blog/2009/01/25/png-for-ie-6-and-older-browsers/#comments Sun, 25 Jan 2009 09:58:51 +0000 Phoe Chan http://www.phoechan.com/blog/?p=10 png-fix

ကၽြန္ေတာ္တို႔ေတြ Web Design ဆြဲတဲ႔အခါမွာ Transparent ေတြပါတက္ပါတယ္။ Transparent အကိုအေကာင္းဆံုးအလုပ္လုပ္ႏိုင္တာကေတာ႕ PNG Format ပါပဲ။ ဒါေပမယ္႔ PNG Format က IE6 နဲ႔ အျခား Browserေတာ္ေတာ္မ်ားမ်ားမွာ Supprort မလုပ္ပါဘူး။ PNG ကိုမသံုးပဲ GIF Format ကိုေျပာင္းသံုးမယ္ဆိုရင္လည္း။ GIF မွာက Shadow ေတြ Transpaency ေတြကို ေကာင္းေကာင္းအလုပ္ မလုပ္ပါဘူး အနားေတြမွာ အျဖဴေရာင္ေတြေပၚေနတက္ပါတယ္။ ဒါေၾကာင္႔ PNG Format ကိုသံုးရတာပါ။ PNG Format မွာ PNG 24 and PNG 8 ႏွစ္မ်ဳိးႏွစ္စားရိွပါတယ္။ PNG 8ကေတာ႔ GIF Format နဲ႔ ထူးမျခားနားပါပဲ။PNG 24 ကိုပဲသံုးတာအေကာင္းဆံုးပါပဲ။ PNG Formatနဲ႔သံုးေတာ႔မယ္ဆိုရင္ Browser တိုင္းနဲ႔ အဆင္ေျပေအာင္ Javascript ကိုသံုးရပါတယ္။ Javascript ၾကားလို႔ လန္႔မသြားပါနဲ႔ဦး ကၽြန္ေတာ္လည္း Programming ေကာင္းေကာင္းမတက္ပါဘူး၊ ဒါေပမယ္႔ HTML တက္ရံုနဲ႔ အသံုးျပဳလို႔ရပါတယ္။ pngfix.js File ကို Download လုပ္ပါ။လုပ္ပံုလုပ္နည္းႏွစ္ခုရိွပါတယ္။

Method 1 (Copy and Paste)

ဒီနည္းကေတာ႔ စာမ်က္နာတစ္ခုတည္းအတြက္ HTML page ရဲ႕ Head tag အတြင္းမွာ အသံုးျပဳမွာျဖစ္ပါတယ္။ေအာက္ကcdoeေလးကို <!–[if lt IE 7]>မွ<![endif]–> အထိ Copy လုပ္ၿပီး PNG ပါတဲ႔ HTML pages ရဲ႕ Head tag မွာ paste လုပ္လိုက္ပါ။ ဒါဆိုရင္ PNG ဟာလွလွပပေပၚလာမွာပါ။

<!--[if lt IE 7]>

<script language=”JavaScript”>

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.

{

var arVersion = navigator.appVersion.split(“MSIE”)

var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters))

{

for(var i=0; i<document.images.length; i++)

{

var img = document.images[i]

var imgName = img.src.toUpperCase()

if (imgName.substring(imgName.length-3, imgName.length) == “PNG”)

{

var imgID = (img.id) ? “id=’” + img.id + “‘ ” : “”

var imgClass = (img.className) ? “class=’” + img.className + “‘ ” : “”

var imgTitle = (img.title) ? “title=’” + img.title + “‘ ” : “title=’” + img.alt + “‘ “

var imgStyle = “display:inline-block;” + img.style.cssText

if (img.align == “left”) imgStyle = “float:left;” + imgStyle

if (img.align == “right”) imgStyle = “float:right;” + imgStyle

if (img.parentElement.href) imgStyle = “cursor:hand;” + imgStyle

var strNewHTML = “<span ” + imgID + imgClass + imgTitle

+ ” style=\”" + “width:” + img.width + “px; height:” + img.height + “px;” + imgStyle + “;”

+ “filter:progid:DXImageTransform.Microsoft.AlphaImageLoader”

+ “(src=\’” + img.src + “\’, sizingMethod=’scale’);\”></span>”

img.outerHTML = strNewHTML

i = i-1

}

}

}

}

window.attachEvent(“onload”, correctPNG);

</script>

<![endif]–>

Method 2: (Recommended) JS Include File

ဒီနည္းကေတာ႔ PNG ပံုပါတဲ႔ web page တိုင္းအတြက္ pangfix.js file ကိုေခၚသံုးမွာပါ။ pngfix.js file ကိုခင္ဗ်ားရဲ႕ web project folder ထဲထဲ႔လိုက္ပါ။ ၿပီးေတာ႕ PNG ပံုပါတဲ႔ web pages တိုင္းရဲ႕ head tag မွာဒီ Codeေလးထဲ႕လိုက္ပါ။ code ရဲ႕ src=”pngfix.js” ေနရာမွာ ခင္ဗ်ား pngfix.js ရိွတဲ႔ေနရာကိုထဲရမွာပါ။ခင္ဗ်ားက pngfix.js file ကို script folder ထဲမွာထဲ႔မယ္ဆိုရင္၊ Src=”script\pngfix.js” ဆိုၿပီးေရးရမယ္။ဒီလိုလုပ္ၿပီးရင္ေတာ႔ ခင္ဗ်ား PNG ပံုေလးေတြကို အေႏွာက္ယွတ္ကင္းကင္းေတြ႔ႏိုင္ၿပီေပါ႔ဗ်ာ။

Head Tag ထဲမွာေရးရန္ Code

<!–[if lt IE 7.]>
<script defer type=”text/javascript” src=”pngfix.js”></script>
<![endif]–>

About Author

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/2009/01/25/png-for-ie-6-and-older-browsers/feed/ 2