'PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇'

Photoshop PS實用教程 2019-09-15
"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色加深

通過增加底色和混合色之間的對比度,產生的結果比正片疊底的飽和度更高。

計算公式:

結果色的R=(基色的R+混合色的R-255)*255/混合色的R

結果色的G=(基色的G+混合色的G-255)*255/混合色的G

結果色的B=(基色的B+混合色的B-255)*255/混合色的B

產生的RGB值就是結果色。

注意:若基色+混合色-255的值為負,則歸0;所以可以看到我們效果圖中,基色和混合色較深的地方基本最終顏色都是黑色。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色加深

通過增加底色和混合色之間的對比度,產生的結果比正片疊底的飽和度更高。

計算公式:

結果色的R=(基色的R+混合色的R-255)*255/混合色的R

結果色的G=(基色的G+混合色的G-255)*255/混合色的G

結果色的B=(基色的B+混合色的B-255)*255/混合色的B

產生的RGB值就是結果色。

注意:若基色+混合色-255的值為負,則歸0;所以可以看到我們效果圖中,基色和混合色較深的地方基本最終顏色都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性加深

線性加深會根據混合色的值降低基色的亮度。結果比正片疊底產品的顏色更暗,飽和度更低。

計算公式:

結果色的R=基色的R+混合色的R-255,

結果色的G=基色的G+混合色的G-255,

結果色的B=基色的B+混合色的B-255,

產生的RGB就是結果色。

同樣的,任何一個值都不會為負,計算結果為負,就等於0。

所以基色和混合色較深的地方最終顏色也都是黑色。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色加深

通過增加底色和混合色之間的對比度,產生的結果比正片疊底的飽和度更高。

計算公式:

結果色的R=(基色的R+混合色的R-255)*255/混合色的R

結果色的G=(基色的G+混合色的G-255)*255/混合色的G

結果色的B=(基色的B+混合色的B-255)*255/混合色的B

產生的RGB值就是結果色。

注意:若基色+混合色-255的值為負,則歸0;所以可以看到我們效果圖中,基色和混合色較深的地方基本最終顏色都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性加深

線性加深會根據混合色的值降低基色的亮度。結果比正片疊底產品的顏色更暗,飽和度更低。

計算公式:

結果色的R=基色的R+混合色的R-255,

結果色的G=基色的G+混合色的G-255,

結果色的B=基色的B+混合色的B-255,

產生的RGB就是結果色。

同樣的,任何一個值都不會為負,計算結果為負,就等於0。

所以基色和混合色較深的地方最終顏色也都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


深色

這個混合模式,是這大塊裡的異類,它不會混合像素。它只比較基色和混合色,有點類似於暗色,但它不是R,G,B分開對比留色,所以不會產生混色效果。

它是將基色和混合色的RGB之和進行對比,留下較小值。所以得到的是以下情況。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色加深

通過增加底色和混合色之間的對比度,產生的結果比正片疊底的飽和度更高。

計算公式:

結果色的R=(基色的R+混合色的R-255)*255/混合色的R

結果色的G=(基色的G+混合色的G-255)*255/混合色的G

結果色的B=(基色的B+混合色的B-255)*255/混合色的B

產生的RGB值就是結果色。

注意:若基色+混合色-255的值為負,則歸0;所以可以看到我們效果圖中,基色和混合色較深的地方基本最終顏色都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性加深

線性加深會根據混合色的值降低基色的亮度。結果比正片疊底產品的顏色更暗,飽和度更低。

計算公式:

結果色的R=基色的R+混合色的R-255,

結果色的G=基色的G+混合色的G-255,

結果色的B=基色的B+混合色的B-255,

產生的RGB就是結果色。

同樣的,任何一個值都不會為負,計算結果為負,就等於0。

所以基色和混合色較深的地方最終顏色也都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


深色

