色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式

色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式

我們知道,色彩有三種基礎屬性:色相、飽和度、明度,所謂色相,就是一種顏色區分於其他顏色的首要標準,例如紅色、綠色、藍色等;所謂飽和度,就是指一種顏色的鮮豔程度,飽和度越高的顏色就越豔麗;所謂明度,就是指一種顏色的明亮程度,利用這三個屬性我們就可以定義一種顏色,例如首先確定色相:綠色,然後確定飽和度:鮮豔的綠色,然後確定明度:明亮的鮮豔的綠色。


那麼我們在後期修圖的時候,很多時候就是在調整色彩的這三種屬性,那麼有沒有一種方法可以直接去調整它們呢?這就是我們今天要講解的色彩混合模式。



色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


然後我們進入圖層工具的漸變色面板:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


隨意新建一個漸變色,這時候的畫面效果如圖:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


然後我們將混合模式更改為色調混合模式,這時候的畫面效果如圖:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


為了更好的觀察色相混合模式的工作原理,我們刪除漸變色其中的一個浮標,這樣我們就相當於添加了一個純色圖層,這個圖層裡面所有像素的顏色都是一樣的:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


這時候我們就相當於添加了一個純色圖層,這時候的畫面效果如圖:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


我們可以很明顯的發現它與原圖的區別,原圖中有紅色色相、青色色相、橙色色相、黃色色相,但是應用混合模式之後的圖像就只剩下一種色相了。


那麼色調混合模式是怎麼工作的呢?它的工作原理非常簡單,就是將我們添加圖層顏色的色相與原圖顏色的飽和度和明度進行混合得到最終色彩。例如純色圖層顏色的色相是A、飽和度是B、明度是C,而原圖的色相是D、飽和度是E、明度是F,那麼這兩種顏色混合出來的色彩就是色相為A、飽和度為E、明度是F。


如果我們更改純色圖層的顏色,這時候畫面也會發生對應的變化:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


這就是色調混合模式的工作原理,是不是非常簡單呢?那麼飽和度混合模式是怎麼工作的呢?其他它的工作原理也非常簡單,我們假設我們添加純色圖層顏色的色相是A、飽和度是B、明度是C,而原圖的色相是D、飽和度是E、明度是F,那麼這兩種顏色混合出來的色彩就是色相為D、飽和度為B、明度是F。所以我們將剛才這個圖層的混合模式改為飽和度之後的效果是這樣的:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


可以看到,這時候每種顏色的色相都被保留了,但是飽和度都變成了我們添加純色圖層的飽和度。如果我們將純色圖層的顏色改為中性色,原圖就會變成黑白圖像,因為中性色的飽和度為0:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


如果添加圖層的飽和度不高,最後混合出來的圖像飽和度也不會高:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


同理,明度混合模式的原理也非常簡單,我們假設我們添加純色圖層顏色的色相是A、飽和度是B、明度是C,而原圖的色相是D、飽和度是E、明度是F,那麼這兩種顏色混合出來的色彩就是色相為D、飽和度為E、明度是C。例如這是切換為明度混合模式的效果:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


如果我們降低純色圖層顏色的明度,最後混合出來圖像的明度也會變低:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


那麼這裡還有一種混合模式叫顏色混合模式,它是怎麼計算的呢?顏色混合模式的原理也非常簡單,我們假設我們添加純色圖層顏色的色相是A、飽和度是B、明度是C,而原圖的色相是D、飽和度是E、明度是F,那麼這兩種顏色混合出來的色彩就是色相為A、飽和度為B、明度是F。也就是利用添加圖層的色相和飽和度、原圖的明度來生成最終圖像。這是我們更改為顏色混合模式之後的效果:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


如果我們切換一種顏色的話效果也會發生對應的改變:


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式


這就是顏色組混合模式的計算原理,你有沒有掌握呢?


色彩基礎|修圖師必須掌握!一篇文章讀懂顏色混合模式



分享到:


相關文章: