Photoshop教學-圖層混合模式的"謎"失與原理

分類:其它綜合 » Photoshop | 2009-03-10
  相信許多Photoshop的好手,無論是新手還是老手,應該對【圖層混合模式】感到不陌生才對,雖然對它不陌生,但又好像說不出個道理,每次使用時,一切都憑著感覺走,雖然這次用了覆蓋,下次卻又改用柔光,問為什麼這要使用覆蓋那要使用柔光,總是難說出一個所以然來,其實原因很簡單,因為這一切都是一種感覺、一種fu,是只能意會而無法言諭。

  其實並非如此,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點鐘了,該是打洋的時候了。





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 11 梅留言

  • 第11梅
    Lan 說道:

    這個…真是一篇很棒的教學文啊!
    對於圖層的混合模式真的很頭痛,看完後雖然不是很透徹,
    但至少在使用上多了一些概念,否則真的很像天書般的存在= =
    感謝!!>///<

  • 第10梅
    coco 說道:

    給你一個讚