Photoshop大師之路
第01章各種主流色彩模式及其概念
第一節(jié) RGB色彩模式
我們用放大鏡就近觀電腦顯示器或電視機(jī)的屏幕，會(huì)看到數(shù)量極多的分為紅色綠色藍(lán)色三種顏色的小點(diǎn)。如下左圖，下右圖是左圖的局部放大。屏幕上的所有顏色，也就是我們看到的所有圖像內(nèi)容，都是由它們調(diào)和而成的。
-
現(xiàn)在我們?cè)赑hotoshop中打開(kāi)如下左圖，打開(kāi)的方法是通過(guò)菜單【文件_打開(kāi)】或使用快捷鍵〖CTRL_O〗(有關(guān)快捷鍵的說(shuō)明將在以后的課程中出現(xiàn)，現(xiàn)在不明白也沒(méi)有關(guān)系)。也可以直接從Windows目錄中拖動(dòng)圖像到Photoshop。如果Photoshop窗口被遮蓋或最小化，也可拖動(dòng)到其位于任務(wù)欄的按鈕上，待Photoshop窗口彈出后再拖動(dòng)到窗口中。
按〖F8〗或從菜單【窗口_信息】調(diào)出信息調(diào)板。如下右圖。然后試著在圖像中移動(dòng)鼠標(biāo)，會(huì)看到其中的數(shù)值在不斷的變化。注意移動(dòng)到藍(lán)色區(qū)域的時(shí)候，會(huì)看到B的數(shù)值高一些;移動(dòng)到紅色區(qū)域的時(shí)候則R的數(shù)值高一些。
-
電腦屏幕上的所有顏色，都由這紅色綠色藍(lán)色三種色光按照不同的比例混合而成的。一組紅色綠色藍(lán)色就是一個(gè)最小的顯示單位。屏幕上的任何一個(gè)顏色都可以由一組RGB值來(lái)記錄和表達(dá)。那么，在下面所看到的最左端的圖片實(shí)際上是由右方的三個(gè)部分組成的。
-
-
-
因此這紅色綠色藍(lán)色又稱(chēng)為三原色光，用英文表示就是R(red)、G(green)、B(blue)?？梢园裄GB想象為中國(guó)菜里面的糖、鹽、味精，任何一道菜都是用這三種調(diào)料混合的 。
在制作不同的菜時(shí)，三者的比例也不相同，甚至可能是迥異的。因此不同的圖像中，RGB各個(gè)的成分也不盡相同，可能有的圖中R(紅色)成分多一些，有的B(藍(lán)色)成分多一些。
做菜的時(shí)候，菜譜上會(huì)提示類(lèi)似“糖3克、鹽1克”等，來(lái)表示調(diào)料的多少，在電腦中，RGB的所謂“多少”就是指亮度，并使用整數(shù)來(lái)表示。通常情況下，RGB各有256級(jí)亮度，用數(shù)字表示為從0、1、2...直到255。注意雖然數(shù)字最高是255，但0也是數(shù)值之一，因此共256級(jí)。如同2000年到2010年共是11年一樣。
按照計(jì)算，256級(jí)的RGB色彩總共能組合出約1678萬(wàn)種色彩，即256×256×256=16777216。通常也被簡(jiǎn)稱(chēng)為1600萬(wàn)色或千萬(wàn)色。也稱(chēng)為24位色(2的24次方)。
這24位色還有一種較為怪異的稱(chēng)呼是8位通道色，為什么這樣稱(chēng)呼呢?
這里的所謂通道，實(shí)際上就是指三種色光各自的亮度范圍，我們知道其范圍是256，256是2的8次方，就稱(chēng)為8位通道色。
為什么老是用2的次方來(lái)表示呢?因?yàn)橛?jì)算機(jī)是2進(jìn)制的，因此在表達(dá)色彩數(shù)量以及其他一些數(shù)量的時(shí)候，都使用2的次方。
這里的色彩通道，在概念上不是一件具體的事物。我們可以把三原色光比作三盞不同顏色的可調(diào)光臺(tái)燈，那么通道就相當(dāng)于調(diào)光的按鈕。對(duì)于觀看者而言，感受到的只是圖像本身，而不會(huì)去聯(lián)想究竟三種色光是如何混合的。正如同你只關(guān)心電影中演員的演出，而不會(huì)去想拍攝時(shí)候?qū)а葜笓]的過(guò)程。因此，通道的作用是“控制”，而不是“展現(xiàn)”。
以上所說(shuō)的是色彩通道，和后面教程中的圖像通道概念上不完全相同。
從PhotoshopCS版本開(kāi)始增強(qiáng)了對(duì)16位通道色的支持，這就意味著可以顯示更多的色彩數(shù)(即48位色，約281萬(wàn)億)。RGB單獨(dú)的亮度值為2的16次方，等于65536，65536的三次方為281474976710656。但是由于人眼所能分辨的色彩數(shù)量還達(dá)不到24位的1678萬(wàn)色。所以更高的色彩數(shù)量在人眼看來(lái)說(shuō)并沒(méi)有區(qū)別。
可以用字母R,G,B加上各自的數(shù)值來(lái)表達(dá)一種顏色，如R32,G157,B95，或r32g157b95。有時(shí)候?yàn)榱耸∈乱猜匀プ帜笇?xiě)32,157,95(分隔的符號(hào)不可標(biāo)錯(cuò))。那么代表的順序就是RGB。另外還有一種16進(jìn)制的表達(dá)法將在以后敘述 。
那么這些數(shù)字和顏色究竟如何對(duì)應(yīng)起來(lái)呢，或者說(shuō)，怎樣才能從一組數(shù)字中判斷出是什么顏色呢?
實(shí)際上，直接從數(shù)值中去判斷出顏色對(duì)于初學(xué)者甚至是老手都是比較困難的。因?yàn)橐紤]三種色光之間的混合情況，這需要一定的經(jīng)驗(yàn)。不過(guò)這種能力并不是非具備不可的。即使無(wú)法做到，對(duì)于以后也無(wú)妨礙。
對(duì)于單獨(dú)的R或G或B而言，當(dāng)數(shù)值為0的時(shí)候，代表這個(gè)顏色不發(fā)光;如果為255，則該顏色為最高亮度。這就好像調(diào)光臺(tái)燈一樣，數(shù)字0就等于把燈關(guān)了，數(shù)字255就等于把調(diào)光旋鈕開(kāi)到最大。
現(xiàn)在離開(kāi)教程思考一下：屏幕上的純黑、純白、最紅色、最綠色、最藍(lán)色、最黃色的RGB值各是多少?
思考完之后我們打開(kāi)Photoshop，調(diào)出顏色調(diào)板〖F6〗，并點(diǎn)擊一下紅色箭頭處的色塊。如下左圖。這個(gè)色塊代表前景色。另一個(gè)位于其右下方的色塊代表背景色。Photoshop默認(rèn)是前景色黑，背景色白?？旖萱I〖D〗可重設(shè)為默認(rèn)顏色。
0101如果顏色調(diào)板中不是RGB方式，可以點(diǎn)擊顏色調(diào)板右上角那個(gè)小三角形按鈕
，在彈出的菜單中選擇RGB滑塊，如下右圖。
純黑，是因?yàn)槠聊簧蠜](méi)有任何色光存在。相當(dāng)于RGB三種色光都沒(méi)有發(fā)光。所以屏幕上黑的RGB值是0,0,0。我們可相應(yīng)調(diào)整滑塊或直接輸入數(shù)字，會(huì)看到色塊變成了黑色。如下左圖。
而白正相反，是RGB三種色光都發(fā)到最強(qiáng)的亮度，所以純白的RGB值就是255,255,255。如下中圖。
最紅色，意味著只有紅色存在，且亮度最強(qiáng)，綠色和藍(lán)色都不發(fā)光。因此最紅色的數(shù)值是255,0,0。如下右圖。
同理，最綠色就是0,255,0;而最藍(lán)色就是0,0,255。你做對(duì)了嗎?如果沒(méi)有請(qǐng)重復(fù)學(xué)習(xí)前面的內(nèi)容。
那么最黃色呢?RGB中并沒(méi)有包含黃色的項(xiàng)目啊。把這問(wèn)題暫且放下，我們先來(lái)看一下色彩的色相譜。如下左圖。
所謂色相就是指顏色的色彩種類(lèi)，分別是：紅色橙色黃色綠色青色藍(lán)色紫色。這七種顏色頭尾相接，形成一個(gè)閉合的環(huán)。以X軸方向表示0度起點(diǎn)，逆時(shí)針?lè)较蛘归_(kāi)。如下右圖。
在這個(gè)環(huán)中，位于180度夾角的兩種顏色(也就是圓的某條直徑兩端的顏色)，稱(chēng)為反轉(zhuǎn)色，又稱(chēng)為互補(bǔ)色。互補(bǔ)的兩種顏色之間是此消彼長(zhǎng)的關(guān)系，現(xiàn)在我們把圓環(huán)中間的顏色填滿，如下左圖。假設(shè)目前位于圓心的小框代表就是我們要選取的顏色，那么，這個(gè)小框往藍(lán)色移動(dòng)的同時(shí)就會(huì)遠(yuǎn)離黃色，或者接近黃色同時(shí)就遠(yuǎn)離藍(lán)色。就像在蹺蹺板上不可能同時(shí)往兩邊走一樣，你不可能同時(shí)接近黃色和藍(lán)色。
在上圖中間是白色，可以看出，如要得到最黃色，就需要把選色框向最黃色的方向移動(dòng)，同時(shí)也逐漸遠(yuǎn)離最藍(lán)色。當(dāng)達(dá)到圓環(huán)黃色部分的邊緣時(shí)，就是最黃色，同時(shí)我們離最藍(lán)色也就最遠(yuǎn)了。由此得出，黃色=白色-藍(lán)色”。為什么不是白色+黃色呢?因?yàn)樗{(lán)色是原色光，要以原色光的調(diào)整為準(zhǔn)。因此，最黃色的數(shù)值是255,255,0。如下右圖。也可以得出：純黃色=純紅色+純綠色 。
如果屏幕上的一幅圖像偏黃色(特指屏幕顯示，印刷品則不同)，不能說(shuō)是黃色光太多，而應(yīng)該說(shuō)是藍(lán)色光太少。
再看一下色譜環(huán)，我們可以目測(cè)出三原色光各自的反轉(zhuǎn)色。紅色對(duì)青色、綠色對(duì)洋紅色、藍(lán)色對(duì)黃色。如下圖。
除了目測(cè)，還可以通過(guò)計(jì)算來(lái)確定任意一個(gè)顏色的反轉(zhuǎn)色：首先取得這個(gè)顏色的RGB數(shù)值，再用255分別減去現(xiàn)有的RGB值即可。比如黃色的RGB值是255,255,0，那么通過(guò)計(jì)算：r(255-255)，g(255-255)，b(255-0)。互補(bǔ)色為：0,0,255。正是藍(lán)色。
對(duì)于一幅圖像，
若單獨(dú)增加R的亮度，相當(dāng)于紅色光的成分增加。那么這幅圖像就會(huì)偏紅色。
若單獨(dú)增加B的亮度，相當(dāng)于藍(lán)色光的成分增加。那么這幅圖像就會(huì)偏藍(lán)色。
通過(guò)以上的內(nèi)容，我們講述了RGB色彩的概念，當(dāng)然后面我們還會(huì)介紹其他的色彩模式。但請(qǐng)記?。篟GB模式是顯示器的物理色彩模式。這就意味著無(wú)論在軟件中使用何種色彩模式，只要是在顯示器上顯示的，圖像最終是以RGB方式出現(xiàn)的。因此使用RGB模式進(jìn)行操作是最快的，因?yàn)殡娔X不需要處理額外的色彩轉(zhuǎn)換工作。當(dāng)然這種速度差異很難察覺(jué)，只是理論上的。
復(fù)習(xí)一下:
1、RGB=RED、GREEN、BLUE三原色
2、色彩通道與圖像通道不完全相同
3、RGB值的多少代表亮度，各有256級(jí)，范圍是0-255
數(shù)值越小，表示亮度越?。粩?shù)值越大，表示亮度越高
4、紅色互補(bǔ)色為青色，綠色互補(bǔ)色為紫色，藍(lán)色互補(bǔ)色為黃色
5、計(jì)算任意顏色的互補(bǔ)色，可用255分別減去其它RGB值即可
6、單獨(dú)增加R成份，圖偏紅；增加G成份，圖偏綠；增加B成份，圖偏藍(lán)
Photoshop大師之路：第二節(jié) 灰度色彩模式
0102Photoshop有色彩管理功能，這主要用在印刷品制作上。我們目前針對(duì)網(wǎng)頁(yè)設(shè)計(jì)，因此可以選擇“顯示器顏色”，如下左圖。對(duì)于PhotoshopCS版本，可選擇“色彩管理關(guān)閉”，如下右圖。
可從菜單【編輯 顏色設(shè)置】打開(kāi)色彩管理，在頂部的“設(shè)置”中選擇“色彩管理關(guān)閉”。如下圖：
在前面講述RGB色彩，以及在顏色調(diào)板選取顏色的時(shí)候，有沒(méi)有想到過(guò)RGB值相等的情況下是什么顏色?那是一個(gè)灰度色。如下左圖。
現(xiàn)在我們將顏色調(diào)板切換到灰度方式(切換方式可參考操作速查0101)，可看到灰度色譜，如下右圖。
所謂灰度色，就是指純白、純黑以及兩者中的一系列從黑到白的過(guò)渡色。我們平常說(shuō)所的黑白照片、黑白電視，實(shí)際上都應(yīng)該稱(chēng)為灰度照片、灰度電視才確切?；叶壬胁话魏紊啵床淮嬖诩t色、黃色這樣的顏色?；叶入`屬于RGB色域(色域指色彩范圍)。
我們已經(jīng)知道，在RGB模式中三原色光各有256個(gè)級(jí)別。由于灰度的形成是RGB數(shù)值相等。而RGB數(shù)值相等的排列組合是256個(gè)，那么灰度的數(shù)量就是256級(jí)。其中除了純白和純黑以外，還有254種中間過(guò)渡色。純黑和純白也屬于反轉(zhuǎn)色。
灰度的通常表示方法是百分比，范圍從0%到100%。Photoshop中只能輸入整數(shù)，在Illustrator和GoLive允許輸入小數(shù)百分比。
注意這個(gè)百分比是以純黑為基準(zhǔn)的百分比。與RGB正好相反，百分比越高顏色越偏黑，百分比越低顏色越偏白。
灰度最高相當(dāng)于最高的黑，就是純黑?；叶茸畹拖喈?dāng)于最低的黑，也就是“沒(méi)有黑”，那就是純白。如下2圖。
既然灰度和RGB一樣，是有數(shù)值的，那么這個(gè)數(shù)值和百分比是怎么換算的?比如18%的灰度，是256級(jí)灰度中的哪一級(jí)呢?是否是256x18%呢?沒(méi)錯(cuò)，灰度的數(shù)值和百分比的換算就是相乘后的近似值，由于灰度與RGB是“黑白顛倒”的，所以18%的灰度等于82%的RGB亮度。
256×82%=209.92，近似算作210，我們可以先在灰度滑塊選擇18%，再切換到RGB滑塊看數(shù)值。如下2圖：
注意如果沒(méi)有關(guān)閉色彩管理功能，在顏色設(shè)置中的灰度標(biāo)準(zhǔn)就有可能不是GrayGamma2.2，那么上面的等式就不成立了。比如灰度的標(biāo)準(zhǔn)如果是GrayGamma1.8，18%的灰度換算成RGB就是218,218,218。
印刷品與網(wǎng)頁(yè)的區(qū)別在于色彩模式不同，印刷品必須是CMYK色彩模式，而網(wǎng)頁(yè)主要使用RGB色彩模式。Photoshop的色彩管理功能主要是針對(duì)印刷品的，而我們目前針對(duì)網(wǎng)頁(yè)，因此可以關(guān)閉這個(gè)功能。不用擔(dān)心，即使不了解色彩管理的具體內(nèi)容和灰度Gamma的標(biāo)準(zhǔn)，也不影響后面的學(xué)習(xí)和操作。在教程以后的內(nèi)容中，默認(rèn)都是在關(guān)閉色彩管理的前提下進(jìn)行的。如果需要開(kāi)啟的話，會(huì)特別提到。
雖然灰度共有256級(jí)，但是由于Photoshop的灰度滑塊只能輸入整數(shù)百分比，因此實(shí)際上從灰度滑塊中只能選擇出101種(0%也算一種)灰度。大家可以在灰度滑塊中輸入遞增的數(shù)值然后切換到RGB滑塊察看，可以看到：0%的灰度RGB數(shù)值是255,255,255;1%灰度的RGB數(shù)值是253,253,253;2%灰度RGB值為250,250,250。也就是說(shuō)，252,252,252這樣的灰度是無(wú)法用Photoshop的灰度滑塊選中的。相比之下Illustrator的灰度允許輸入兩位小數(shù)，使得選色的精確性大大提高了 。
由于灰度色不包含色相，屬于“中立”色，因此它常被用來(lái)表示顏色以外的其它信息。比如我們下面要講到的通道，灰度在其中已經(jīng)不是作為一種色彩模式存在，而是作為判斷通道飽和度的標(biāo)準(zhǔn)。而在以后的蒙板中，灰度又被用作判斷透明度的標(biāo)準(zhǔn)。
