新手科普教程！教你掌握27種圖層混合模式的用法

編者按：新手最需要學(xué)習(xí)的教程！很多同學(xué)教程練了不少，對(duì)圖層混合模式還是一知半解，今天李明姝用簡(jiǎn)單自然的解說(shuō)帶你認(rèn)識(shí)整整27種混合模式，來(lái)收！

嗯，讓我們從最最基礎(chǔ)的說(shuō)起——像素。你就把他當(dāng)成一個(gè)個(gè)五顏六色的小色塊.這些小色塊們都有一個(gè)特定的標(biāo)記值，比如，RGB值，CMYK值了。當(dāng)然透明色塊也是像素，不過(guò)值是零罷了。我們的計(jì)算機(jī)就是靠識(shí)別這些數(shù)值來(lái)認(rèn)識(shí)顏色的。

Ok，我們?cè)賮?lái)看三個(gè)概念：

基色，混合色，結(jié)果色

（以下的示意圖如無(wú)特別說(shuō)明均來(lái)自于我們偉大的啊逗比PhotoShop）

很好理解是不是，如果你新建了一個(gè)白色背景的畫(huà)布，那么這個(gè)白色就是基色。再比如，你再牛皮紙上作畫(huà)，那么，那黃黃的顏色就是你的基色了。

混合色就是我們所選的前景色，這里我選擇了紅色。

結(jié)果色，在正常模式下，這個(gè)結(jié)果是應(yīng)該是紅色的，但是由于我調(diào)整了一定的畫(huà)筆透明度，所以底部的白色有一部分顯示出來(lái)了，得到這種類(lèi)似于粉色的結(jié)果色。

（呸呸呸，這么簡(jiǎn)單，還說(shuō)這么多，你真是啰嗦啊）

這種方式也是我們畫(huà)家作畫(huà)的基礎(chǔ)，但是在我們的數(shù)字時(shí)代，所謂的電子畫(huà)布上，是不是可以喲更多的選擇呢？

比如，我們只混合顏色的明亮度，而飽和度和色相都不發(fā)生變化；

比如，我們值混合暗部的顏色，或者只混合亮部的顏色呢。

所以，PS出現(xiàn)了，LOOK！

這貨一共有六組27種混合模式，掉渣天啊，天里邊全是渣~

OK，回到問(wèn)題，原諒我上文都跑偏了~

PS中圖層混合模式中柔光、疊加、強(qiáng)光等原理是什么？

正常模式組：

正常：編輯或者繪制每個(gè)像素，使其成為結(jié)果色；

溶解：編輯或者繪制每個(gè)像素，使其成為結(jié)果色，但是根據(jù)像素位置的不透明度，隨機(jī)替換基色和混合色。

變暗模式組：

變暗：查看每種顏色的顏色信息，選擇基色和混合色中較暗的顏色作為結(jié)果色，比混合色亮的像素被替換，比混合色暗的像素保持不變

正片疊底：查看每種顏色的顏色信息，并將基色和混合色復(fù)合，（任何顏色與白色復(fù)合保持不變，與黑色復(fù)合變?yōu)楹谏┧越Y(jié)果色總是較暗的顏色。由于存在復(fù)合的步驟，所以正片疊底的效果比變暗模式顯得更加自然和柔和，所以，這個(gè)也是很常用的疊加模式了。

顏色加深：查看每種顏色的顏色信息，通過(guò)增加對(duì)比度使基色變暗來(lái)反襯混合色，當(dāng)然，與白色混合后不產(chǎn)生任何變化，由于效果比較生硬，話(huà)說(shuō)，我好像都沒(méi)有用到過(guò)。

線性加深：查看每種顏色的顏色信息，通過(guò)減小亮度使基色變暗來(lái)反襯混合色，與白色混合不產(chǎn)生變化，與顏色加深模式有些類(lèi)似。

深色，這個(gè)最簡(jiǎn)單了，查看基色和混合色的信息，選取其中較深的顏色作為混合色，所以不會(huì)產(chǎn)生新的顏色

變亮模式組

變亮：查看每種顏色的顏色信息，選擇基色和混合色中較亮的顏色作為結(jié)果色，比混合色暗的像素被替換，比混合色亮的像素保持不變

