電腦美術(shù)設(shè)計中的色彩模式詳解

電腦美術(shù)設(shè)計中的色彩模式詳解HYPERLINK一、RGB色彩模式HYPERLINK二、灰度色彩模式HYPERLINK三、CMYK色彩模式HYPERLINK四、HSB色彩模式HYPERLINK五、圖像通道HYPERLINK六、色彩模式的選擇HYPERLINK七、顏色的選取

HYPERLINK一、RGB色彩模式 我們用放大鏡近距離觀察觀電腦顯示器或電視機(jī)的屏幕，會看到數(shù)量極多的紅色、綠色、藍(lán)色三種顏色的小點。下圖是上圖的局部放大屏幕上的所有顏色，也就是我們看到的所有圖像內(nèi)容，都是由它們調(diào)和而成的。

現(xiàn)在我們在Photoshop中打開下面這幅圖像，大家可以點右鍵選擇“另存為”，也可直接從瀏覽器拖動圖片到Photoshop窗口，如Photoshop窗口被遮蓋也可拖到其位于任務(wù)欄的按鈕上。按F8或從菜單【窗口>信息】調(diào)出信息面板。如下圖然后試著在圖像中移動鼠標(biāo)，會看到其中的數(shù)值在不斷的變化。

注意移動到藍(lán)色區(qū)域的時候，會看到B的數(shù)值高一些；移動到紅色區(qū)域的時候則R的數(shù)值高一些。

電腦屏幕上的所有顏色，都由這紅色綠色藍(lán)色三種色光按照不同的比例混合而成的。一組紅色綠色藍(lán)色就是一個最小的顯示單位。屏幕上的任何一個顏色都可以由一組RGB值來記錄和表達(dá)。那么，現(xiàn)在所看到的這幅圖片，實際上是由下圖三個部分組成的：因此這紅色綠色藍(lán)色又稱為三原色光，用英文表示就是R(red)、G(green)、B(blue)可以把RGB想象為中國菜里面的糖、鹽、味精，任何一道菜都是用這三種調(diào)料混合的。在制作不同的菜時，三者的比例也不相同，甚至可能是迥異的。因此不同的圖像中，RGB各個的成分也不盡相同，可能有的圖中R(紅色)成分多一些，有的B(藍(lán)色)成分多一些。我們做菜的時候，菜譜上會提示類似“糖3克、鹽1克”等，來表示調(diào)料的多少。在電腦中，RGB的所謂“多少”就是指亮度，并使用整數(shù)來表示。通常情況下，RGB各有256級亮度，用數(shù)字表示為從0、1、2...直到255。注意雖然數(shù)字最高是255，但0也是數(shù)值之一，因此共256級。如同2000年到2010年共是11年一樣。按照計算，256級的RGB色彩總共能組合出約1678萬種色彩，即256x256x256=16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。這24位色還有一種較為怪異的稱呼是8位通道色，為什么這樣稱呼呢？這里的所謂通道，實際上就是指三種色光各自的亮度范圍，我們知道其范圍是256，256是2的8次方，就稱為8位通道色。為什么老是用2的次方來表示呢？因為計算機(jī)是2進(jìn)制的，因此在表達(dá)色彩數(shù)量以及其他一些數(shù)量的時候，都使用2的次方。這里的色彩通道，在概念上不是一件具體的事物。我們可以把三原色光比作三盞不同顏色的可調(diào)光臺燈，那么通道就相當(dāng)于調(diào)光的按鈕。對于觀看者而言，感受到的只是圖像本身，而不會去聯(lián)想究竟三種色光是如何混合的。正如同你只關(guān)心電影中演員的演出，而不會去想拍攝時候?qū)а葜笓]的過程。因此，通道的作用是“控制”，而不是“展現(xiàn)”。注意以上所說的是色彩通道，和后面教程中的圖像通道概念上不完全相同。從PhotoshopCS版本(實際版本為8)開始增強(qiáng)了對16位通道色的支持，這就意味著可以顯示更多的色彩數(shù)(即48位色，約281萬億)。RGB單獨的亮度值為2的16次方，等于65536，65536的三次方為281474976710656。但是由于人眼所能分辨的色彩數(shù)量還達(dá)不到24位的1678萬色。所以更高的色彩數(shù)量在人眼看來并沒有區(qū)別。

RGB的色彩表示我們可以用字母R,G,B加上各自的數(shù)值來表達(dá)一種顏色，如R32,G157,B95，或r32g157b95。有時候為了省事也略去字母寫32,157,95(分隔的符號不可標(biāo)錯)。那么代表的順序就是RGB。那么這些數(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)光旋鈕開到最大?，F(xiàn)在請大家思考一下：屏幕上的純黑、純白、純紅色、純綠色、純藍(lán)色、純黃色的RGB值各是多少？思考完之后我們打開Photoshop，調(diào)出顏色面板〖快捷鍵F6〗，并點擊一下鼠標(biāo)處的色塊。這個色塊代表前景色。另一個位于其右下方的色塊代表背景色。Photoshop默認(rèn)是前景色黑，背景色白?？旖萱ID可重設(shè)為默認(rèn)顏色。如下圖：如果顏色面板中不是RGB方式，可以點擊顏色面板右上角那個小三角形按鈕，在彈出的菜單中選擇RGB滑塊，如下圖：純黑，是因為屏幕上沒有任何色光存在。相當(dāng)于RGB三種色光都沒有發(fā)光。所以屏幕上黑的RGB值是0,0,0。我們可相應(yīng)調(diào)整滑塊或直接輸入數(shù)字，會看到色塊變成了黑色。如下圖：

