Photoshop教學-圖層混合模式的』謎』失與原理
分類:Photoshop» 疑難雜症 | 發表日:2009-03-10 | 瀏覽:8,794人次
Difference / 差異化 (試驗):
一樣的在影像中加入黑、中灰、白,則會發現到,只有黑色色塊不會產生負片效果,其餘都呈現出負片效果。
Difference / 差異化 (重點):
其實就有點像,將二張影像都轉換成負片效果。

Exclusion / 差異化 (原理解說): 排除與差異化很像,但排除只針比128中灰色亮才進行負片效果。
Exclusion / 差異化 (試驗):
這邊多加了個灰色色塊,便可看到,當中灰以上才會出現負片效果。

Hue / 色相 (原理解說): 將B影像轉成灰階,再將A影像的顏色混入。
Hue / 色相 (試驗):
在A影像中分別加入幾個有色塊,則會看到畫面的B影像,則會依照A影像的色塊,進行色相的轉換。

Saturation / 飽合度 (原理解說): 以A影像的飽合度來提升B的飽合度,當A影像的飽合度愈高時,相對的B影像也會愈飽合。
Saturation / 飽合度 (試驗):
從下圖可看到,當把A的飽合度提高80,就有如將原始照片提升到80,兩效果一模一樣。

Color / 顏色 (原理解說): 這跟色相很雷同,唯一不同的是,當A影像的彩度與色相取代B影像的彩度與色相,但B影像的明度不會改變。
Color / 顏色 (試驗):
因此試著在A影像加入幾個色塊,會發現色彩豔麗許多。

Luminosity / 明度 (原理解說): A影像轉換成灰階,再將B的色彩套入A影像中。
Luminosity / 明度 (試驗):
因此試著在B影像加入幾個色塊,會發現A影像則會依照,B影像的色塊作呈現。

呼!好累喔!!總算把所有的混合模式寫完了,這些是梅干先前所收集,並且加了測試,再加以整理出來,希望對各位有幫助,如有任何不正確的地方,也歡迎指正,又是夜半12點鐘了,該是打洋的時候了。
其實並非如此,Photoshop的25種混合模式,每一個混合模式,都有它的計算方式與運作原理,但由於他的計算方式有些複雜,再加上梅干的數學實在不好,因此這邊只從運作原理來作解說,其Photoshop本來就是一種影像遊戲,因此只要懂得每個模式運作原理後,日後合成對於模式的設定,將會更加的得心應手,而不是一切都憑感覺一個一個猜,接下來梅干就從這25個混合模式來作個解說,但由於正常與溶解效果較為明顯,這邊梅干就不再多作解說,直接從【變暗】開始解說起。
解說圖:
首先,梅干準備了二張圖,分別為A、B二張,A圖在上、B圖在下,待會混合模式皆由A圖層來進行。

Darken / 變暗 (原理解說):
該模式A影像只要比B影像暗,B的亮面就會顯示A影像,同時此模式下,若為A為255純白時,該色塊則會變成透明並顯示B影像。
Darken / 變暗 (試驗):
接下來先將A影像加深,此時便會發現到,畫面幾乎顯示為A影像的冬季樹林,如下圖所示。

Darken / 變暗 (重點):
其實各位可能會一頭霧水,到底是紅比較暗還是藍比較暗,這實在很難判斷吧!其實在混合模式的世界裡,只有灰階因此這邊說的亮暗,其實要先把影像都轉到灰階下,才有辦法比較出二者的差異,到底誰亮誰暗,一眼就能辨視出來。

Multiply / 色彩增值 (原理解說):
所謂的色彩增值,其效果就有點類似將兩張幻燈片重疊在一起,當將A、B兩個影像的數值作相加一起時,影像的顏色則會變更深、更重,如:A. R:128、G:100、B:50,B. R:50、G:25、B:100,A+B=R:178、B:75、B:150。

Multiply / 色彩增值 (試驗):
先將A圖的冬季樹林,調成為高反差,此時便會發現,在A影像的白色區塊,則變成透明完全顯示B影像,128中灰色則會變成半透明,若是黑色時則完全不顯示任何影像,為什麼會這樣子呢?可以稍為想一下,該混合模式是將二張影像作加總,當為白色時,為255等於全開了就為透明,因此當然就只顯示B影像,當為128中灰時顏色則會變加重,黑色的話等於0全關閉了,因此再加上任何色依然還是黑,這就有點像在黑墨汁中加任何的色,依然還是黑色。

Multiply / 色彩增值 (重點):
這邊再作一個小試驗,先選擇了一個藍色,並將該藍色轉成灰色,並將它繪製在A影像中,並將影像轉成灰階,可發現到,無論是藍或灰,二個值是相同時,唯一不同的是,在藍色的區塊中,除了本身的色塊加重外,同時還會再套入藍色的比重。

ColorBurn / 加深顏色 (原理解說):
A影像色階要比128中灰暗,同時B影像色階要比A暗,再將兩重疊區塊提高對比反差,因此會感覺色調有點像是被燒黑的感覺,B影像若有白色區塊時,A影像將會被踢除掉,而無法進行混色的動作。