濾色：查看每種顏色的顏色信息，并將基色和混合色復(fù)合，（任何顏色與黑色復(fù)合保持不變，與白色復(fù)合變?yōu)榘咨┧越Y(jié)果色總是較亮的顏色。這個(gè)簡(jiǎn)直是太常用了。

顏色減淡：查看每種顏色的顏色信息，通過(guò)增加對(duì)比度使基色變亮來(lái)反襯混合色，當(dāng)然，與黑色混合后不產(chǎn)生任何變化，由于效果比較生硬。

線性減淡：查看每種顏色的顏色信息，通過(guò)增加亮度使基色變暗來(lái)反襯混合色，與黑色混合不產(chǎn)生變化，與顏色減淡模式有些類(lèi)似。

淺色，這個(gè)最簡(jiǎn)單了，查看基色和混合色的信息，選取其中較淺的顏色作為混合色，所以不會(huì)產(chǎn)生新的顏色

疊加模式組

疊加：復(fù)合或者過(guò)濾顏色，具體取決于基色，圖案或者顏色在現(xiàn)有基礎(chǔ)上相加，同時(shí)保留基色的明暗對(duì)比，不替換基色，但基色與混合色互相混合后反映顏色的亮度和暗度

柔光：使顏色變量或者變暗，具體取決于混合色

強(qiáng)光：復(fù)合或過(guò)濾顏色，具體取決于混合色

亮光：通過(guò)增加或者減小對(duì)比度來(lái)使圖像更亮或者更暗，具體取決于混合色

線性光：線性光是“線性加深”和“線性減淡”的馬太效應(yīng)組合，亮更亮，暗的更暗

點(diǎn)光：點(diǎn)光就是“變亮”和“變暗”的馬太效應(yīng)組合，亮更亮，暗的更暗

實(shí)色混合：查看每個(gè)通道的顏色信息，根據(jù)混合色替換顏色，如何混合色比50%的灰色亮，則替換此混合色為白色，反之，則為黑色，實(shí)際上這貨就是把灰度圖像轉(zhuǎn)換成了黑白圖像了。

差值模式組

差值：查看每個(gè)顏色的顏色信息，從基色中減去混合色，或者從混合色中減去基色，具體看誰(shuí)的顏色數(shù)值更大，與白色混合反轉(zhuǎn)基色值，與黑色混合不產(chǎn)生變化。

排除：效果跟差值類(lèi)似，但是對(duì)比度更低的效果

減去：查看各通道的顏色信息，并從基色中減去混合色。如果出現(xiàn)負(fù)數(shù)就剪切為零。與基色相同的顏色混合得到黑色；白色與基色混合得到黑色；黑色與基色混合得到基色。

劃分：查看每個(gè)通道的顏色信息，并用基色分割混合色。基色數(shù)值大于或等于混合色數(shù)值，混合出的顏色為白色。基色數(shù)值小于混合色，結(jié)果色比基色更暗。因此結(jié)果色對(duì)比非常強(qiáng)。白色與基色混合得到基色，黑色與基色混合得到白色。

色相組：

色相：結(jié)果色保留混合色的色相，飽和度及明度數(shù)值保留明度數(shù)值。

飽和度模式是用混合色的飽和度以及基色的色相和明度創(chuàng)建結(jié)果色 顏色模式是用混合色的色相，飽和度以及基色的明度創(chuàng)建結(jié)果色。

明度混合模式是利用混合色的明度以及基色的色相與飽和度創(chuàng)建結(jié)果色。她跟顏色模式剛好相反，因此混合色圖片只能影響圖片的明暗度，不能對(duì)基色的顏色產(chǎn)生影響，黑、白、灰除外。黑色與基色混合得到黑色；白色與基色混合得到白色；灰色與基色混合得到明暗不同的基色。

【優(yōu)設(shè)近期熱門(mén)攝影教程合集】

拍妹子必備教程！
《超實(shí)用！如何用單反拍出美翻天的妹子？（附后期精修教程）》

攝影高手的手機(jī)拍照四步法！
《高手來(lái)幫忙！教你四招快速提高手機(jī)攝影水平》

美翻天的妹子自拍經(jīng)驗(yàn)全放送！
《超贊！怎么能在旅行時(shí)拍出不那么「游客照」的照片？》

原文地址：zhihu
作者：李明姝

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量100萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：