- မူရင္းစာမ်က္ႏွာ »
- Other Webdeveloper Lesson »
- html_10
ေရးသားသူ : Christ Leo
Tuesday, July 26, 2016
Color
ဒီအခန္းမွာေတာ့ သင့္၀က္ဆိုက္ကို တည္ေဆာက္ရာမွာ မျဖစ္မေန သံုးရမယ့္ Colors ဆိုတဲ့ အေရာင္ေတြအေၾကာင္းကို သင္ေပးသြားမယ္၊ အေရာင္ေတြကို
နာမည္သံုးမ်ိဳးနဲ႔ မွတ္ျပီး ေခၚေ၀ၚအသံုးျပဳႏိုင္တယ္၊ ဘယ္ အေရာင္ကိုပဲ သံုးသံုး အေရာင္တေအားလံုးက Red, Blue , Green ဆိုတဲ့ အေရာင္သံုးမ်ိဳးကို
လိုအပ္သလိုေရာစပ္လိုက္လို႔ျဖစ္ေပၚလာတာ၊ ေအာက္မွာ အေရာင္နာမည္ ေတြကိုေခၚသံုးတဲ့နည္း သံုးမ်ိဳး၊
Color name : : ဒီနည္းကေတာ့ အေရာင္ေတြရဲ့နာမည္ကို တိုက္ရိုက္ ေခၚျပီးသံုးတဲ့နည္းပါ၊ Yellow, Green စသျဖင့္ေပါ့၊
Hexadecimal Value : : HEX လို႔ အတိုေကာက္ေခၚပါတယ္၊ သူကေတာ့ အေရာင္တန္ဖိုးေတြကို သခ်ၤာ ဂဏန္းေတြနဲ႔ အဂၤလိပ္ အကၡရာေတြပါ ပါျပီး
သတ္မွတ္တာပါ၊ ဥပမာ အျဖဴေရာင္ဆိုရင္ #FFFFFF; အနက္ေရာင္ဆိုရင္ #000000; စသျဖင့္သတ္မွတ္ၾကပါတယ္၊
RGB : : rgb ကေတာ့ red, green, blue ဆိုတဲ့အေရာင္သံုးမ်ိဳးကို လိုအပ္တဲ့ အမာဏအလိုက္ေရးလိုက္တာပါ၊ ဥပမာ rgb(101, 0,
10) ဆိုျပီးေရးပါတယ္၊ ဒါဆိုရင္ေတာ့ rgb(အနီေရာင္ 101 , အစိမ္းေရာင္ 0, အျပာေရာင္ 10) ဆိုတဲ့အဓိပၸါယ္ပါ၊ ဒီေနရာမွာ အေရာင္ေတြရဲ့ အေပ်ာ့ ဆံုး
တန္ဖိုးကို 0 အျဖစ္သတ္မွတ္ျပီး အျပင္းဆံုး (အျပစ္ဆံုး) တန္ဖိုးကိုေတာ့ 250 အထိသတ္မွတ္ၾကပါတယ္၊
အထက္က အေျခအေနကို ၾကည့္ရင္ အေရာင္ေတြကိုေခၚသံုးလို႔ရတဲ့ နည္းသံုးမ်ိဳးရွိတယ္၊ အေပၚဆံုးက color name ကိုတိုက္ရိုက္ေရးသံုးရင္ ေတာ့
လြယ္တယ္ထင္ရတယ္၊ ႏို႕ေပမယ့္ အေရာင္အမ်ိဳးအစားေပါင္း သန္းနဲ႔ ခ်ီရွိတာ ဘယ္လို အလြတ္မွတ္မလဲ၊ အူးလားလား မျဖစ္ႏိုင္ဘူး၊ အလြတ္က်က္လို႔လဲ
အဆင္မေျပဘူး၊ ဒီေတာ့ ဒီ Color name ေတြကို တိုက္ရိုက္ေခၚသံုးတဲ့နည္းကိုစြန္႔လြတ္လိုက္မယ္၊
ဒုတိယ အေရာင္ကိုေခၚသံုးတဲ့နည္းကေတာ့ သခ်ၤာ ဂဏန္းေတြနဲ႔ အဂၤလိပ္ စာလံုးေတြကို ေထြရာေလးပါး ညွက္ျပီးသံုးတဲ့နည္းပါ၊ ဟုတ္သလိုလုိရွိေပမယ့္
သူလဲ အလြတ္မွတ္ရမွာ မလြယ္လွဘူး၊ ဒီေတာ့ သူနည္းကို သံုးလို႔မသင့္ဘူး (Hesadecimal Value ကိုသံုးရင္ေရွ႕က # သေကၤသခံရမယ္၊
တတိယ နည္းကိေတာ့ သင့္စိတ္ၾကိဳက္ အနီ အစိမ္း အျပာ အေရာင္ေတြကို လိုသလို တန္ဖိုးသတ္မွတ္ျပီးသံုးတာ၊
အနီေရာင္ကို ေဖ်ာ့ေဖ်ာ့ေလးထည့္လိုက္မယ္ဆိုရင္ ေရွ႕ ဆံုးက အနီေရာင္ကို ကိုစားျပဳတဲ့ ေနရာမွာ 10 ေလာက္ထည့္လိုက္ rgb(10, ျပီးရင္ အစိမ္းေရာင္ကို
မေတာက္ မထံုး အေရာင္ေလးထည့္မယ္ဆိုရင္ျဖင့္ 100 ေလာက္ထည့္လိုက္ (10,100 ျပီးရင္ အျပာေရာင္ထူထူ ေလး ထည့္မယ္ဆိုျပီး 225 ထည့္လိုက္ rgb
(10,100,225) ၊ ဒါဆိုရင္ ဘာအေရာင္မွန္းမသိတဲ့အေရာင္ကိုရမယ္၊ ဒီနည္းက ၾကည့္ရတာ ေတာ့ လန္းသလိုလို ဘာလိုလို နဲ႔ သင့္ကို web designer
ဘ၀က ေန အေရာင္စပ္လို႔ တသက္လံုးမျပီးေတာ့တဲ့ တသက္တာ အေရာင္စပ္သမား ဘ၀ကိုပို႔လိုက္လိမ့္မယ္၊
နည္းက သံုးမ်ိဳးထဲရွိတယ္ေျပာျပီး သံုးမ်ိဳးလံုးသံုးလို႔ အဆင္မေျပဘူးဆိုေတာ့ ဘာကိုသံုးရမလဲ၊ အေရာင္မထည့္ပဲ ေျပာင္ အျဖဴေရာင္ဆိုက္ေတြပဲ
လုပ္ရမွာလားလို႔ေမးေကာင္းေမးလိမ့္မယ္၊
ဒီလိုေတာ့ မဟုတ္ဘူး ေျဖရွင္းလို႔ရႏိုင္တဲ့နည္းေတာ့ ရွိတယ္၊ ဒါကေတာ့ Photoshop ကိုသံုးျပီးအေရာင္ရွာမယ္၊ ဒီအတြက္ photoshop ကိုဖြင့္လိုက္၊ သင္
Designer တစ္ေယာက္လုပ္ေတာ့ မယ္ဆိုရင္ Photoshop မရွိလို႔မျဖစ္ဘူး၊ ရွိကိုရွိမွရမယ္၊ ဒါမွမဟုတ္ရင္ Desinger မလုပ္နဲ႔၊ မရွိေသးရင္ ေအာက္က
လင့္မွာယူ
အခု Photoshop ကိုဖြင့္လိုက္ ေအာက္က အတိုင္း
ၾကိဳက္တဲ့ေနရာ ႏွိပ္၊ ဒါဆိုရင္ေတာ့ ေအာက္က အတိုင္း အေရာင္ေရြးလို႔ရတဲ့ ဇယားမယ္
အထက္မွာ ျပထားတဲ့ပံုကေတာ့ Photoshop မွာပါတဲ့ color Picker ပံုပါ အခုယူထားတာ Foreground Color ပံု၊ အနီေရာင္ျမားျပထားတဲ့ အစက္ေလးက
သင့္ရဲ့ pointer ပါ၊ သူ႔ကိုအသံုးျပဳျပီး ၾကိဳက္ေနရာကို ေထာက္လိုက္ ဒါဆိုရင္ အဲ့ဒီ့ ေနရာက အေရာင္ကိုေရြးေပးလိမ့္မယ္၊ အစိမ္းေရာင္ျပထားတဲ့ျမားက
သင္ေရြး ေနတဲ့အေရာင္ရဲ့နာမည္၊ သင္အနီေရာင္ျမားကိုသံုးျပီး အေရာင္ေရြးတိုင္း အစိမ္းေရာင္ျမားျပထားတဲ့ေနရာမွာ အေရာင္ နာမည္ေျပာင္းေနမယ္၊
Hexadecimal Value ပါ၊ ဒါနဲ႔ မွ လက္ရွိေရာက္ေနတဲ့ အေရာင္ ပရ၀ုဒ္ ကို မၾကိဳက္ေသးဘူးဆိုရင္ အနက္ေရာင္ျမားျပထားတဲ့ေနရာကို ခလစ္ေထာက္ျပီး
အေပၚေအာက္ဆြဲလို႔ရတယ္၊ သူကို ဆြဲေနတဲ့ အခ်ိန္မွာ အနီေရာင္ျမားရွိတဲ့ အေရာင္မ်က္ႏွာျပင္က ေျပာင္းေနမယ္။ သင့္ အၾကီဳက္ဆံုးအေရာင္ေနရာမွာ
ခလစ္တစ္ခ်က္ႏွိပ္ ဒါဆိုရင္ အဲ့ဒီ့ အေရာင္နာမည္ အစိမ္းေရာင္ျမားျပထားတဲ့ ေနရာမွာေပၚမယ္၊ အဲ့ဒီ့တန္ဖိုးကိုယူ ေရွ႕က # sharp ထည့္၊ ဒါဆိုရင္
သင္ေရြးလိုက္တဲ့အေရာင္နာမည္ျဖစ္သြားပီ သင့္၀က္ဆိုက္မွာသံုးေတာ့၊
ေနာက္ျပီးေတာ့ သင္က ပံုတစ္ပံုကိုေတြ႔ထားတယ္၊ အဲ့ဒီ့ပံုမွာ ပါတဲ့အေရာင္ကိုမွလိုခ်င္သပ ဆိုရင္ျဖင့္လဲ အဲ့ဒီ့ ပံုကို Photoshop ထဲကိုထည့္လိုက္ ျပီးရင္
foreground ျဖစ္ျဖစ္ background ျဖစ္ျဖစ္ ဖြင့္ ျပီးရင္ eyedropper tool ကိုသံုးျပီး သင္ၾကိဳက္တဲ့ ပံုရဲ့ ၾကိဳက္တဲ့ေနရာက
အေရာက္ကိုခလစ္တစ္ခ်က္ေထာက္ ဒါဆိုရင္ျဖင့္ အေရာင္နာမည္ေနရာမွ တန္ဖိုးေျပာင္းသြားမယ္၊ ေျပာင္းသြားတဲ့တန္ဖိုးကို ယူ ေရွ႕က Sharp ထည့္ ျပီးရင္
အဲ့ဒီ့ တန္ဖိုးကိုသင့္ ဆိုက္မွာသံုး သင္လိုခ်င္တဲ့အေရာင္ရပီ၊
သင္ eyedropper tool ေထာက္ရမယ့္ေနရာက ဓာတ္ပံုရဲ့ အတြင္းမွာေနာ္၊
Web desinger အျဖစ္ရပ္တည္သြားလိုသူေတြျဖစ္ေစ ဓာတ္ပံုေတြကို ျပဳျပင္တည္းျဖတ္တဲ့ အတတ္ပညာကိုေလ့လာ လိုသူေတြျဖစ္ေစ 72coder ရဲ့
Photoshop သင္ခန္းစာမွာ Photoshop နဲ႔ ပတ္သတ္သမွ် ေလ့လာႏိုင္ပါတယ္၊ Web Designer လုပ္မယ့္သူေတြေတာ့ မျဖစ္မေနေလ့လာရမယ္၊
အျခားPostမ်ားၾကည့္လိုပါကအေပၚက Menu မွာၾကည့္လို႔ရပါတယ္ေနာ္
ကၽြန္ေတာ္ပိုင္ေနရာေလးမ်ား
ေရာင္ျပန္ေလးစာေပသို႔ဒီမွာသြားပါ
18+တို႔ဆံုဆည္းရာသို႔ဒီမွာသြားပါ
****အဆင္မေျပမႈ႔တစ္စံုတစ္ရာရွိပါက****
Facebook Account ျဖစ္တဲ႔
ေအာက္ပါပံုေလးကိုႏွိပ္ျပီးေ၀ဖန္အၾကံေပးႏိုင္ပါတယ္