純白正相反，是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。你做對了嗎？如果沒有請重復(fù)學(xué)習(xí)前面的內(nèi)容。那么最純黃色呢？RGB中并沒有包含黃色的項目啊。把這問題暫且放下，我們先來看一下色彩的色相譜。如下圖：所謂色相就是指顏色的色彩種類，分別是：紅色橙色黃色綠色青色藍(lán)色紫色。這七種顏色頭尾相接，形成一個閉合的環(huán)。以X軸方向表示0度起點，逆時針方向展開。如下圖：在這個環(huán)中，位于180度夾角的兩種顏色(也就是圓的某條直徑兩端的顏色)，稱為反轉(zhuǎn)色，又稱為互補色?；パa的兩種顏色之間是此消彼長的關(guān)系，現(xiàn)在我們把圓環(huán)中間的顏色填滿，如下圖：假設(shè)目前位于圓心的小框代表就是我們要選取的顏色，那么，這個小框往藍(lán)色移動的同時就會遠(yuǎn)離黃色，或者接近黃色同時就遠(yuǎn)離藍(lán)色。就像在蹺蹺板上不可能同時往兩邊走一樣，你不可能同時接近黃色和藍(lán)色。在上圖中間是白色，可以看出，如要得到最黃色，就需要把選色框向最黃色的方向移動，同時也逐漸遠(yuǎn)離最藍(lán)色。當(dāng)達(dá)到圓環(huán)黃色部分的邊緣時，就是最黃色，同時我們離最藍(lán)色也就最遠(yuǎn)了。由此得出，黃色=白色-藍(lán)色”。為什么不是白色+黃色呢？因為藍(lán)色是原色光，要以原色光的調(diào)整為準(zhǔn)。因此，純黃色的數(shù)值是255,255,0。如下圖：由上圖也可以得出：純黃色=純紅色+純綠色。如果屏幕上的一幅圖像偏黃色(注意：特指屏幕顯示)，不能說是黃色光太多，而應(yīng)該說是藍(lán)色光太少。再看一下色譜環(huán)，如下圖：我們可以目測出三原色光各自的反轉(zhuǎn)色。紅色對青色、綠色對洋紅色、藍(lá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。正是藍(lán)色。對于一幅圖像，若單獨增加R的亮度，相當(dāng)于紅色光的成分增加。那么這幅圖像就會偏紅色。若單獨增加B的亮度，相當(dāng)于藍(lán)色光的成分增加。那么這幅圖像就會偏藍(lán)色。通過以上的教程，我們講述了RGB色彩的概念，當(dāng)然后面我們還會介紹其他的色彩模式。但請記?。篟GB模式是顯示器的物理色彩模式。這就意味著：無論在軟件中使用何種色彩模式，只要是在顯示器上顯示的，圖像最終是以RGB方式出現(xiàn)的。因此使用RGB模式進(jìn)行操作是最快的，因為電腦不需要處理額外的色彩轉(zhuǎn)換工作。當(dāng)然這種速度差異很難察覺，只是理論上的。HYPERLINK二、灰度色彩模式Photoshop有色彩管理功能。我們目前主要針對網(wǎng)頁設(shè)計，為了與其他不帶色彩管理的軟件(如GoLive等)保持一致，應(yīng)將它關(guān)閉。

可從菜單【編輯>顏色設(shè)置】打開色彩管理，在頂部的“設(shè)置”中選擇“色彩管理關(guān)閉”。如下圖：在前面講述RGB色彩，以及在顏色面板選取顏色的時候，有沒有想到過RGB值相等的情況下是什么顏色？那是一個灰度色。如下圖：現(xiàn)在我們將顏色面板切換到灰度方式(切換方式可參考前面)，可看到灰度色譜，如下圖：所謂灰度色，就是指純白、純黑以及兩者中的一系列從黑到白的過渡色。我們平常說所的黑白照片、黑白電視，實際上都應(yīng)該稱為灰度色才確切。灰度色中不包含任何色相，即不存在紅色、黃色這樣的顏色。但灰度隸屬于RGB色域(色域指色彩范圍)。

我們已經(jīng)知道，在RGB模式中三原色光各有256個級別。由于灰度的形成是RGB數(shù)值相等。而RGB數(shù)值相等的排列組合是256個，那么灰度的數(shù)量就是256級。其中除了純白和純黑以外，還有254種中間過渡色。純黑和純白也屬于反轉(zhuǎn)色。灰度的通常表示方法是百分比，范圍從0％到100％。Photoshop中只能輸入整數(shù)，在Illustrator和GoLive允許輸入小數(shù)百分比。注意這個百分比是以純黑為基準(zhǔn)的百分比。與RGB正好相反，百分比越高顏色越偏黑，百分比越低顏色越偏白?；叶茸罡呦喈?dāng)于最高的黑，就是純黑。灰度最低相當(dāng)于最低的黑，也就是“沒有黑”，那就是純白。如下圖：

