2011年3月21日

3.6-2 明暗處的顏色變化 How Color Change In Different Area

請注意!這篇文章會多處提及顏色的「色相」、「彩度」、「明度」,如果對於這些名詞的意義不熟悉的話,建議先上網搜尋一下。

務必確實弄清楚這些區別再繼續深入此文章。


切入正題~

不知道各位有沒有看過類似下面這種「顏色怪怪的」圖畫~

(請不要管圖畫的內容或是它的水準,只看顏色。)




















這個圖畫中的顏色之所以「怪怪的」,是因為這些顏色的變化方式與真實世界中的情況不符合。


如果我們把真實的照片丟到繪圖軟體中(Photoshop)去仔細觀察這些顏色,我們就可以明白真實世界中顏色與光線是如何運作的。

在這之前,先說明一下在Photoshop中的檢色器面板所代表的涵義~



























中間類似彩虹的長條形上的指標,是代表目前顏色的「色相」(Hue),而這個長條形本身就是「色輪」(Color Wheel)。(紅、橙、黃、綠、藍、紫,最好把這個順序記下來。)

而在左邊大方塊中,左右位置代表顏色的「彩度」(Saturation),往右側移動提高彩度,往左側則相反。

上下位置代表顏色的「明度」(Brightness、Value),往上移動提高明度,往下則相反。

小圓圈中的顏色就是現在的顏色。


然後我們隨意上網找一張圖片,例如下面的~


















然後把它丟到Photoshop中觀察顏色在亮部、中間調、暗部(Light tone, Mid Tone,Dark Tone)時,顏色的「色相」、「彩度」、「明度」是如何變化的。

下面就是這個順序(亮部、中間調、暗部)的觀察結果,請仔細注意這些因素如何變化~




























從上圖中可以得到一個重要的啟示~

當顏色隨著亮部、中間調、暗部而移動時,它們的色相、彩度、明度都會發生變化。

這與一般人以為的,物體顏色在不同明暗部位只有明度發生變化的觀念是完全不同的。

下面是這三個部位的放大,請注意觀察~


















































如果我們只觀察色相的變化的話,結果像下面一樣~

請注意,圖中提取出的顏色是代表那個位置顏色的色相。

可以發現依序是~橘黃色、橘色、橘紅色。

由此可知色相確實會發生變化,並非完全一樣。

























而下圖是彩度與明度的變化~

























從圖中可以觀察出~隨著明度降低,彩度會慢慢增加。

通常明度與彩度的變化原則很容易理解,但是色相會如何變化就是需要進一步解說的。

請看下面的色輪~











色輪中的黃色是臨界點,當物體顏色往暗部方向移動時,顏色的色相也會往「遠離黃色」的方向變化。

而當物體顏色往亮部方向移動時,顏色的色相會往「接近黃色」的方向變化。

「明暗」的章節中我們提到把物體真正的明暗作為「中間調」,而相同的我們也把物體「真正」的顏色當成中間調來看待。



因此當我們打算畫一個「黃色」的物體時,中間調的顏色就是「黃色」,色相也是黃色。

而這個物體位於暗部顏色的色相會往色輪中「橘黃色」的方向變化。

而位於亮部顏色的色相往色輪中「黃綠色」的方向變化,像下圖中的範例~











如果我們要畫一個顏色是「紅色」的物體,它的顏色的色相在亮部、中間調、暗部,依序會是~橘紅色、紅色、紫紅色。

像下圖中所示~


下圖中是錯誤示範與正確示範的對照~



























圖中例1.是以一個只有明度不同的色階所畫出的蕃茄,得到的顏色很明顯「怪怪的」。

而例2.則是以一個色相、明度、彩度都有正確變化的色階所畫的蕃茄,顏色看起來「正確」多了。

下面的例子也是一樣~





































所以我們可以在這裡做出一個重要的結論,請無論如何最好把它永遠記下來~

當一個顏色因為光線而變暗時,這個顏色的----

1. 色相往色輪上遠離黃色的方向變化。

2. 彩度提高。

3. 明度降低。

而當顏色變明亮時,就是上述原則的相反。


請注意,有些教材中會提到利用灰階與顏色混合來得到暗部的顏色,像下面一樣~