這個混合模式,是這大塊裡的異類,它不會混合像素。它只比較基色和混合色,有點類似於暗色,但它不是R,G,B分開對比留色,所以不會產生混色效果。

它是將基色和混合色的RGB之和進行對比,留下較小值。所以得到的是以下情況。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第三大塊、變亮混合模式

這一大塊中的混合模式與變暗混合模式中的反色或補色。

這塊的混合模式會使結果色更亮。混合層中純黑的部分將不可見,而任何不是純黑色部分,都會更具顏色和亮度區別一定程度上變亮。

變亮

變亮和變暗剛好相反,根據混合層和底層RGB通道的亮度對比來留色;混合層和底層的R,G,B一一對比,哪個更亮就顯示哪個。

如下圖中黑色部分完全不顯示,而白色完全顯示。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色加深

通過增加底色和混合色之間的對比度,產生的結果比正片疊底的飽和度更高。

計算公式:

結果色的R=(基色的R+混合色的R-255)*255/混合色的R

結果色的G=(基色的G+混合色的G-255)*255/混合色的G

結果色的B=(基色的B+混合色的B-255)*255/混合色的B

產生的RGB值就是結果色。

注意:若基色+混合色-255的值為負,則歸0;所以可以看到我們效果圖中,基色和混合色較深的地方基本最終顏色都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性加深

線性加深會根據混合色的值降低基色的亮度。結果比正片疊底產品的顏色更暗,飽和度更低。

計算公式:

結果色的R=基色的R+混合色的R-255,

結果色的G=基色的G+混合色的G-255,

結果色的B=基色的B+混合色的B-255,

產生的RGB就是結果色。

同樣的,任何一個值都不會為負,計算結果為負,就等於0。

所以基色和混合色較深的地方最終顏色也都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


深色

這個混合模式,是這大塊裡的異類,它不會混合像素。它只比較基色和混合色,有點類似於暗色,但它不是R,G,B分開對比留色,所以不會產生混色效果。

它是將基色和混合色的RGB之和進行對比,留下較小值。所以得到的是以下情況。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第三大塊、變亮混合模式

這一大塊中的混合模式與變暗混合模式中的反色或補色。

這塊的混合模式會使結果色更亮。混合層中純黑的部分將不可見,而任何不是純黑色部分,都會更具顏色和亮度區別一定程度上變亮。

變亮

變亮和變暗剛好相反,根據混合層和底層RGB通道的亮度對比來留色;混合層和底層的R,G,B一一對比,哪個更亮就顯示哪個。

如下圖中黑色部分完全不顯示,而白色完全顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


濾色

濾色應該是最受大家喜歡的混合模式。產生的結果色比底色更亮。黑色區顯示的是底色,而白色區顯示的是白色區。

根據混合層的亮度值,屏幕可以產生許多不同程度的增亮,和正片疊底相對應,可以產生很多亮色系的色彩。

計算公式:

結果色的R=255-(255-混合色的R)*(255-底色的R)/255

結果色的G=255-(255-混合色的G)*(255-底色的G)/255

結果色的B=255-(255-混合色的B)*(255-底色的B)/255

得到的RGB值就是結果色。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色加深

通過增加底色和混合色之間的對比度,產生的結果比正片疊底的飽和度更高。

計算公式:

結果色的R=(基色的R+混合色的R-255)*255/混合色的R

結果色的G=(基色的G+混合色的G-255)*255/混合色的G

結果色的B=(基色的B+混合色的B-255)*255/混合色的B

產生的RGB值就是結果色。

注意:若基色+混合色-255的值為負,則歸0;所以可以看到我們效果圖中,基色和混合色較深的地方基本最終顏色都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性加深

線性加深會根據混合色的值降低基色的亮度。結果比正片疊底產品的顏色更暗,飽和度更低。

計算公式:

結果色的R=基色的R+混合色的R-255,

結果色的G=基色的G+混合色的G-255,

結果色的B=基色的B+混合色的B-255,