既然灰度和RGB一樣，是有數(shù)值的，那么這個數(shù)值和百分比是怎么換算的？比如18％的灰度，是256級灰度中的哪一級呢？是否是256x18％呢？沒錯，灰度的數(shù)值和百分比的換算就是相乘后的近似值，由于灰度與RGB是“黑白顛倒”的，所以18%的灰度等于82%的RGB亮度。256x82%=209.92，近似算作210，我們可以先在灰度滑塊選擇18%，再切換到RGB滑塊看數(shù)值。如下兩個圖：注意：如果沒有關(guān)閉色彩管理功能，在顏色設(shè)置中的灰度標(biāo)準(zhǔn)就有可能不是GrayGamma2.2，那么上面的等式就不成立了。比如灰度的標(biāo)準(zhǔn)如果是GrayGamma1.8，18%的灰度換算成RGB就是218,218,218。印刷品與網(wǎng)頁的區(qū)別在于色彩模式不同，印刷品必須是CMYK色彩模式，而網(wǎng)頁主要使用RGB色彩模式。Photoshop的色彩管理功能主要是針對印刷品的，而我們目前針對網(wǎng)頁，因此可以關(guān)閉這個功能。不用擔(dān)心，即使不了解色彩管理的具體內(nèi)容和灰度Gamma的標(biāo)準(zhǔn)，也不影響后面的學(xué)習(xí)和操作。在教程以后的內(nèi)容中，默認(rèn)都是在關(guān)閉色彩管理的前提下進(jìn)行的。如果需要開啟的話，會特別提到。雖然灰度共有256級，但是由于Photoshop的灰度滑塊只能輸入整數(shù)百分比，因此實際上從灰度滑塊中只能選擇出101種(0%也算一種)灰度。大家可以在灰度滑塊中輸入遞增的數(shù)值然后切換到RGB滑塊察看，可以看到：0%的灰度RGB數(shù)值是255,255,255；1%灰度的RGB數(shù)值是253,253,253；2%灰度RGB值為250,250,250。也就是說，252,252,252這樣的灰度是無法用Photoshop的灰度滑塊選中的。相比之下Illustrator的灰度允許輸入兩位小數(shù)，使得選色的精確性大大提高了。如下圖：由于灰度色不包含色相，屬于“中立”色，因此它常被用來表示顏色以外的其它信息。比如我們下面要講到的通道，灰度在其中已經(jīng)不是作為一種色彩模式存在，而是作為判斷通道飽和度的標(biāo)準(zhǔn)。而在以后的蒙板中，灰度又被用作判斷透明度的標(biāo)準(zhǔn)。HYPERLINK三、CMYK色彩模式前面我們都在學(xué)習(xí)有關(guān)RGB的內(nèi)容，RGB色彩模式是最基礎(chǔ)的色彩模式，所以RGB色彩模式是一個重要的模式。只要在電腦屏幕上顯示的圖像，就一定是以RGB模式。因為顯示器的物理結(jié)構(gòu)就是遵循RGB的。我們還接觸了灰度色彩模式，它有自身的一些特性，使得它也被應(yīng)用在了對通道的描述上。以后還會學(xué)到有關(guān)它其他的應(yīng)用。除了RGB之外，還有一種CMYK色彩模式也很重要。CMYK也稱作印刷色彩模式，顧名思義就是用來印刷的。它和RGB相比有一個很大的不同：RGB模式是一種發(fā)光的色彩模式，你在一間黑暗的房間內(nèi)仍然可以看見屏幕上的內(nèi)容；CMYK是一種依靠反光的色彩模式，我們是怎樣閱讀報紙的內(nèi)容呢？是由陽光或燈光照射到報紙上，再反射到我們的眼中，才看到內(nèi)容。它需要由外界光源，如果你在黑暗房間內(nèi)是無法閱讀報紙的。前面說過，只要在屏幕上顯示的圖像，就是RGB模式表現(xiàn)的?，F(xiàn)在加上一句：只要是在印刷品上看到的圖像，就是CMYK模式表現(xiàn)的。比如期刊、雜志、報紙、宣傳畫等，都是印刷出來的，那么就是CMYK模式的了。和RGB類似，CMY是3種印刷油墨名稱的首字母：青色Cyan、洋紅色Magenta、黃色Yellow。而K取的是black最后一個字母，之所以不取首字母，是為了避免與藍(lán)色(Blue)混淆。從理論上來說，只需要CMY三種油墨就足夠了，它們?nèi)齻€加在一起就應(yīng)該得到黑色。但是由于目前制造工藝還不能造出高純度的油墨，CMY相加的結(jié)果實際是一種暗紅色。因此還需要加入一種專門的黑墨來中和。點擊顏色面板的按鈕，在菜單中選擇“CMYK滑塊”，會看到CMYK是以百分比來選擇的，相當(dāng)于油墨的濃度。如下圖：和RGB模式一樣，CMYK模式也有通道，而且是4個，C、M、Y、K各一個。在Photoshop中調(diào)入下面這幅圖像：注意上面的圖像輸入Photoshop后是RGB模式的。圖像的色彩模式和其它一些信息可以從圖像窗口的標(biāo)題區(qū)看到。標(biāo)題區(qū)顯示著圖像名稱、縮放比例、色彩模式和顏色通道數(shù)。圖中顯示著RGB/8，就表示這是一個RGB模式的圖像，顏色通道為8位。如下圖：在RGB模式下只能看到RGB通道。我們需要手動轉(zhuǎn)換色彩模式到CMYK后才可以看到CMYK通道。轉(zhuǎn)換圖像色彩模式可以從菜單【圖像>模式】，選擇“CMYK顏色”。注意圖像色彩可能會發(fā)生一些變化，變化的原理在本課這里有提到。此時察看通道，就會看到CMYK各通道的灰度圖像，如下4圖：CMYK通道的灰度圖和RGB類似，是一種含量多少的表示。RGB灰度表示色光亮度，CMYK灰度表示油墨濃度。

但兩者對灰度圖中的明暗有著不同的定義：RGB通道灰度圖中較白表示亮度較高，較黑表示亮度較低。純白表示亮度最高，純黑表示亮度為零。

