Photoshop混合模式的底層原理

        Photoshop雖然不是什麼高手,但平時工作中難免會用到,處理部分需求還是可以勝任的。接觸PS這麼多年,對PS中圖層的混合模式(Blend Mode)一直就處於懵懂狀態,即使是看了教材及視頻後,有了一點感性認識,但在實際操作中仍舊無法運用起來。直至某一天,我在B站看到韓世麟的《把 PS 圖層混合模式理解到這個程度,就算是入門了》,講得深入淺出,聽後如撥雲見日,豁然開朗。在視頻中,韓老師通過對混合模式的底層原理進行了闡述,其間參考了維基百科(Blend Modes)的內容。其中我認爲最重要的是,把8位通道色值範圍0-255換算成0-1,這樣理解起來就更加容易和直觀。但是,韓老師並沒有講解所有混合模式的底層公式,維基百科中也只是給出了常用的幾種混合模式的計算公式;知乎上的公式雖全,但還是0-255的取值範圍,且並沒有簡化。因此,我通過查閱相關資料,把除了“正常組”和“色彩組”的混合模式省略以外(這裏的分類參考B站“Anonymous有莘”的《認識27種圖層混合模式》,“正常組”和“色彩組”概率比較直觀,無需通過公式輔助理解),其他混合模式的計算公式都記錄下來,以便自己查閱和分享。(強烈建議看了韓老師的視頻後再來查閱本博文)

  一、PS中27種混合模式及分類

  (一)正常組

  1、正常(Normal)

  2、溶解(Dissove)

  (二)變暗組

  1、變暗(Darken)

  2、正片疊底(Multiply)

  3、顏色加深(Color Burn)

  4、線性加深(Linear)

  5、深色(Darker Color)

  (三)變亮組

  1、變亮(Lighten)

  2、濾色(Screen)

  3、顏色減淡(Color Dodge)

  4、線性減淡(添加)(Linear Dodge)(Add)

  5、淺色(Lighten Color)

  (四)對比組

  1、疊加(Overlay)

  2、柔光(Soft Light)

  3、強光(Hard Light)

  4、亮光(Vivid Light)

  5、線性光(Linear Light)

  6、點光(Pin Light)

  7、實色混合(Hard Mix)

  (五)差值組

  1、差值(Difference)

  2、排除(Exclusion)

  3、減去(Subtract)

  4、劃分(Divide)

  (六)色彩組

  1、色相(Hue)

  2、飽和度(Saturation)

  3、顏色(Color)

  4、明度(Luminosity)

  二、混合模式的計算公式

  (一)公式規則

  1、所有通道的顏色取值範圍是換算成0-1;那麼,反相的取值就是1-ColorValue,而不是255-ColorValue。

  2、參與計算是兩個圖層分別是Base和Top,一般都是Base圖層是基礎圖層,在下方;Top圖層是混合圖層,即根據混合圖層的色值進行相應的運算。但也有例外,如疊加(Overlay)。

  3、混合是對兩個圖層的每一個像素進行計算後形成的新的圖層。

  (二)計算公式

  1、變暗

  

  2、變亮

  

  3、點光

  

  4、正片疊底

  

  5、濾色

  

  6、疊加

  

  7、柔光

  

  8、強光

  

  9、顏色加深

  

  10、顏色減淡

  

  11、亮光
  

  12、線性加深

  

  13、線性減淡

  

  14、線性光

  

  15、實色混合

  

  16、差值

  

  17、減去

  

  18、排除

  

  19、劃分

  

  20、深色

  變暗:就是比大小,分別對比通道中的R、G、B顏色信息,留下小的數字,重新組合成結果色的RGB。

  深色:也是比大小,對比每個像素通道RGB相加之和,小的直接留下來,成爲結果色。

  21、淺色

  同理相反。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章