ColorDarken / 加深顏色 (試驗):
接下來先分別在A影像加入,255純白、128中灰、0黑,此時便會看到,當A的255純白時,則會完全的顯示B影像,當為中灰、黑時,A影像又沒比B暗時,則會顯示B影像,並且依灰階的比例加重B的色調。

LinearBurn / 線性加深 (原理解說):
先將雙方的亮面,替換成對方的暗面,再將兩的中間的重疊色調,並且把顏色加重。

LinearBum / 線性加深 (試驗):
從下圖中,分別的加入白色與紅色,再將色彩模式轉換成灰階,此時便會發現到,當A的白色區塊將會完全的顯示B影像,並且不作任何混色,當紅色區塊時,由於那深灰,未必B的那路面來的暗,使用那紅色區塊依然會顯示B影像,並且再將紅色套入其中。

DarkenColor / 顏色變暗 (原理解說):
這混合模式比較特別些,則是A亮面會被B取代,B亮面會被A取代,二邊都保留對方的暗面。

DarkenColor / 顏色變暗 (試驗):
接下來我們來作個小試驗,分別在二邊畫面白色的區塊中,填入比原來重的色彩,則會發現到,果真都會被保留並且顯示出來。

Lighten / 變亮 (原理解說):
此模式與變暗正好相反。

Lighten / 變亮 (試驗):
由於與變暗正好相反,因此在變暗中,白色則會變透明,但在變亮中,黑色則會變透明,並且會被B影像取代掉。

Screen / 濾色 (原理解說):
此結果一般都會比較亮些,B影像有如A的過濾器,同時當雙方為黑色時,將會被對方的影像給取代,同時B影像若為彩色時,A的色相與明度都會被改變。

Screen / 濾色 (試驗):
一樣的在A、B分別加入白、中灰、黑..等三個色塊,便會發現到當雙方的黑色區塊,則會被雙方的影像給取代,若為中灰時則會呈現半透明狀,若為為白色時,就無法再混入任何的影像與色調。

ColorDoge / 加亮顏色 (原理解說):
只要A影像不為純黑色時,將會降低B影像對比,重疊之處再加亮。

ColorDoge / 加亮顏色 (試驗):
一樣的在A影像中,分別加入黑白,便可發現到,黑色區塊將不會作任何混色動作,同時會完全的顯示B影像。

LinearDoge / 線性加亮 (原理解說):
利用B影像中的白色區塊,增加亮度讓A影像變更亮。

LinearDoge / 線性加亮 (試驗):
分別在A、B影像中,填入黑色則會發現到,則會完全的顯示雙方影像。

LighterColor / 顏色變亮 (原理解說):
與顏色變暗正好相反。

LighterColor / 顏色變亮 (試驗):
分別在A、B影像中,填入黑色則會發現到,則會完全的顯示雙方影像。

Overlay / 覆蓋 (原理解說):
當A影像愈亮時,B影像就會變更亮,若A影像愈暗,相對的B也會愈暗,若A比B亮,則會取代掉B影像。

Overlay / 覆蓋 (試驗):
這時候利用漸層工具,由上而下,分別為黑到白,則會發現到B影像上方的色彩變更重,下力的色調變更亮。

SoftLight / 柔光 (原理解說):
當A影像中比128中灰,高時則會變亮,比128低則會變暗,效果有如以柔光燈照射一般。

SoftLight / 柔光 (試驗):
分別在A影像加入,白、中灰、黑,則會發現到,當影像為中灰時,則不會作任何混色效果,但當比128中灰高、低時,則會發現色調變亮與變暗。

HardLight / 實光 (原理解說):
其效果與柔光有點像,唯一不同的事,當比128中灰高時,則套用濾色(screen)的效果,若比128低時,則套用色彩增值(multiply)的效果,因此該模式的對比反差會比柔光來的更大。

HardLight / 實光 (試驗):
分別在A影像加入,白、中灰、黑,則會發現到,當影像為中灰時,則不會作任何混色效果,但當比128亮時,則會出現濾色的混色效果,若比128低時,則會出現色彩增值的感覺,因此整體的色調反差對比很大。

VividLight / 強烈光源 (原理解說):
依照A影像的明暗不同將B影像變亮,當A影像比中灰色亮時,則會降低對比與亮度,若A影像比中灰色暗時,則會提高對比與亮度。

VividLight / 強烈光源 (試驗):
分別在A影像加入,白、中灰、黑,則會發現到,當影像為中灰時,則不會作任何混色效果,但影像當比128中灰色亮時,對比與亮度則會降低,反之則提升。

LinearLight / 線性光源 (原理解說):
線性光源正好與強烈光源成反比,當比中灰亮時,對比與亮度就提升,反之則下降。

LinearLight / 線性光源 (試驗):
分別在A影像加入,白、中灰、黑,則會發現到,當影像為中灰時,則不會作任何混色效果,但影像當比128中灰色亮時,對比則會提升,反之則降低。