產生的RGB就是結果色。

同樣的,任何一個值都不會為負,計算結果為負,就等於0。

所以基色和混合色較深的地方最終顏色也都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


深色

這個混合模式,是這大塊裡的異類,它不會混合像素。它只比較基色和混合色,有點類似於暗色,但它不是R,G,B分開對比留色,所以不會產生混色效果。

它是將基色和混合色的RGB之和進行對比,留下較小值。所以得到的是以下情況。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第三大塊、變亮混合模式

這一大塊中的混合模式與變暗混合模式中的反色或補色。

這塊的混合模式會使結果色更亮。混合層中純黑的部分將不可見,而任何不是純黑色部分,都會更具顏色和亮度區別一定程度上變亮。

變亮

變亮和變暗剛好相反,根據混合層和底層RGB通道的亮度對比來留色;混合層和底層的R,G,B一一對比,哪個更亮就顯示哪個。

如下圖中黑色部分完全不顯示,而白色完全顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


濾色

濾色應該是最受大家喜歡的混合模式。產生的結果色比底色更亮。黑色區顯示的是底色,而白色區顯示的是白色區。

根據混合層的亮度值,屏幕可以產生許多不同程度的增亮,和正片疊底相對應,可以產生很多亮色系的色彩。

計算公式:

結果色的R=255-(255-混合色的R)*(255-底色的R)/255

結果色的G=255-(255-混合色的G)*(255-底色的G)/255

結果色的B=255-(255-混合色的B)*(255-底色的B)/255

得到的RGB值就是結果色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色減淡

通過降低基色和混合色之間的對比度,會產生比濾色更明亮,飽和度更高。

計算公式:

結果色的R=底色的R+(混合色的R*底色的R)/(255-混合色的R)

結果色的G=底色的G+(混合色的G*底色的G)/(255-混合色的G)

結果色的B=底色的B+(混合色的B*底色的B)/(255-混合色的B)

產生的RGB就是結果色。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色加深

通過增加底色和混合色之間的對比度,產生的結果比正片疊底的飽和度更高。

計算公式:

結果色的R=(基色的R+混合色的R-255)*255/混合色的R

結果色的G=(基色的G+混合色的G-255)*255/混合色的G

結果色的B=(基色的B+混合色的B-255)*255/混合色的B

產生的RGB值就是結果色。

注意:若基色+混合色-255的值為負,則歸0;所以可以看到我們效果圖中,基色和混合色較深的地方基本最終顏色都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性加深

線性加深會根據混合色的值降低基色的亮度。結果比正片疊底產品的顏色更暗,飽和度更低。

計算公式:

結果色的R=基色的R+混合色的R-255,

結果色的G=基色的G+混合色的G-255,

結果色的B=基色的B+混合色的B-255,

產生的RGB就是結果色。

同樣的,任何一個值都不會為負,計算結果為負,就等於0。

所以基色和混合色較深的地方最終顏色也都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


深色

這個混合模式,是這大塊裡的異類,它不會混合像素。它只比較基色和混合色,有點類似於暗色,但它不是R,G,B分開對比留色,所以不會產生混色效果。

它是將基色和混合色的RGB之和進行對比,留下較小值。所以得到的是以下情況。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第三大塊、變亮混合模式

這一大塊中的混合模式與變暗混合模式中的反色或補色。

這塊的混合模式會使結果色更亮。混合層中純黑的部分將不可見,而任何不是純黑色部分,都會更具顏色和亮度區別一定程度上變亮。

變亮

變亮和變暗剛好相反,根據混合層和底層RGB通道的亮度對比來留色;混合層和底層的R,G,B一一對比,哪個更亮就顯示哪個。

如下圖中黑色部分完全不顯示,而白色完全顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


濾色

濾色應該是最受大家喜歡的混合模式。產生的結果色比底色更亮。黑色區顯示的是底色,而白色區顯示的是白色區。