CMYK通道灰度圖中較白表示油墨含量較低，較黑表示油墨含量較高，純白表示完全沒有油墨。純黑表示油墨濃度最高。用這個定義來看CMYK的通道灰度圖，會看到黃色油墨的濃度很高，而黑色油墨比較低。在圖像交付印刷的時候，一般需要把這四個通道的灰度圖制成膠片(稱為出片)，然后制成硫酸紙等，再上印刷機(jī)進(jìn)行印刷。傳統(tǒng)的印刷機(jī)有4個印刷滾筒(形象比喻，實際情況有所區(qū)別)，分別負(fù)責(zé)印制青色、洋紅色、黃色和黑色。一張白紙進(jìn)入印刷機(jī)后要被印4次，先被印上圖像中青色的部分，再被印上洋紅色、黃色和黑色部分，順序如下圖：從上面的順序中，可以很明顯地感到各種油墨添加后的效果。在印刷過程中，紙張在各個滾筒間傳送，可能因為熱脹冷縮或者其他的一些原因產(chǎn)生了位移，這可能使得原本該印上顏色的地方?jīng)]有印上。為了檢驗印刷品的質(zhì)量，在印刷各個顏色的時候，都會在紙張空白的地方印一個+符號。如果每個顏色都套印正確，那么在最終的成品上只會看到一個+符號。如果有兩個或三個，就說明產(chǎn)生了套印錯誤，將會造成廢品。不同用途的印刷品對套印錯誤造成的廢品標(biāo)準(zhǔn)也不同。報紙等較低質(zhì)的印刷品，+符號誤差0.5毫米甚至1毫米都允許。但畫冊、精美雜志、尤其是地圖等精細(xì)印刷品，對廢品的標(biāo)準(zhǔn)就要嚴(yán)格得多。正因為在印刷中可能出現(xiàn)的這種問題，使得我們在制作用作印刷的圖像時要特別注意。比如要畫一條0.1毫米的很細(xì)的線條，那么如果套印錯位0.1毫米，就會出現(xiàn)兩條線了。那么如何避免呢？這個時候，在用色上就應(yīng)該避免使用多種顏色的混合色。如下2圖：左邊和右邊都是綠色，左邊的綠色在CMYK四色上都有成分，那么使用這個顏色畫的線將被印刷4次。而右邊的綠色只使用了C和Y兩種顏色，在印刷的時候只要被印兩次就可以了。后者套印錯誤的機(jī)會自然比前者低得多。注意“只要被印兩次”并不是說只需經(jīng)過兩個滾筒，同樣還是要經(jīng)過4個，但只有其中兩個滾筒有圖像印上而已。由這個小例子可見，制作印刷品的時候，你所使用的顏色會影響成品的印刷成功率。如果是RGB模式，則完全不必當(dāng)心這個問題，因為屏幕是不可能有套印錯誤的情形發(fā)生的。那么我們普通家庭所使用的噴墨打印機(jī)，是什么色彩模式呢？它會不會有套印錯誤呢？

前面說過，只要是印刷品就是CMYK模式，噴墨打印機(jī)當(dāng)然也是，它其中至少裝著CMYK四色的墨盒(個別型號會更多)，和印刷機(jī)類似。

