PS/UI設(shè)計師學(xué)習(xí)-新手入門第一課1-1 RGB色彩模式

我們用放大鏡就近觀電腦顯示器或電視機的屏幕七冲,會看到數(shù)量極多的分為紅色綠色藍色三種顏色的小點锨用。如下左圖,下右圖是左圖的局部放大泽裳。屏幕上的所有顏色瞒斩,也就是我們看到的所有圖像內(nèi)容,都是由它們調(diào)和而成的涮总。

現(xiàn)在我們在Photoshop中打開如下左圖胸囱,打開的方法是通過菜單【文件_打開】或使用快捷鍵〖CTRL_O〗(有關(guān)快捷鍵的說明將在以后的課程中出現(xiàn),現(xiàn)在不明白也沒有關(guān)系)瀑梗。也可以直接從Windows目錄中拖動圖像到Photoshop烹笔。如果Photoshop窗口被遮蓋或最小化,也可拖動到其位于任務(wù)欄的按鈕上抛丽,待Photoshop窗口彈出后再拖動到窗口中谤职。

按〖F8〗或從菜單【窗口_信息】調(diào)出信息調(diào)板。如下右圖亿鲜。然后試著在圖像中移動鼠標(biāo)允蜈,會看到其中的數(shù)值在不斷的變化。注意移動到藍色區(qū)域的時候狡门,會看到B的數(shù)值高一些陷寝;移動到紅色區(qū)域的時候則R的數(shù)值高一些。

電腦屏幕上的所有顏色其馏,都由這紅色綠色藍色三種色光按照不同的比例混合而成的凤跑。一組紅色綠色藍色就是一個最小的顯示單位。屏幕上的任何一個顏色都可以由一組RGB值來記錄和表達叛复。那么仔引,在下面所看到的最左端的圖片實際上是由右方的三個部分組成的扔仓。

因此這紅色綠色藍色又稱為三原色光,用英文表示就是R(red)咖耘、G(green)翘簇、B(blue)《梗可以把RGB想象為中國菜里面的糖版保、鹽、味精夫否,任何一道菜都是用這三種調(diào)料混合的 彻犁。

在制作不同的菜時,三者的比例也不相同凰慈,甚至可能是迥異的汞幢。因此不同的圖像中,RGB各個的成分也不盡相同微谓,可能有的圖中R(紅色)成分多一些森篷,有的B(藍色)成分多一些。

做菜的時候豺型,菜譜上會提示類似“糖3克仲智、鹽1克”等,來表示調(diào)料的多少触创,在電腦中坎藐,RGB的所謂“多少”就是指亮度,并使用整數(shù)來表示哼绑。通常情況下岩馍,RGB各有256級亮度,用數(shù)字表示為從0抖韩、1蛀恩、2…直到255。注意雖然數(shù)字最高是255茂浮,但0也是數(shù)值之一双谆,因此共256級。如同2000年到2010年共是11年一樣席揽。

按照計算顽馋,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216幌羞。通常也被簡稱為1600萬色或千萬色寸谜。也稱為24位色(2的24次方)。

這24位色還有一種較為怪異的稱呼是8位通道色属桦,為什么這樣稱呼呢熊痴?

這里的所謂通道他爸,實際上就是指三種色光各自的亮度范圍,我們知道其范圍是256果善,256是2的8次方诊笤,就稱為8位通道色。

為什么老是用2的次方來表示呢巾陕?因為計算機是2進制的讨跟,因此在表達色彩數(shù)量以及其他一些數(shù)量的時候,都使用2的次方惜论。

這里的色彩通道许赃,在概念上不是一件具體的事物。我們可以把三原色光比作三盞不同顏色的可調(diào)光臺燈馆类,那么通道就相當(dāng)于調(diào)光的按鈕。對于觀看者而言弹谁,感受到的只是圖像本身乾巧,而不會去聯(lián)想究竟三種色光是如何混合的。正如同你只關(guān)心電影中演員的演出预愤,而不會去想拍攝時候?qū)а葜笓]的過程沟于。因此,通道的作用是“控制”植康,而不是“展現(xiàn)”旷太。

以上所說的是色彩通道,和后面教程中的圖像通道概念上不完全相同销睁。

從PhotoshopCS版本開始增強了對16位通道色的支持供璧,這就意味著可以顯示更多的色彩數(shù)(即48位色,約281萬億)冻记。RGB單獨的亮度值為2的16次方睡毒,等于65536,65536的三次方為281474976710656冗栗。但是由于人眼所能分辨的色彩數(shù)量還達不到24位的1678萬色演顾。所以更高的色彩數(shù)量在人眼看來說并沒有區(qū)別。

