新手科普教程!教你掌握27種圖層混合模式的用法 - 優設網 - UISDC

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

2015/08/23 30736評論區

27-layer-blending-mode-1

編者按:新手最需要學習的教程!很多同學教程練了不少,對圖層混合模式還是一知半解,今天李明姝用簡單自然的解說帶你認識整整27種混合模式,來收!

嗯,讓我們從最最基礎的說起——像素。你就把他當成一個個五顏六色的小色塊.這些小色塊們都有一個特定的標記值,比如,RGB值,CMYK值了。當然透明色塊也是像素,不過值是零罷了。我們的計算機就是靠識別這些數值來認識顏色的。

Ok,我們再來看三個概念:

基色,混合色,結果色

(以下的示意圖如無特別說明均來自于我們偉大的啊逗比PhotoShop)

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

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

結果色,在正常模式下,這個結果是應該是紅色的,但是由于我調整了一定的畫筆透明度,所以底部的白色有一部分顯示出來了,得到這種類似于粉色的結果色。

(呸呸呸,這么簡單,還說這么多,你真是啰嗦?。?/p>

這種方式也是我們畫家作畫的基礎,但是在我們的數字時代,所謂的電子畫布上,是不是可以喲更多的選擇呢?

比如,我們只混合顏色的明亮度,而飽和度和色相都不發生變化;

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

所以,PS出現了,LOOK!

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

OK,回到問題,原諒我上文都跑偏了~

PS中圖層混合模式中柔光、疊加、強光等原理是什么?

正常模式組:

正常:編輯或者繪制每個像素,使其成為結果色;

溶解:編輯或者繪制每個像素,使其成為結果色,但是根據像素位置的不透明度,隨機替換基色和混合色。

變暗模式組:

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

正片疊底:查看每種顏色的顏色信息,并將基色和混合色復合,(任何顏色與白色復合保持不變,與黑色復合變為黑色)所以結果色總是較暗的顏色。由于存在復合的步驟,所以正片疊底的效果比變暗模式顯得更加自然和柔和,所以,這個也是很常用的疊加模式了。

顏色加深:查看每種顏色的顏色信息,通過增加對比度使基色變暗來反襯混合色,當然,與白色混合后不產生任何變化,由于效果比較生硬,話說,我好像都沒有用到過。

線性加深:查看每種顏色的顏色信息,通過減小亮度使基色變暗來反襯混合色,與白色混合不產生變化,與顏色加深模式有些類似。

深色,這個最簡單了,查看基色和混合色的信息,選取其中較深的顏色作為混合色,所以不會產生新的顏色

變亮模式組

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

濾色:查看每種顏色的顏色信息,并將基色和混合色復合,(任何顏色與黑色復合保持不變,與白色復合變為白色)所以結果色總是較亮的顏色。這個簡直是太常用了。

顏色減淡:查看每種顏色的顏色信息,通過增加對比度使基色變亮來反襯混合色,當然,與黑色混合后不產生任何變化,由于效果比較生硬。

線性減淡:查看每種顏色的顏色信息,通過增加亮度使基色變暗來反襯混合色,與黑色混合不產生變化,與顏色減淡模式有些類似。

淺色,這個最簡單了,查看基色和混合色的信息,選取其中較淺的顏色作為混合色,所以不會產生新的顏色

疊加模式組

疊加:復合或者過濾顏色,具體取決于基色,圖案或者顏色在現有基礎上相加,同時保留基色的明暗對比,不替換基色,但基色與混合色互相混合后反映顏色的亮度和暗度

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

強光:復合或過濾顏色,具體取決于混合色

亮光:通過增加或者減小對比度來使圖像更亮或者更暗,具體取決于混合色

線性光:線性光是“線性加深”和“線性減淡”的馬太效應組合,亮更亮,暗的更暗

點光:點光就是“變亮”和“變暗”的馬太效應組合,亮更亮,暗的更暗

實色混合:查看每個通道的顏色信息,根據混合色替換顏色,如何混合色比50%的灰色亮,則替換此混合色為白色,反之,則為黑色,實際上這貨就是把灰度圖像轉換成了黑白圖像了。

差值模式組

差值:查看每個顏色的顏色信息,從基色中減去混合色,或者從混合色中減去基色,具體看誰的顏色數值更大,與白色混合反轉基色值,與黑色混合不產生變化。

排除:效果跟差值類似,但是對比度更低的效果

減去:查看各通道的顏色信息,并從基色中減去混合色。如果出現負數就剪切為零。與基色相同的顏色混合得到黑色;白色與基色混合得到黑色;黑色與基色混合得到基色。

劃分:查看每個通道的顏色信息,并用基色分割混合色?;蕩笥諢虻扔諢旌仙?,混合出的顏色為白色?;敵∮諢旌仙?,結果色比基色更暗。因此結果色對比非常強。白色與基色混合得到基色,黑色與基色混合得到白色。

色相組:

色相:結果色保留混合色的色相,飽和度及明度數值保留明度數值。

飽和度模式是用混合色的飽和度以及基色的色相和明度創建結果色 顏色模式是用混合色的色相,飽和度以及基色的明度創建結果色。

明度混合模式是利用混合色的明度以及基色的色相與飽和度創建結果色。她跟顏色模式剛好相反,因此混合色圖片只能影響圖片的明暗度,不能對基色的顏色產生影響,黑、白、灰除外。黑色與基色混合得到黑色;白色與基色混合得到白色;灰色與基色混合得到明暗不同的基色。

【優設近期熱門攝影教程合集】

拍妹子必備教程!
《超實用!如何用單反拍出美翻天的妹子?(附后期精修教程)》

攝影高手的手機拍照四步法!
《高手來幫忙!教你四招快速提高手機攝影水平》

美翻天的妹子自拍經驗全放送!
《超贊!怎么能在旅行時拍出不那么「游客照」的照片?》

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

【優設網 原創文章 投稿郵箱:[email protected]

================關于優設網================
“優設網阿贾克斯对热刺“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航://hao.uisdc.com/book/。
設計微博:擁有粉絲量100萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航://hao.www.utsvcz.com.cn
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

sdcweixin

優設大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址://www.utsvcz.com.cn/27-layer-blending-mode

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 優設專訪 優設大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 設計規范 用戶體驗設計 海報設計 設計趨勢 平面設計 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里