事實上,如果可以的話最好不要這樣做,因為混合灰階會讓顏色的彩度降低。

而實際上暗部的顏色本身的彩度應該要提高才是正確的。

多數人只所以會畫出「怪怪的」顏色就是因為他們在顏色中混合了某些灰階(灰色、黑色)來作為暗部的顏色,不論是傳統或是數位的工具都一樣。


在專業的繪畫領域中,暗部的顏色其實是混合了1.固有色(中間調顏色)、2.色相往正確方向變化的那個顏色、3.固有色的補色(對比色)、4.以及「藍色」 ,所得到的。

注意上述的顏色全部都是「純色」(不含有任何灰階),所以不會讓暗部顏色的彩度下降。


最後讓我們實作一下~

下面都是隨意找來的一些設計繪圖,我在Photoshop中更改了其中顏色的色相與彩度(明度完全沒有更改),請大家比較看看哪一個顏色看起來感覺比較「正確」?






















































































































































最後必須提醒大家一件事,不論是在正統繪畫或是設計繪圖中,「明暗」是否正確才是最為重要的因素。

「顏色」本身即使不太正確仍然不妨礙我們所畫的圖是否可以被看懂。

但是如果可以的話,當然還是盡可能畫出「正確」的顏色比較好!


33 則留言 :

  1. 您好,我是來自海峽對面的朋友。覺得您的博客裏面的內容非常好。受益匪淺。希望能把這麼好的內容轉載到大陸的新浪博客上。希望這麼好的資源可以讓更多的人分享。我會注明您的博客地址和名字。不知道這樣可不可以?

    回覆刪除
  2. Re: Q <2967566442502907116>
    當然可以,請記得附上原文的連結:)

    回覆刪除
  3. 受益匪浅阿 收了留着慢慢看。。

    回覆刪除
  4. 好东西啊,我原来都是在错误的用颜色。

    回覆刪除
  5. 香蕉那不是很明白~~


    博主回复:2011-03-29 21:04:11

    錯誤範例中的香蕉是以黃色與灰階(黑色)混合成的色階畫的,注意在中間調處的顏色明顯不對。

    整體只有明度正確,彩度與色相不正確(那顏色是不是看起來怪怪的?)


    正確範例的香蕉在亮部、中間調、暗部顏色的色相、彩度、明度都是正確的!
    BY ~流浪人

    回覆刪除
  6. 这个文章太好了,那个错误的南瓜范例就像我当年学色彩的时候画的一样。。依然找不到原因。。。原来是这么回事啊。。。
    有个问题不太懂,问您一下 “在專業的繪畫領域中,暗部的顏色其實是混合了1.固有色(中間調顏色)、2.色相往正確方向變化的那個顏色、3.固有色的補色(對比色)、4.以及藍色所得到的。”第四点我没理解,什么叫以及蓝色所得到的呢,是不是环境光?谢谢~~



    博主回复:2011-03-31 09:59:53[删除]

    第4.點指的就是「藍色」這個顏色。


    應該把除了「藍色」以外的字都刪掉才不會帶來語意上的誤解。


    By ~ 流浪人

    回覆刪除
  7. 为什么说物体亮部比暗部往黄色色相偏,很重要谢谢


    博主回复:2011-05-10 15:59:45[删除]

    這是從真實世界中實際存在的現象歸納出來的,你可以用眼睛仔細觀察驗證就會知道。


    至於這現象的原因是什麼,我也不瞭解,哪可能要去問研究光學的專家了。


    BY ~ 流浪人

    回覆刪除
  8. LZ 我认为以黄色和绿色之间作为亮部的方向有点儿片面,这应该是被认为在自然日光下发生的现象,如果在蓝天日光被遮住的状态下,那么亮部应该往青色的方向走,还有就是人造光源的方向也要另说吧????????????、


    博主回复:2011-05-13 20:22:01[删除]

    老實說我也不太確定你所說的是否正確。


    不過你所說的「藍天日光被遮住」實際上是不會發生的,因為只有當完全無雲層時才能看到藍色天空,而當有雲層時藍天會被白雲遮擋,這時我們只能看到白色天空(雲層的白色)。


    所以並不會有「看得到藍天但是日光又被雲層遮擋」的情況發生。(部份被遮擋當然有!)


    另外你所說的亮部偏向青色我認為應該是「藍色天空出現在物體亮部表面的鏡像」,詳細請參考3.7-1 ~ 3.7-6部份的文章。


    另外關於人造光與自然光的問題,我認為並不會有任何的不同。


    光本身會有色溫(顏色)、強弱等等的不同,但是本質上是完全相同的東西~就是「光」。


    如果我們以科學方式合成水分子,這個「水」並不會與雨水的「水」有任何不同~是完全相同的H20水分子,而H2O就是H2O,沒有所謂的「天然的H2O」或「人工的H2O」。


    「光」當然也是一樣,「光」就是「光」,依照光的顏色、強弱來做區別是可以的,但是依照「天然」或「人造」來做出區別完全是不合邏輯的。


    以上是我個人看法,你認為呢?


    By ~ 流浪人

    回覆刪除
  9. 首先要说的是,我看了LZ的文章的确受益匪浅,绝大多数理论我都能够接受,而且我认为这篇关于光的颜色变化也是正确的,只不过我认为还有一切其他情况您没有说明白:

    1、我所说的其他单色光可能您误解了我的意思,我是说以黄绿色为日光(实际我觉得可以认为它是饱和度比较低的黄色和绿色之间的颜色)照射下亮部的趋向理解,但换成了单色光就要以单色光的光源色彩为亮部的趋向(比如用蓝色光照射物体,那么这个物体的亮部就是固有色向蓝发展出来的颜色),不知道我表达的意思您明白否。

    2、您说的多云天气,颜色应该趋向于白,但是实际上我认为应该也是冷色的白,也就是趋向于青的白,这样来看物体亮部的变化应该是由固有色向青色的方向发展。

    3、我说的阳光受遮挡的确是局部的,但是我说的具体是这个局部区域很大,以至于里面的物体相当于失去了阳光的直接照射,而暴露在了青色的天空光下,这时候应该向2一样考虑从固有色向青色的趋势来选择亮部颜色。

    我是正在学习美术的学生,表达能力有限,劳烦您能再看一眼,还有您提到当物体为黄色时,亮部趋向于黄绿色,这个是不是因为日光下黄绿色为最终的亮部趋向点????????也就是以开式温标为界定,那么说白了就是以日光直接照射为界定。


    博主回复:2011-05-14 14:39:29[删除]

    我明白你所說的1.~3.的意思,我認為它們也都是正確的。


    唯一不同的是,你我對於這個現象的解說方式不同罷了。


    我是把它當做光源的「鏡像」來解釋,而你是以「光線照射」來解釋,從某個角度來說其實這兩種說法是相同的。


    請仔細看我的3.7-1 ~ 3.7-6部份的文章,你應該會發現我們所說的是相同的東西,只是表達方式不同罷了。


    你最後提到的這個問題我也不知道如何說明,因為在真實世界中所有各種不同的光線作用是同時存在的,我們永遠不可能把其中的一種獨立出來單獨說明,但是為了說明的方便卻又不得不這樣做。


    所以必然導致這些解釋與真實世界的實際情況並不完全相同,這是沒辦法的事......。


    其實我認為並不需要去研究太過深入的光學方面的問題,因為那實在太過走火入魔了~如果只是以「畫圖」的需求標準來看的話。


    BY ~ 流浪人

    回覆刪除
  10. 多谢LZ百忙之中能抽空为我解答,其实这是我第二遍看LZ的文章,因为我看第一遍的时候肯定有遗漏和不走脑子的地方,估计还需要看好几遍才能吃透。您提到的后面关于镜像的解释我往后看的时候会更加留意。光学的问题的确对于美术来说不能够钻牛角尖,但是如您文章所说,有了更加清晰的理论作为依托,学习的时间会大大缩短,效率会大大提高。所以有时候也不妨从光学理论找找可借鉴之处,呵呵。

    回覆刪除
  11. 看了又看,写得真好

    回覆刪除
  12. 提问:

    博主文中说到“色輪中的黃色是臨界點,當物體顏色往暗部方向移動時,顏色的色相也會往「遠離黃色」的方向變化。而當物體顏色往亮部方向移動時,顏色的色相會往「接近黃色」的方向變化”
    【远离黄色】可以是往红或者往紫,但【接近黄色】就只能朝向黄色,那不是在亮部时,物体的颜色会带黄吗?

    还有那个西红柿的亮部色相与暗部色相在色轮中的位置既可以说是靠近中间调的色相也可以说是远离中间调的色相,头疼啊


    博主回复:2011-06-21 13:48:06[删除]

    這是指顏色在亮部或暗部的色相會朝向色輪上黃色的方向接近或遠離,重點是「方向」,而不是「黃色」或其他顏色。


    這個變化實際上很輕微,你可以找一些真實照片仔細觀察就會瞭解了。


    另外,色輪本身是頭尾相接永遠在循環輪迴的,接近黃色與遠離黃色在意義上確實是相同的。


    比較簡單的思考方式是~先決定中間調,這就是我們"認知上"這個物體的顏色,然後就得出了亮部與暗部應該朝向哪個顏色做出些微的變化。


    換句話說,這是以「相對」的概念來思考的,不是「絕對」的概念。


    BY ~ 流浪人

    回覆刪除
  13. 謝謝博主的答覆,‘色輪本身是頭尾相接永遠在循環輪回的’言簡意賅

    回覆刪除
  14. 其实还应该提到物体表面的本质,比如粗糙的,光滑的,有机理的等等都会对色彩有影响,因为色彩是必须有光射到物体表面,再反射入人眼的。

    色彩彩度饱和,表面较干净的物体在提高光照的时候,变化规律确实是 色相朝色温高的提升,彩度增加,明度增加。

    但是浅色的物体却不是这样,浅色的物体提高光照之后,饱和度更加低,明度增大很明显。
    深色物体类推....

    回覆刪除
  15. 因此當我們打算畫一個「黃色」的物體時,中間調的顏色就是「黃色」,色相也是黃色。


    而這個物體位於暗部顏色的色相會往色輪中「橘黃色」的方向變化。


    而位於亮部顏色的色相往色輪中「黃綠色」的方向變化,像下圖中的範例~


    以上這段不明白,是說以黃色為色相,暗部就會在黃色色相的左手邊嗎?然後亮部會在黃色色相的右手邊?
    但是你上面不是有張圖說到左右兩邊都可以是暗部,也就是往紅色或綠色都可以不是?然後亮部則是左右兩方向往黃色靠攏?
    到底哪個正確?

    回覆刪除
    回覆
    1. 色輪是永遠循環,頭尾相接在一起的。(長條形的頭尾相接形成圓形色輪)

      所以我們不能說「左邊」或「右邊」,只能說「朝向黃色」、「遠離黃色」。

      當你在圓形跑道上賽跑時,朝向起點就是遠離起點(起點即是終點),請記得「循環」的概念。


      其實也不需要計較這個,因為這篇文章的內容對於一般的設計繪圖來說是太過走火入魔了。

      設計繪圖只要看得懂就可以了,不用以超高標準來看待色彩正不正確!

      刪除
    2. 您的意思是....其實要畫黃色的時候....當要畫暗的部分,也可以畫上黃綠色嗎? 會不會跟物體的basic color 和環境光有關呢?

      假如不是這樣想得話....非常的矛盾, 又真的是這樣的話, 腦子裡也想不出例子....:/

      刪除
  16. 所以以此類推
    如果我畫紫色的東西
    暗部會偏紅亮部會偏藍囉?

    回覆刪除
    回覆
    1. 是的!

      其實應該這麼說:「如果我畫紫色的東西,把暗部畫偏紅、亮部畫偏藍,得到的結果才會比較接近真實世界的情況。」

      你可以找一張有紫色物體的"真實的"照片,然後用軟體去查看 H,S,B 的數值,即可證明。

      刪除
  17. 刚看到这个文章,这个色相变化的理论貌似只对纯度高的固有色有效。

    回覆刪除
    回覆
    1. 是啊,不過這是因為色彩本身的邏輯之故,也就是說「當彩度(純度)下降時,色相這一概念的存在也隨之下降」。換句話說,當彩度最低時,色相這個概念(屬性)是不存在的。而當明度最低時,彩度或色相也都不存在。
      如果不明白的話,請仔細比較Photoshop 與 Painter 中的撿色器(color picker)的形狀的不同與含意。


      By ~ 流浪人

      刪除
  18. 文中你提到在專業的繪畫領域中,暗部的顏色其實是混合了1.固有色(中間調顏色)、2.色相往正確方向變化的那個顏色、3.固有色的補色(對比色)、4.以及「藍色」 ,所得到的。

    何謂固有色的補色呢?

    回覆刪除
    回覆
    1. 「固有色」指的就是物體的主要基本色,例如紅色蘋果是由各種明暗、彩度不一的深紅、淺紅、亮紅、暗紅等等所組成,但是「紅色」是共有的基本色(主要色相),也就是這顆蘋果的「固有色」。

      「補色」指的就是色彩學所說的「相對色」、「對比色」、「補色」,例如~紅/綠、黃/藍、橙/紫,若還是不了解請搜尋。

      刪除
  19. 版主您好:
    您的這句話:
    在專業的繪畫領域中,暗部的顏色其實是混合了1.固有色(中間調顏色)、2.色相往正確方向變化的那個顏色、3.固有色的補色(對比色)、4.以及「藍色」 ,所得到的。

    我提出疑問 當您在數位的軟體繪畫時,固然可以簡易的挑選暗部高彩度的顏色,但是當真正使用傳統色料繪畫時,色料為減法混合,只要顏色有混合過後,彩度勢必一定會下降的,這樣暗部顏色的彩度就很難維持比固有色彩度高的原則了,如此一來是否變成當使用傳統繪畫時,必須先定義出暗部顏色再透過混合色料(降低彩度)畫出中間色調,以符合真實世界顏色的原則呢??

    回覆刪除
    回覆
    1. 實際上以光學(色彩學)來說,一個顏色的明度越低(越暗),彩度的可變化範圍就越小,因此當一個顏色處於最低明度時,此時所謂的「彩度」這個概念不存在。(此時的彩度變化範圍是零,也就是沒有彩度),若是你仔細觀察Photoshop的方形撿色器就可以明白,而像Painter中的三角形撿色器其實才是邏輯上正確的光學色彩模型。(若是將Ps的方形撿色器下方左右兩端收縮成一點後,其實就是Painter的撿色器。)

      甚至,同一個顏色在每個人眼中看來其實是有某些落差的。

      而顏料原本就只能逼近某個真實色彩,但永遠不會完全一樣。所以在繪畫中,色彩的〝正確〞與否,在很多時候是相當不重要的。

      以設計繪圖來說,此篇文章討論的東西其實是太過走火入魔了,讓我有點後悔‧‧‧‧‧‧。

      刪除
  20. 謝謝分享!!
    看完這篇文章,才知道以前上色上不好的原因
    因為以前上色都不敢用變化太多的顏色

    回覆刪除
  21. 你好!文中提到
    當我們打算畫一個「黃色」的物體時,中間調的顏色就是「黃色」,色相也是黃色。
    而這個物體位於暗部顏色的色相會往色輪中「橘黃色」的方向變化。
    而位於亮部顏色的色相往色輪中「黃綠色」的方向變化,像下圖中的範例

    這個部分是如何推論的呢?因為文中有提到以黃色作為臨界點,所以遠離黃色的兩端應該都是比黃色暗的色相,只看個人要取哪一端當作亮部或哪一端當作暗部吧?

    回覆刪除
  22. 補充
    不理解的地方為 現實生活中較亮的顏色會往黃色的地方跑較暗則遠離
    但如果今天以純黃色為中間調 那亮部呢?往左右兩邊跑不是都是遠離黃色嗎?那該如何挑選哪一邊是暗哪一邊是亮呢?

    回覆刪除
  23. 請問版主有使用FB嗎想追蹤您

    回覆刪除
  24. 您好,
    感謝您這文章, 讓我們能系統性的探討暗部如何表現.

    但對下面這論述有不同意見, 再與老師討論與查閱相關書籍(e.g. 畫家之眼)後, 我們以為暗部的彩度應該會降低, 而不是提高.
    "而實際上暗部的顏色本身的彩度應該要提高才是正確的。"

    彩度是指色彩的純粹度或飽和度,亦可說是區分色彩鮮濁的程度。
    彩度的高低,是以 色彩中某種純色的比例 來分辨比較 ,所以某一色彩加入其他色彩時,彩度就會降低。

    回覆刪除