可以用字母R,G,B加上各自的數(shù)值來表達一種顏色隅居,如R32,G157,B95钠至,或r32g157b95。有時候為了省事也略去字母寫32,157,95(分隔的符號不可標(biāo)錯)胎源。那么代表的順序就是RGB棉钧。另外還有一種16進制的表達法將在以后敘述 。

那么這些數(shù)字和顏色究竟如何對應(yīng)起來呢乒融,或者說掰盘,怎樣才能從一組數(shù)字中判斷出是什么顏色呢摄悯?

實際上,直接從數(shù)值中去判斷出顏色對于初學(xué)者甚至是老手都是比較困難的愧捕。因為要考慮三種色光之間的混合情況奢驯,這需要一定的經(jīng)驗。不過這種能力并不是非具備不可的次绘。即使無法做到瘪阁,對于以后也無妨礙。

對于單獨的R或G或B而言邮偎,當(dāng)數(shù)值為0的時候管跺,代表這個顏色不發(fā)光;如果為255禾进,則該顏色為最高亮度豁跑。這就好像調(diào)光臺燈一樣,數(shù)字0就等于把燈關(guān)了泻云,數(shù)字255就等于把調(diào)光旋鈕開到最大艇拍。

現(xiàn)在離開教程思考一下:屏幕上的純黑、純白宠纯、最紅色卸夕、最綠色、最藍色婆瓜、最黃色的RGB值各是多少快集?

思考完之后我們打開Photoshop,調(diào)出顏色調(diào)板〖F6〗廉白,并點擊一下紅色箭頭處的色塊个初。如下左圖。這個色塊代表前景色蒙秒。另一個位于其右下方的色塊代表背景色勃黍。Photoshop默認(rèn)是前景色黑,背景色白晕讲「不瘢快捷鍵〖D〗可重設(shè)為默認(rèn)顏色。

0101如果顏色調(diào)板中不是RGB方式瓢省,可以點擊顏色調(diào)板右上角那個小三角形按鈕弄息,在彈出的菜單中選擇RGB滑塊,如下右圖勤婚。

純黑摹量,是因為屏幕上沒有任何色光存在。相當(dāng)于RGB三種色光都沒有發(fā)光。所以屏幕上黑的RGB值是0,0,0缨称。我們可相應(yīng)調(diào)整滑塊或直接輸入數(shù)字凝果,會看到色塊變成了黑色。如下左圖睦尽。

而白正相反器净,是RGB三種色光都發(fā)到最強的亮度,所以純白的RGB值就是255,255,255当凡。如下中圖山害。

最紅色,意味著只有紅色存在沿量,且亮度最強浪慌,綠色和藍色都不發(fā)光。因此最紅色的數(shù)值是255,0,0朴则。如下右圖权纤。

同理,最綠色就是0,255,0佛掖;而最藍色就是0,0,255妖碉。你做對了嗎?如果沒有請重復(fù)學(xué)習(xí)前面的內(nèi)容芥被。

那么最黃色呢?RGB中并沒有包含黃色的項目啊坐榆。把這問題暫且放下拴魄,我們先來看一下色彩的色相譜。如下左圖席镀。

所謂色相就是指顏色的色彩種類匹中,分別是:紅色橙色黃色綠色青色藍色紫色。這七種顏色頭尾相接豪诲,形成一個閉合的環(huán)顶捷。以X軸方向表示0度起點,逆時針方向展開屎篱。如下右圖服赎。

在這個環(huán)中,位于180度夾角的兩種顏色(也就是圓的某條直徑兩端的顏色)交播,稱為反轉(zhuǎn)色重虑,又稱為互補色∏厥浚互補的兩種顏色之間是此消彼長的關(guān)系缺厉,現(xiàn)在我們把圓環(huán)中間的顏色填滿,如下左圖。假設(shè)目前位于圓心的小框代表就是我們要選取的顏色提针,那么命爬,這個小框往藍色移動的同時就會遠(yuǎn)離黃色,或者接近黃色同時就遠(yuǎn)離藍色辐脖。就像在蹺蹺板上不可能同時往兩邊走一樣饲宛,你不可能同時接近黃色和藍色。