但是噴墨打印機(jī)不會產(chǎn)生套印錯誤，這是為什么呢？我們說過印刷機(jī)的紙張要進(jìn)出4個滾筒，套印錯誤就是在這進(jìn)出之間產(chǎn)生的。而噴墨打印機(jī)是一次性打印。所以不存在套印錯誤。那噴墨打印機(jī)如何實現(xiàn)一次性打印呢？噴墨打印機(jī)的將多個噴嘴前后依次排列。這樣在打印的時候，紙張第一行先被噴上C，然后紙張向前移動一行，原先的第一行停在了M噴嘴下被噴上M色，同時新的空白的第二行被噴上C色。接著紙張再前移，已噴完C、M的那一行現(xiàn)在停在了Y色噴嘴下，被噴上Y色。而第二行被噴上M。新的空白第三行被噴上C。以此類推。如果我們在打噴墨打印機(jī)打印到一半的時取消打印，就會看到在圖像的邊緣分布著未完成的部分，效果類似下圖：既然噴墨打印機(jī)的原理并不復(fù)雜，為什么大型印刷機(jī)不采用這樣印刷方式呢？是因為這種打印方式速度很低，噴嘴在每行都需要有一個移動的過程，這需要時間，如果大幅面紙張耗時更久。而報紙等大量的印刷品都需要在短時間內(nèi)完成，所以這種打印方式是無能為力的。并且精度上也不及印刷機(jī)。因此，打印和印刷，這兩者是有很大區(qū)別的。打印一般數(shù)量很少，質(zhì)量和速度要求也不高。常見于個人及小型辦公使用。印刷則正相反。隨著印刷技術(shù)的進(jìn)步，現(xiàn)在很多中小型印刷廠都采用了四色印刷機(jī)，降低了廢品率。HYPERLINK四、HSB色彩模式前面我們已經(jīng)學(xué)習(xí)過了兩大色彩模式RGB和CMYK。色彩模式有很多種，但這兩種是最重要和最基礎(chǔ)的。其余的色彩模式，實際上在顯示的時候都需要轉(zhuǎn)換為RGB，在打印或印刷(又稱為輸出)的時候都需要轉(zhuǎn)為CMYK。雖然如此，但這兩種色彩模式都比較抽象，不符合我們對色彩的習(xí)慣性描述。比如下面這幅圖像：如果問：圖中人物衣服顏色的RGB或CMYK值是多少？你一定會覺得不得其所。如果現(xiàn)在要你在RGB模式下組合出一個淺綠色，也很難準(zhǔn)確地做到。雖然Photoshop和Illustrator以及GoLive的取色滑塊都提供了色彩預(yù)見功能，即動態(tài)顏色滑塊。如下圖?？梢灶A(yù)見：將R滑塊往右拉就會得到粉紅色；把B滑塊向左拉會得到草綠色；把G滑塊向右拉就可以得到淺綠色。動態(tài)顏色滑塊功能可以在預(yù)置中常規(guī)選項中打開或關(guān)閉。但這種方式還是不夠直觀，最重要的是不方便修改，比如目前的藍(lán)色，想要得到更淺更亮的藍(lán)色，需要拉動三個滑桿才能得到，如下圖：習(xí)慣上我們都會說圖片上的衣服是黃色的。或者說是亮黃色的。比如晴空，我們首先想到藍(lán)色，然后是淺藍(lán)色。比如湖水，首先想到綠色，進(jìn)一步想到碧綠色。我們大腦對色彩的直覺感知，首先是色相，即紅色橙黃色綠色青色藍(lán)色紫中的一個，然后是它的深淺度。HSB色彩就是籍由這種模式而來的，它把顏色分為色相、飽和度、明度三個因素。注意它將我們?nèi)四X的“深淺”概念擴(kuò)展為飽和度(S)和明度(B)。所謂飽和度相當(dāng)于家庭電視機(jī)的色彩濃度，飽和度高色彩較艷麗。飽和度低色彩就接近灰色。明度也稱為亮度，等同于彩色電視機(jī)的亮度，亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到純白，最低得到純黑。如果我們需要一個淺綠色，那么先將H拉到綠色，再調(diào)整S和B到合適的位置。一般淺色的飽和度較低，亮度較高。如果需要一個深藍(lán)色，就將H拉到藍(lán)色，再調(diào)整S和B到合適的位置。一般深色的飽和度高而亮度低。如下2圖：這種方式選取的顏色修改方便，比如要將深藍(lán)色加亮，只需要移動B就可以了，既方便又直觀。如果要選擇灰度，只需要將S放在0%，然后拉動B滑桿就可以如同灰度模式那樣選擇了。如下圖：注意，HSB滑塊的灰度，與灰度滑塊K的數(shù)值是不同的。我們在Photoshop中選擇灰度時候，應(yīng)以灰度滑塊為準(zhǔn)。在HSB模式中，S和B的取值都是百分比，唯有H的取值單位是度，這個度是什么意思？是角度，表示色相位于色相環(huán)上的位置，將我們前面學(xué)過的色相環(huán)加上角度標(biāo)志就明白了，如下圖：從0度的紅色開始，逆時針方向增加角度，60度是黃色，180度是青色等等。360度又回到紅色?？梢宰约赫{(diào)節(jié)H滑塊對照一下。我們再看一下Photoshop的拾色器，拾色器的H方式其實就是HSB取色方式。色譜就是色相，而大框就包含了飽和度和明度(橫方向是飽和度，豎方向是明度)。如下圖：在選取顏色的時候，HSB模式較為直觀和方便。在Illustrator和GoLive中也是如此。HYPERLINK五、圖像通道在Photoshop中有一個很重要概念叫圖像通道，在RGB色彩模式下就是指那單獨的紅色、綠色、藍(lán)色部分。也就是說，一幅完整的圖像，是由紅色綠色藍(lán)色三個通道組成的?；仡櫼幌虑懊娴娜龔埻ǖ缊D(順序為RGB)：他們共同作用產(chǎn)生了完整的圖像，如下圖：

大家也許會問：如果圖像中根本沒使用藍(lán)色，只用了紅色和綠色，是不是就意味著沒了藍(lán)色通道？我們已經(jīng)知道黃色和藍(lán)色是互補色，那么一幅全部是純黃色的圖像中，是不是就不包含藍(lán)色通道？這是錯誤的概念，一幅完整的圖像，紅色綠色藍(lán)色三個通道缺一不可。即使圖像中看起來沒有藍(lán)色，只能說藍(lán)色光的亮度均為0，但不能說沒有藍(lán)色通道存在?！按嬖?、亮度為零”和“不存在”是兩個不同的概念?，F(xiàn)在大家在Photoshop中調(diào)入上面那幅完整的圖片。再調(diào)出通道面板。一般來說通道面板和圖層面板是拼接在一起的，可以通過調(diào)出圖層面板〖快捷鍵F7〗后切換到通道。也可以使用菜單【窗口>通道】。如果面板中沒有顯示出縮覽圖，可以右鍵點擊面板中藍(lán)色通道下方的空白處，在彈出的菜單中選擇“小”或“中”或“大”。我們看到的通道面板類似下圖：此時注意紅色綠色藍(lán)色三個通道的縮覽圖都是以灰度顯示的。如果我們點擊通道名字，就會發(fā)現(xiàn)圖像也同時變?yōu)榱嘶叶葓D像?？旖萱I分別是：〖Ctrl~〗〖Ctrl1〗〖Ctrl2〗〖Ctrl3〗。點擊通道圖片左邊的眼睛圖標(biāo)，可以顯示或關(guān)閉那個通道。可以動手試試看不同通道組合的效果。

