切換
舊版
前往
大廳
主題

Photoshop教學:六、圖層(二) 圖層混合模式

RotiX | 2010-10-08 11:42:41 | 巴幣 1028 | 人氣 9904

本章難度: -進階知識,理解之後讓你更清楚地掌握!

這次讓我們開始更深入的認識圖層的知識吧

首先,我們先來認識圖層最多彩的功能-混合模式
混合模式顧名思義就是選擇圖層彼此之間要用何種模式做混合
不同的混合模式也就有不同的演算法,混出來的效果當然也就不同

在介紹混合模式之前,我們簡單認識一下有關顏色的基本
先大致看一下下圖:

明度、飽和度、色相為色彩的基本三項要素

上圖是Photoshop的檢色器
開啟檢色器選取顏色時,在預設通的設定下會看到類似圖中的擺列
先讓我們認識一下它的規則:
每種顏色基本上都有三個要素
如圖所示有 色相飽和度明度 這三種

色相(Hue):色彩的外相,也是最直接反應該顏色為何種顏色的數值
最常見的色相排列方式為色相環
某些軟體的檢色器便是以色相環來做檢色,這裡則拉成一直線。

飽和度(Saturation):該顏色的鮮豔程度
飽和度越高顏色就越艷麗、越低則越黯淡(注意並不是變暗)

明度(Brightness):該顏色的明暗程度
要注意的是飽和度和明度是不一樣的
可以多觀察上圖以理解他們之間的差異。

接下來就讓我們一一來介紹各種混合模式吧

Photoshop的各種混合模式

上圖為Photoshop的混合模式表
隨著格欄又可以分類為六類,這裡就由上往下介紹。
另外,較新的版本可能會有新增的混合模式,這裡先暫不做介紹。

這裡舉出的範例圖皆為如上圖般彼此相疊
以更改紅色漸層該圖層的混合模式做範例


第一類:普通效果


正常:沒有特殊效果,純粹的圖層相疊。

溶解:根據透明度做出隨機的溶解效果,由於範例圖並不包含透明像素,所以沒有實際效果


第二類:變暗效果


變暗:圖層彼此相比,顯示出較暗的顏色
由上圖可以看出疊出的效果,兩個圖層之中較暗的顏色都被顯示出來,不過不會做顏色的變動。


色彩增值:實用效果之一,以色彩彼此相乘的方式讓顏色變暗
因此,在白色的部份怎樣相乘都不會讓顏色改變
相反的、黑色的部份也永遠會讓顏色變黑色。

加深顏色:以強化對比的方式讓顏色變暗,和白色混合的時候不會有變化
比起色彩增值在照片的合成更能強化立體感

線性加深:色彩增值和加深顏色的組合混合、效果和色彩增值相近,另帶有些微的對比強化。


第三類:變亮效果

變亮:和變暗相反。圖層彼此相比,顯示出較亮的顏色

濾色:實用的效果,和色彩增值相反,以色彩彼此的倒數相乘的方式讓顏色變亮。
黑色的部份怎樣相乘都不會讓顏色改變
白色的部份也永遠會讓顏色變白色。

加亮顏色:和加深顏色相反。
以強化對比的方式讓顏色變亮,和黑色混合的時候不會有變化

線性加亮:和線性加深相反。
濾色和加亮顏色的組合混合、效果和濾色相近,另帶有些微的對比強化。


第四類:對比強化

覆蓋:實用效果之一,尤其是運用在CG繪圖時材質或圖案的相疊。
亮部和暗部各依強化對比的的方式讓顏色加亮或加深。

柔光:當明度大於50的地方將該部分加亮
低於50的部份將該部分變暗。此效果的強度較覆蓋更為柔和。


實光:色彩增值跟濾色的混和效果
當明度大於50的地方將該部分使用濾色的方式運算
低於50的部份則用色彩增值的方式運算。


強烈光源:加亮顏色跟加深顏色的混和效果
當明度大於50的地方將該部分使用加亮顏色的方式運算
低於50的部份則用加深顏色的方式運算。


線性光源:線性加亮和線性加深的混和效果
當明度大於50的地方將該部分使用線性加亮方式運算
低於50的部份則用線性加深的方式運算。

小光源:變亮和變暗的混和效果
當明度大於50的地方將該部分使用變亮的方式運算(顯示較亮的顏色)
低於50的部份則用變暗的方式運算(顯示較暗的顏色)。


第五類:反差效果

差異化:彼此由較暗的一方減去較亮該方的色彩。
由上圖可以看到,左上角由黑色(RGB值為0,0,0)去減紅色(RGB值為255,0,0)
由於黑色數值皆為0所以結果紅色不變(255,0,0)
右上角則為紅色去減白色,當白色(RGB值為255,255,255)被減去了紅色(255,0,0)
就成了淺藍色(0,255,255)
所以變相來說,與白色混合的部份反轉色彩值、與黑色混和的部分則不變。

排除:類似差異化效果,不過強度較低。


第六類:顏色效果

色相:將下方圖層的色相都改為此圖層的色相。
此例因為下方的黑色漸層飽和度為0,所以混合出來看不出任何效果。

飽和度:將下方圖層的飽和度都改為此圖層的飽和度。


顏色:將下方圖層的色相和飽和度都改為此圖層的色相和飽和度。


明度:將下方圖層的明度都改為此圖層的明度。

--

創作回應

席洛
丟GP=w=/
2010-10-08 13:55:55
鳳凰炎月(小正)
真詳細@@

但...

我都是靠直覺下去畫 XD
2010-10-08 14:04:11
Angel
呼呼~(巴

是說感覺好複雜 雖然我不會畫畫(再巴
2010-10-08 19:11:28
凜汐★
這麼棒的文怎麼都沒人光顧,用了那麼久的各種效果,到底有什麼功能這裡都簡單的解釋了。
2017-10-25 16:28:37
徹拉修
雖然是古文,但是感謝教學
一目了然的呈現方式
2018-02-27 23:04:45

相關創作

更多創作