根據混合層的亮度值,屏幕可以產生許多不同程度的增亮,和正片疊底相對應,可以產生很多亮色系的色彩。

計算公式:

結果色的R=255-(255-混合色的R)*(255-底色的R)/255

結果色的G=255-(255-混合色的G)*(255-底色的G)/255

結果色的B=255-(255-混合色的B)*(255-底色的B)/255

得到的RGB值就是結果色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色減淡

通過降低基色和混合色之間的對比度,會產生比濾色更明亮,飽和度更高。

計算公式:

結果色的R=底色的R+(混合色的R*底色的R)/(255-混合色的R)

結果色的G=底色的G+(混合色的G*底色的G)/(255-混合色的G)

結果色的B=底色的B+(混合色的B*底色的B)/(255-混合色的B)

產生的RGB就是結果色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性減淡(添加)

線性減淡(添加)通過增加亮度來增亮底色,與線性加深相反。

計算公式:

結果色的R=底色的R+混合色的R

結果色的G=底色的G+混合色的G

結果色的B=底色的B+混合色的B

產生的RGB就是結果色。

任何一個值都不會大於255,如果任何一個加法後的值大於255,則都為255。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色加深

通過增加底色和混合色之間的對比度,產生的結果比正片疊底的飽和度更高。

計算公式:

結果色的R=(基色的R+混合色的R-255)*255/混合色的R

結果色的G=(基色的G+混合色的G-255)*255/混合色的G

結果色的B=(基色的B+混合色的B-255)*255/混合色的B

產生的RGB值就是結果色。

注意:若基色+混合色-255的值為負,則歸0;所以可以看到我們效果圖中,基色和混合色較深的地方基本最終顏色都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性加深

線性加深會根據混合色的值降低基色的亮度。結果比正片疊底產品的顏色更暗,飽和度更低。

計算公式:

結果色的R=基色的R+混合色的R-255,

結果色的G=基色的G+混合色的G-255,

結果色的B=基色的B+混合色的B-255,

產生的RGB就是結果色。

同樣的,任何一個值都不會為負,計算結果為負,就等於0。

所以基色和混合色較深的地方最終顏色也都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


深色

這個混合模式,是這大塊裡的異類,它不會混合像素。它只比較基色和混合色,有點類似於暗色,但它不是R,G,B分開對比留色,所以不會產生混色效果。

它是將基色和混合色的RGB之和進行對比,留下較小值。所以得到的是以下情況。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第三大塊、變亮混合模式

這一大塊中的混合模式與變暗混合模式中的反色或補色。

這塊的混合模式會使結果色更亮。混合層中純黑的部分將不可見,而任何不是純黑色部分,都會更具顏色和亮度區別一定程度上變亮。

變亮

變亮和變暗剛好相反,根據混合層和底層RGB通道的亮度對比來留色;混合層和底層的R,G,B一一對比,哪個更亮就顯示哪個。

如下圖中黑色部分完全不顯示,而白色完全顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


濾色

濾色應該是最受大家喜歡的混合模式。產生的結果色比底色更亮。黑色區顯示的是底色,而白色區顯示的是白色區。

根據混合層的亮度值,屏幕可以產生許多不同程度的增亮,和正片疊底相對應,可以產生很多亮色系的色彩。

計算公式:

結果色的R=255-(255-混合色的R)*(255-底色的R)/255

結果色的G=255-(255-混合色的G)*(255-底色的G)/255

結果色的B=255-(255-混合色的B)*(255-底色的B)/255

得到的RGB值就是結果色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色減淡

通過降低基色和混合色之間的對比度,會產生比濾色更明亮,飽和度更高。

計算公式:

結果色的R=底色的R+(混合色的R*底色的R)/(255-混合色的R)

結果色的G=底色的G+(混合色的G*底色的G)/(255-混合色的G)

結果色的B=底色的B+(混合色的B*底色的B)/(255-混合色的B)