注意不要混淆：最頂部的RGB不是一個通道，而是代表三個通道的總合效果。如果關(guān)閉了紅色綠色藍(lán)色中任何一個，最頂部的RGB也會被關(guān)閉。點擊了RGB后，所有通道都將處在顯示狀態(tài)。我們可以看到：如果關(guān)閉了紅色通道，那么圖像就偏青色。如下圖：如果關(guān)閉了綠色通道，那么圖像就偏洋紅色。如下圖：如果關(guān)閉了藍(lán)色通道，那么圖像就偏黃色。如下圖：以上的現(xiàn)象再次印證了反轉(zhuǎn)色模型：紅色對青色、綠色對洋紅色、藍(lán)色對黃色?，F(xiàn)在點擊察看單個通道，發(fā)現(xiàn)每個通道都顯示為一幅灰度圖像(不能說是黑白圖像)。如下3圖，從左至右分別是灰度的紅色、綠色、藍(lán)色通道圖像：乍一看似乎沒什么不同，仔細(xì)一看卻又有很大不同。雖然都是灰度圖像，但是為什么有些地方灰度的深淺不同呢？這種灰度圖像和RGB又是什么關(guān)系呢？在回答這些問題之前先復(fù)習(xí)一下前面的一些概念。電腦屏幕上的所有顏色，都由紅色綠色藍(lán)色三種色光按照不同的比例混合而成。這就是說，實際上圖像是由三幅圖像(紅色圖綠色圖和藍(lán)色圖)合成的。如果對這兩個概念有還不明確的話，請再次學(xué)習(xí)本篇前面有關(guān)RGB色彩理論的部分。明白了上面的話后，再看下面的部分。對于紅色而言，它的圖像中的分布是不均勻的，有的地方多些，有的地方少些。相當(dāng)于：有的地方紅色亮度高些，有的地方紅色亮度低些?，F(xiàn)在再來看紅色通道的灰度圖，可以看到，有的地方偏亮些，有的地方偏暗些，如下圖：那么把兩者對應(yīng)起來看，這幅灰度圖實際上等同于紅色光的分布情況圖。在紅色通道灰度圖中，較亮的區(qū)域說明紅色光較強(qiáng)(成分較多)，較暗的區(qū)域說明紅色光較弱(成分較少)。純白的區(qū)域說明那里紅色光最強(qiáng)(對應(yīng)于亮度值255)，純黑的地方則說明那里完全沒有紅色光(對應(yīng)于亮度值0)。某個通道的灰度圖像中的明暗對應(yīng)該通道色的明暗，從而表達(dá)出該色光在整體圖像上的分布情況。由于通道共有三個，所以也就有了三幅灰度圖像。從上面的紅色通道灰度圖中，我們看到車把上掛著的帽子較白，說明紅色光在這區(qū)域較亮。那么，是否可以憑借這個紅色通道的灰度圖像，就斷定在整個圖像中，帽子就是紅色的呢？還不能，完整圖像是由三個通道綜合的效果，因此還需要參考另外兩個通道才能夠定論。下面再次列出RGB三個通道的灰度圖：我們從中可以分析出：三個通道中帽子部分都是白。代表這個地方的RGB都有最高亮度，那么可以判斷出這個地方是白色(或較白)。

三個通道中坐墊下的掛包中部都是黑色，那么這個地方RGB都不發(fā)光，可以判定這個地方是黑色的(或較黑)。

R通道中的前輪圈是白色，G和B通道中為黑色，說明這個地方只有紅色，沒有綠色和藍(lán)色，那么這個地方應(yīng)該是紅色(或較紅色)。

三個通道中后輪胎都是差不多的灰度，說明這個地方RGB值較為接近，那么這個地方應(yīng)該是灰色(或接近灰色)。做完以上的分析分析后，可以回到前面原圖部分去對照一下?，F(xiàn)在先來明確幾個概念：

通道中的純白，代表了該色光在此處為最高亮度，亮度級別是255

通道中的純黑，代表了該色光在此處完全不發(fā)光，亮度級別是0

也可以這樣記憶：在通道中，白(或較白)代表“光明的”、“看得見的”、“有東西”；黑(或較黑)代表“黑暗的”、“看不見的”、“沒東西”。下面我們在圖像上用不同的顏色寫4個字母：青色A，洋紅色B，白C，綠色D。注意所有顏色均為純色。請說出ABCD在RGB三個通道中的顏色分別是什么？答案見后。分析過程：首先我們要確定ABCD的顏色值：

A是青色，青色是紅色的反轉(zhuǎn)色，那么它的RGB值就應(yīng)該是：0,255,255

B是洋紅色，洋紅色是綠色的反轉(zhuǎn)色，那么RGB值就是：255,0,255

C是白，白色代表RGB均為最大值，RGB值為：255,255,255

D是綠色，意味著沒有R和B的成分，RGB值為：0,255,0再看剛才提到過的概念：亮度255在通道灰度圖中顯示白色，亮度0在通道灰度圖中顯示黑色。得出結(jié)論：

A(0,255,255)在RGB中順序為：黑、白、白。

B(255,0,255)在RGB中順序為：白、黑、白

C(255,255,255)在RGB中順序為：白、白、白

D(0,255,0)在RGB中順序為：黑、白、黑對照一下RGB通道的灰度圖，如下：如果這道題目沒做對，那么請回到前面重新學(xué)習(xí)。練習(xí)：再在圖像中打上字母E(200,0,255)和F(127,0,255)，如下圖：