在上圖中間是白色揖曾,可以看出落萎,如要得到最黃色,就需要把選色框向最黃色的方向移動炭剪,同時也逐漸遠(yuǎn)離最藍色练链。當(dāng)達到圓環(huán)黃色部分的邊緣時,就是最黃色奴拦,同時我們離最藍色也就最遠(yuǎn)了媒鼓。由此得出,黃色=白色-藍色”错妖。為什么不是白色+黃色呢绿鸣?因為藍色是原色光,要以原色光的調(diào)整為準(zhǔn)暂氯。因此潮模,最黃色的數(shù)值是255,255,0。如下右圖痴施。也可以得出:純黃色=純紅色+純綠色 擎厢。

如果屏幕上的一幅圖像偏黃色(特指屏幕顯示,印刷品則不同)辣吃,不能說是黃色光太多动遭,而應(yīng)該說是藍色光太少。

再看一下色譜環(huán)神得,我們可以目測出三原色光各自的反轉(zhuǎn)色厘惦。紅色對青色、綠色對洋紅色哩簿、藍色對黃色宵蕉。如下圖。

除了目測,還可以通過計算來確定任意一個顏色的反轉(zhuǎn)色:首先取得這個顏色的RGB數(shù)值,再用255分別減去現(xiàn)有的RGB值即可鬓照。比如黃色的RGB值是255,255,0,那么通過計算:r(255-255)缝左,g(255-255),b(255-0)∶焐迹互補色為:0,0,255蛇数。正是藍色。

對于一幅圖像是越,

若單獨增加R的亮度耳舅,相當(dāng)于紅色光的成分增加。那么這幅圖像就會偏紅色倚评。

若單獨增加B的亮度浦徊,相當(dāng)于藍色光的成分增加。那么這幅圖像就會偏藍色天梧。

通過以上的內(nèi)容盔性,我們講述了RGB色彩的概念,當(dāng)然后面我們還會介紹其他的色彩模式呢岗。但請記酌嵯恪:RGB模式是顯示器的物理色彩模式。這就意味著無論在軟件中使用何種色彩模式后豫,只要是在顯示器上顯示的悉尾,圖像最終是以RGB方式出現(xiàn)的。因此使用RGB模式進行操作是最快的挫酿,因為電腦不需要處理額外的色彩轉(zhuǎn)換工作构眯。當(dāng)然這種速度差異很難察覺,只是理論上的早龟。

全教程完,學(xué)完記得交作業(yè)鸵赖。如果本教程對您有所幫助,請推薦給你的朋友拄衰。

推薦 搖星學(xué)院UI設(shè)計師/web前端開發(fā)學(xué)習(xí)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市饵骨,隨后出現(xiàn)的幾起案子翘悉,更是在濱河造成了極大的恐慌,老刑警劉巖居触,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件妖混,死亡現(xiàn)場離奇詭異,居然都是意外死亡轮洋,警方通過查閱死者的電腦和手機制市,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來弊予,“玉大人祥楣,你說我怎么就攤上這事。” “怎么了误褪?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵责鳍,是天一觀的道長。 經(jīng)常有香客問我兽间,道長历葛,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任嘀略,我火速辦了婚禮恤溶,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘帜羊。我一直安慰自己咒程,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布逮壁。 她就那樣靜靜地躺著孵坚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪窥淆。 梳的紋絲不亂的頭發(fā)上卖宠,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天,我揣著相機與錄音忧饭,去河邊找鬼扛伍。 笑死,一個胖子當(dāng)著我的面吹牛词裤,可吹牛的內(nèi)容都是我干的刺洒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼吼砂,長吁一口氣:“原來是場噩夢啊……” “哼逆航!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起渔肩,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤因俐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后周偎,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體抹剩,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年蓉坎,在試婚紗的時候發(fā)現(xiàn)自己被綠了澳眷。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡蛉艾,死狀恐怖钳踊,靈堂內(nèi)的尸體忽然破棺而出衷敌,到底是詐尸還是另有隱情,我是刑警寧澤箍土,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布逢享,位于F島的核電站,受9級特大地震影響吴藻,放射性物質(zhì)發(fā)生泄漏瞒爬。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一沟堡、第九天 我趴在偏房一處隱蔽的房頂上張望侧但。 院中可真熱鬧,春花似錦航罗、人聲如沸禀横。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽柏锄。三九已至,卻和暖如春复亏,著一層夾襖步出監(jiān)牢的瞬間趾娃,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工缔御, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留抬闷,地道東北人。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓耕突,卻偏偏與公主長得像笤成,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子眷茁,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內(nèi)容