產生的RGB就是結果色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性減淡(添加)

線性減淡(添加)通過增加亮度來增亮底色,與線性加深相反。

計算公式:

結果色的R=底色的R+混合色的R

結果色的G=底色的G+混合色的G

結果色的B=底色的B+混合色的B

產生的RGB就是結果色。

任何一個值都不會大於255,如果任何一個加法後的值大於255,則都為255。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


淺色

這個混合模式和深色類似,一樣不會混合像素。它只比較基色和混合色的RGB之和,留下兩者中數值較大的一個。


"

這一篇主要為大家詳細講解一下目前已有的各種混合模式。

我們先了解一下PS是什麼時候有了混合模式。

最早是在1994年,也就是Photoshop 3.0版本的時候,混合模式就有了。

當時共有19個早期的混合模式是:正常,溶解,變暗,正片疊底,顏色加深,深色,變亮,濾色,顏色減淡,淺色,疊加,柔光,強光,差值,排除,色相,飽和度,顏色和明度。

2002年,Photoshop 7添加了線性減淡(添加),線性加深,亮光,線性光和點光等五種混合模式。

2003年,Photoshop CS添加了實色混合 混合模式。

2010年,Photoshop CS5中添加了減去和劃分兩種混合模式。

於是,就有了目前Photoshop cs6中的27種混合模式。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


由上圖,可以看出PS將他們分為了6大塊,分別為正常混合模式,變暗混合模式,變亮混合模式,對比混合模式,差異混合模式,顏色混合模式。

接下來我們會對6大塊以及其下共27個不同的混合模式,進行詳細說明,所有的說明與圖片均基於圖層100%不透明度的情況下。

選了一張底圖,並建了4個漸變圓,分別以黑白、淺色譜、深色譜以及色譜,用於查看不同混合模式的效果。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第一大塊、正常混合模式

這一大塊的混合模式本身並沒有混合的算法。但是可以通過不透明度和填充滑塊來實現圖層之間的基礎混合。

正常混合模式包含正常和溶解兩種混合模式

正常

正常是Photoshop圖層的默認混合模式。可以通過降低圖層的不透明度來顯示下面的圖層,不透明的地方將完全覆蓋它們正下方圖層的相應位置。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


溶解

溶解本身也沒有混合的算法。同樣可以通過降低圖層的不透明度來顯示下面的圖層,但是這裡調整的不透明度是以噪聲形式減少這個圖層的圖案。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第二大塊、變暗混合模式

這一大塊中的混合模式的基本效果是使圖片變暗,混合層中純白的部分是不顯示的,只要有點顏色的,都會在一定程度上根據不同模式和不同顏色變暗。

變暗

變暗混合模式根據混合層和底層R,G,B通道的亮度對比來留色;

簡單的說,就是混合層和底層的像素一一對比,哪個更暗就顯示哪個。如下圖暗色混合效果,淺色譜中亮色明顯多於底層圖片,所以顯示的大部分都為底層圖片,幾乎看不出混合層像素,當然仔細看還是有;而暗色譜和色譜中的亮色和底圖相差不大,所以顯示的結果中底圖和混合層差不多均有。

如果還不夠清晰明白,那可以看黑白漸變的部分,純黑區,肯定比底圖暗,所以只顯示黑色;而純白區,肯定比底圖亮,所以只顯示底圖,而漸變灰色區,根據對比結果顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


正片疊底

正片疊底是比較常用的混合模式。這種混合模式是將底色的亮度乘以混合色(所以正片疊底的功能,在英文版裡叫multiply),最終的顏色會比底色深。當然白色和黑色是還是一樣的,白色不顯示,黑色全顯示;

計算公式:

結果色的R值=混合色的R值*底色的R值/255

結果色的G值=混合色的G值*底色的G值/255

結果色的B值=混合色的B值*底色的B值/255

最終的R,G,B值,就是結果色的顏色。