那么這兩個字母在R通道中應(yīng)該是什么顏色呢?首先我們回顧一下前面的定義：通道中的純白，代表了該色光在此處為最高亮度，亮度級別是255。通道中的純黑，代表了該色光在此處完全不發(fā)光，亮度級別是0。以上只針對純黑和純白兩種極端狀態(tài)作出了定義，而在現(xiàn)實圖像中，大部分色彩并不是這么極端的。我們察看前面圖像各個通道的時候，就會發(fā)覺純黑和純白的部分極少，大部分都是中間的過渡灰色。對，就是灰色，亮度值介于1~254的，在通道灰度圖中就呈現(xiàn)灰色，切換到R通道，看到的效果如下圖：同樣是灰色，E卻要比F亮一些。比較兩者在R的亮度數(shù)值就會看到，E的亮度為200，F(xiàn)為127。亮度值越高，說明色光成分越多，因此通道灰度圖中就越偏白?，F(xiàn)在我們要增加幾條內(nèi)容后重新記憶概念：通道中的純白，代表了該色光在此處為最高亮度，亮度級別是255。

通道中的純黑，代表了該色光在此處完全不發(fā)光，亮度級別是0。

介于純黑純白之間的灰度，代表了不同的發(fā)光程度，亮度級別介于1至254之間。

灰度中越偏白的部分，表示色光亮度值越高，越偏黑的部分則表示亮度值越低?，F(xiàn)在可以明白為何通道用灰度表示了吧？因為通道中色光亮度從最低到最高的特性，正符合灰度模式那種從黑到白過渡的表示。正是因為灰度的這種特性，使得它在以后還被應(yīng)用到其它地方。通道中的灰度，與顏色面板的灰度滑塊是對應(yīng)的。記住這點在目前不重要，但在以后講解Alpha通道時就很重要了。

通道有什么用？在理解了以上的內(nèi)容后，有一個隨之而來的疑問：通道有什么用？通道不是拿來“用”的，而是整個Photshop顯示圖像的基礎(chǔ)。我們在圖像上做的所有事情，都可以理解為是色彩的變動，比如你畫了一條黑色直線，就等同于直線的區(qū)域被修改成了黑色。

而所有色彩的變動，其實都是間接在對通道中的灰度圖進(jìn)行調(diào)整。比如下面這張圖片：我們使用色彩平衡工具作一個簡單的色彩調(diào)整，快捷鍵〖CtrlB〗，菜單【圖像>調(diào)整>色彩平衡】將綠色滑塊拉到最右邊，下方的色調(diào)平衡先不要去管，如下圖：這時看到圖像明顯偏綠色了，如下圖：練習(xí)：那么圖像是怎么變綠色的呢？其實就是綠色通道發(fā)生了改變，增強(qiáng)了綠色光在圖像中的亮度。那么思考一下，如果單獨比較綠色通道在調(diào)整前后的灰度圖，現(xiàn)在應(yīng)該是變得更亮，還是變得更暗?答案見后。對照一下我們前面總結(jié)過的4條定義其一：灰度中越偏白的部分，表示色光亮度值越高，越偏黑的部分則表示亮度值越低。那么反過來，如果亮度值高，就意味著通道的灰度圖像偏白。下面對比一下調(diào)整前后綠色通道的灰度圖，如下2圖：可以看到后者要顯得明亮一些。這就是圖像偏綠色的最基本原理。在操作中，之所以我們不必直接去修改通道，是因為Photoshop替我們做了那些工作。它通過一些使用起來較為方便和直觀的工具(如剛才的色彩平衡)，來間接地修改通道從而改變圖像色彩。既然通過色彩平衡工具的調(diào)整，把圖像色彩調(diào)整偏綠色，導(dǎo)致綠色通道變亮。那么反過來，增亮綠色通道能否使圖像偏綠色呢？首先前半句的陳述是錯誤的，通道是圖像的基礎(chǔ)，是通道改變了圖像，而不是圖像改變了通道。

至于這個問題，我們可以動手來驗證。首先我們把這幅原圖調(diào)入Photoshop，如下圖：調(diào)出通道面板，單擊綠色通道，此時圖像顯示出綠色通道的灰度圖。然后使用菜單【圖像>調(diào)整>亮度/對比度】，將亮度增加到+35，對比度不變，這樣得到了與之前使用色彩平衡工具調(diào)整效果類似的灰度圖，如下圖：現(xiàn)在切換回RGB總體效果〖Ctrl~〗，就可以看到圖像色彩改動的效果了。如下圖：這又證明了前面的敘述：通道是整個Photoshop顯示圖像的基礎(chǔ)。色彩的變動，實際上就是間接在對通道灰度圖進(jìn)行調(diào)整。通道是Photoshop處理圖像的核心部分，所有的色彩調(diào)整工具都是圍繞在這個核心周圍使用的。想象一下，如果我們在三個通道中相同的地方都畫上一條白線，那么在整體圖像中，這個地方就多出了一條白線了。如下4圖左邊一條豎線。如果我們在R通道畫白線，而在G通道和B通道畫黑線，那么整體圖像中，就多出了一條紅色的線。如下4圖右邊的豎線：由此可見，不僅是色彩的調(diào)整，連繪圖工具都是在通過改變通道來達(dá)到目的的。繪圖工具將在后面的課程中介紹。既然通道是基礎(chǔ)，既然我們單獨加亮綠色通道可以起到與色彩平衡工具相同的效果，那為什么還要其他工具呢？