PinLight / 小光源 (原理解說):
當A影像比中灰色亮時,B影像就會被比A影像的暗給取代。

PinLight / 小光源 (試驗):
分別在A影像加入,白、中灰、黑,則會發現到,當影像為中灰時,則不會作任何混色效果,但影像當比中灰色高低,都會降低對比與明度。

HardMi / 實色疊印混合 (原理解說):
保留A、B影像的最亮與最暗面,再加以重疊,產生出色調分離與高反差的色調。

HardMi / 實色疊印混合 (試驗):
當加入中灰色時,能保留原始影像,但色調會呈現出高反差的效果。

Difference / 差異化 (原理解說):
當A、B影像比黑色亮時,就會將A、B影像轉換成負片效果。

Difference / 差異化 (試驗):
一樣的在影像中加入黑、中灰、白,則會發現到,只有黑色色塊不會產生負片效果,其餘都呈現出負片效果。

Difference / 差異化 (重點):
其實就有點像,將二張影像都轉換成負片效果。

Exclusion / 差異化 (原理解說):
排除與差異化很像,但排除只針比128中灰色亮才進行負片效果。

Exclusion / 差異化 (試驗):
這邊多加了個灰色色塊,便可看到,當中灰以上才會出現負片效果。

Hue / 色相 (原理解說):
將B影像轉成灰階,再將A影像的顏色混入。

Hue / 色相 (試驗):
在A影像中分別加入幾個有色塊,則會看到畫面的B影像,則會依照A影像的色塊,進行色相的轉換。

Saturation / 飽合度 (原理解說):
以A影像的飽合度來提升B的飽合度,當A影像的飽合度愈高時,相對的B影像也會愈飽合。

Saturation / 飽合度 (試驗):
從下圖可看到,當把A的飽合度提高80,就有如將原始照片提升到80,兩效果一模一樣。

Color / 顏色 (原理解說):
這跟色相很雷同,唯一不同的是,當A影像的彩度與色相取代B影像的彩度與色相,但B影像的明度不會改變。

Color / 顏色 (試驗):
因此試著在A影像加入幾個色塊,會發現色彩豔麗許多。

Luminosity / 明度 (原理解說):
A影像轉換成灰階,再將B的色彩套入A影像中。

Luminosity / 明度 (試驗):
因此試著在B影像加入幾個色塊,會發現A影像則會依照,B影像的色塊作呈現。

呼!好累喔!!總算把所有的混合模式寫完了,這些是梅干先前所收集,並且加了測試,再加以整理出來,希望對各位有幫助,如有任何不正確的地方,也歡迎指正,又是夜半12點鐘了,該是打洋的時候了。
回應本篇
好文!
不過我應該還是會繼續用感覺吧XD
PS的演算法大概只有開發人員稿的懂
(就像貝茲也是用聽都沒聽過的演算法運作的)
呵~~偶爾也可以理解一下它的運作原理,
會有些許的幫助,
例如:較常見的就是把彩色照片變成素描,
裡面用的混合模式,可以想一下為何要用這一組~~
這時候就不是憑著感覺走了~
另外貝茲的算法,其實你國中就學過了,
它就是向量公式~
呵呵~~有空還是可以加減看一下~~
梅干寫好久呀~~
沒錯我都是憑著fu走,哈
下次我家設計師問我
我會直接丟你的blog給她
叫他們好好拜讀
呵~~大家都是習慣跟著感覺走~
非常認真地看完第一項混合模式-變暗(Darken)的豐富解說…
真的佩服並感謝梅干桑的大力解說
我覺得…還是跟著感覺走好了!
必竟…原理真是不好懂呀!!
呵!!偶爾了解一下就行,
這也不是要考試,
且只要了解目前自已常用的幾個模式,
也很夠用啦~
二十幾個梅干也不是每一個都記得~
有時忘了才有再複習一下~~~
我看到論壇有篇文章,在說明有關這部份的內容
我個人覺得淺顯易懂…說明的很清楚
(透過公式,知道圖層效果的運算)
請參考:http://bbs.redocn.com/viewthread.php?tid=53158&fromuid=258683
感謝你的分享~
但好多數學公式呀~
梅干頭又開始昏了~
阿啊~亲爱的你真是太棒了~实践性如此强悍的图文并茂的ps图层混合模式原理解说,比公式法更加实用,我之前就是像你说的一样一直凭感觉的…总是混合模式从头到尾都试一遍,现在觉得清晰明朗多了~!!我觉得要是想成为一个出色的平面设计师,成为一个ps高手,不可能总是看别人的教材做东西,只有自己把原理都搞清楚了才能更好的创造自己的作品~,你说是吧~真的是辛苦你了~~么么么么~~~~
呵~~謝謝啦!
希望對你有幫助~










老實說~~
這是甚麼東西阿 @@』
唉~~
PS 我真是摸不透你
一切都是幻覺呀!!