根據底色的多樣性亮度,通過正片疊底會讓圖片不同程度的變暗,這種混合方式往往會產生很多很不錯的暗色系顏色效果,這也是大多數時候我們比較喜歡用的原因。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色加深

通過增加底色和混合色之間的對比度,產生的結果比正片疊底的飽和度更高。

計算公式:

結果色的R=(基色的R+混合色的R-255)*255/混合色的R

結果色的G=(基色的G+混合色的G-255)*255/混合色的G

結果色的B=(基色的B+混合色的B-255)*255/混合色的B

產生的RGB值就是結果色。

注意:若基色+混合色-255的值為負,則歸0;所以可以看到我們效果圖中,基色和混合色較深的地方基本最終顏色都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性加深

線性加深會根據混合色的值降低基色的亮度。結果比正片疊底產品的顏色更暗,飽和度更低。

計算公式:

結果色的R=基色的R+混合色的R-255,

結果色的G=基色的G+混合色的G-255,

結果色的B=基色的B+混合色的B-255,

產生的RGB就是結果色。

同樣的,任何一個值都不會為負,計算結果為負,就等於0。

所以基色和混合色較深的地方最終顏色也都是黑色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


深色

這個混合模式,是這大塊裡的異類,它不會混合像素。它只比較基色和混合色,有點類似於暗色,但它不是R,G,B分開對比留色,所以不會產生混色效果。

它是將基色和混合色的RGB之和進行對比,留下較小值。所以得到的是以下情況。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


第三大塊、變亮混合模式

這一大塊中的混合模式與變暗混合模式中的反色或補色。

這塊的混合模式會使結果色更亮。混合層中純黑的部分將不可見,而任何不是純黑色部分,都會更具顏色和亮度區別一定程度上變亮。

變亮

變亮和變暗剛好相反,根據混合層和底層RGB通道的亮度對比來留色;混合層和底層的R,G,B一一對比,哪個更亮就顯示哪個。

如下圖中黑色部分完全不顯示,而白色完全顯示。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


濾色

濾色應該是最受大家喜歡的混合模式。產生的結果色比底色更亮。黑色區顯示的是底色,而白色區顯示的是白色區。

根據混合層的亮度值,屏幕可以產生許多不同程度的增亮,和正片疊底相對應,可以產生很多亮色系的色彩。

計算公式:

結果色的R=255-(255-混合色的R)*(255-底色的R)/255

結果色的G=255-(255-混合色的G)*(255-底色的G)/255

結果色的B=255-(255-混合色的B)*(255-底色的B)/255

得到的RGB值就是結果色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


顏色減淡

通過降低基色和混合色之間的對比度,會產生比濾色更明亮,飽和度更高。

計算公式:

結果色的R=底色的R+(混合色的R*底色的R)/(255-混合色的R)

結果色的G=底色的G+(混合色的G*底色的G)/(255-混合色的G)

結果色的B=底色的B+(混合色的B*底色的B)/(255-混合色的B)

產生的RGB就是結果色。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


線性減淡(添加)

線性減淡(添加)通過增加亮度來增亮底色,與線性加深相反。

計算公式:

結果色的R=底色的R+混合色的R

結果色的G=底色的G+混合色的G

結果色的B=底色的B+混合色的B

產生的RGB就是結果色。

任何一個值都不會大於255,如果任何一個加法後的值大於255,則都為255。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


淺色

這個混合模式和深色類似,一樣不會混合像素。它只比較基色和混合色的RGB之和,留下兩者中數值較大的一個。


PS教程:27種不同混合模式的詳細說明,混合模式基礎之上篇


總結一下,到這裡就已經講完混合模式的上篇,主要講了正常、變亮、變暗三大塊共12種混合模式。

下篇將會繼續把剩餘的三大塊15種混合模式講解完,關注後,會提示最新更新的教程。

"

相關推薦

推薦中...