之前說過，因為直接調(diào)整通道不方便，效果也不直觀，比如我們增亮綠色通道的時候看到的只是灰度圖，無法準(zhǔn)確判斷最終的調(diào)整效果。如果要看效果必須確認(rèn)操作后切換回RGB觀看，如果不滿意還要重復(fù)操作步驟。較為不便。而色彩平衡工具在你拉動滑塊的時候，就能夠?qū)崟r地把最終效果顯示出來，讓我們可以準(zhǔn)確的感受從而判斷。因此那些各種各樣的調(diào)整工具是為了讓我們使用起來更加方便和快速。（有關(guān)色彩調(diào)整的內(nèi)容將在后面介紹。）另外：我們可以通過調(diào)整Photoshop預(yù)置讓通道顯示出色彩?！揪庉?gt;預(yù)置>顯示與光標(biāo)】打開預(yù)置面板，也可以〖CtrlK〗調(diào)出預(yù)置常規(guī)后切換到顯示與光標(biāo)。將“通道用原色顯示”打上勾。如下圖：這樣通道面板就變成彩色的了。如下圖：此時點擊單個通道，圖像也會以帶有色彩的圖像來顯示。效果類似前面看到過的這3圖：不過，這種顯示方式反而不如灰度圖像來的準(zhǔn)確，因為加上了色彩的干擾，層次不再那么分明，因此不建議使用帶色彩的通道圖。在后面的內(nèi)容中，我們也都是以灰度圖作為標(biāo)準(zhǔn)的，所以從預(yù)置中再將它關(guān)閉吧。HYPERLINK六、色彩模式的選擇那么，我們到底該如何選擇適當(dāng)?shù)纳誓Ｊ侥?？我們先來明確一下RGB與CMYK這兩大色彩模式的區(qū)別：RGB色彩模式是發(fā)光的，存在于屏幕等顯示設(shè)備中。不存在于印刷品中。

CMYK色彩模式是反光的，需要外界輔助光源才能被感知，它是印刷品唯一的色彩模式。

CMYK的所有色彩都包含于RGB色域中，但CMYK的色彩數(shù)量少于RGB。

RGB通道灰度圖中偏白表示發(fā)光程度高；CMYK通道灰度圖中偏白表示油墨含量低。反而反之。請?zhí)貏e注意第三條，CMYK的色彩數(shù)量要少于RGB。這意味著如果你用RGB模式去制作印刷用的圖像，那么你所用的某些色彩也許是無法被打印出來的。一般來說，RGB中一些較為明亮的色彩無法被打印，如艷藍(lán)色、亮綠色等。如果不作修改地直接印刷，印出來的顏色可能和原先有很大差異。

以下是一幅在RGB模式下制作的圖像，在轉(zhuǎn)換為CMYK模式后的比較，如下2圖：可以看出，原先較為鮮亮的一些顏色都變得黯淡了，這就是因為CMYK的色域要小于RGB，因此在轉(zhuǎn)換后有些顏色丟失了。注意，此時再把CMYK模式轉(zhuǎn)為RGB模式，丟失掉的顏色也找不回來了。這好比原先是一個裝滿水的2升杯子，后來倒入了一個1.5升的杯子，流失了0.5升。即使以后再倒回2升的杯子，這杯子中裝的實際只有1.5升。因此，不要頻繁地轉(zhuǎn)換色彩模式。轉(zhuǎn)換一次就相當(dāng)于倒了一次杯子，可能有些水就流失了。當(dāng)然，從CMYK模式轉(zhuǎn)換為RGB模式是不會有色彩丟失的。明白了以上道理，我們對如何選擇圖像的色彩模式就有了一個概念了：如果圖像只在電腦上顯示，就用RGB模式，這樣可以得到較廣的色域。

如果圖像需要打印或者印刷，就必須使用CMYK模式，才可確保印刷品顏色與設(shè)計時一致。從此之后，每當(dāng)我們要開始新圖像制作的時候，首先就要確定好色彩模式。目前我們偏重的是網(wǎng)頁設(shè)計和制作，由于網(wǎng)頁一般只是顯示在屏幕上的，因此我們可以舒心地去使用RGB模式。那么，RGB模式的圖像能否直接打印呢？可以的，你可以在Photoshop中直接把一幅RGB圖像輸出給打印機(jī)，系統(tǒng)會自動在中間轉(zhuǎn)換色彩模式。但不建議這樣做，因為前面提到過的色域問題，可能打印出來的圖像和設(shè)計中的顏色有偏差。至于印刷是肯定不能用RGB模式圖像的，除非印刷廠在印刷前替你轉(zhuǎn)換了模式。HYPERLINK七、顏色的選取Photoshop中提供了三種選擇任意色彩的方式第一種是使用顏色面板〖F6〗，拉動滑塊確定顏色。Photoshop中顏色分為前景色和背景色，如下圖：位于左上的色塊代表前景色，位于其右下方的色塊代表背景色。通過點擊可以在兩者間切換選取顏色。注意有時候會出現(xiàn)一個!標(biāo)志，這是在警告該顏色不在CMYK色域，單擊!右邊的色塊就會切換到離目前顏色最接近的CMYK可打印色?；瑝K分為灰度、RGB、HSB、CMYK、Lab、Web顏色，可點擊面板右上角的從彈出菜單中切換，其中一些模式我們將在以后介紹。如下圖：第二種是使用滑塊下方的色譜圖，用鼠標(biāo)直接在色譜圖中點擊即可選中顏色。也可以按住鼠標(biāo)在色譜中拖動，松手確定顏色。選中顏色的同時，上方的滑塊會跟著變換讀數(shù)。色譜最右方是一個純白和純黑。色譜分為RGB、CMYK、灰度，順序如下：可以明顯感覺到RGB色譜比CMYK明亮。色譜中還有一