Sketch 是為圖標(biāo)設(shè)計和界面設(shè)計而生的。它是一個有著出色 UI 的一站式應(yīng)用，所有你需要的工具都觸手可及。在 Sketch 中，畫布將是無限大小的，每個圖層都支持多種填充模式；我們有最棒的文字渲染和文本式樣，還有一些你一定會愛上的文件導(dǎo)出工具。必要的話，你可以用無限精準(zhǔn)的分辨率無關(guān)模式來查看畫布，或者打開像素模式來查看每一個像素導(dǎo)出后的樣子。但是 Sketch 并不是一個位圖編輯應(yīng)用。也就是說如果你想修正一張照片或者用筆刷來畫畫，那么這不是你要找的應(yīng)用。

Sketch圖層混合模式，是一種用不同方法，將兩個圖層的顏色進行混合的圖像處理技術(shù)。如果使用過Photoshop等軟件，對該名詞應(yīng)該不會陌生。在Sketch中也有混合模式（blending）選項，幫助我們對圖層進行進一步的加工。

1、混合模式的原理

要了解混合模式，就必須先從三原色光模式（RGB color model，又稱RGB色彩模型）說起。三原色指色彩中不能再分解的三種基本顏色，分別為紅色（Red）、綠色（Green）和藍色（Blue）。基于三原色原理，把這三種顏色按照不同強度、不同比例進行混合時，就可以得到其他各種各樣的色彩。

我們通過給RGB賦值，把人眼能分辨的顏色告訴電腦，這樣屏幕上的任何一個顏色都可以由一組RGB值來記錄和表達。RGB值的區(qū)間是[0,255]，其中0表示最小的發(fā)光強度，255表示最大的發(fā)光強度。例如，我們想讓電腦顯示藍色，則藍色B（Blue）需要最大的發(fā)光強度，即B的值為255，其他R（Red）、G（Green）值為0，則藍色表達為RGB（0,0,255），同理，紅色為RGB（255,0,0），綠色為RGB（0,255,0）。

所謂混合模式，就是把2個及以上的圖層，進行一場RGB值的運算，并得到最終的RGB值。例如，在混合模式中有變亮（Lighten）模式，就是分別對比2個圖層中的RGB值，然后取最大的值。以紅（RGB：255,0,0）、綠（RGB：0,255,0）圖層進行變亮（Lighten）模式為例，分別取它們中R、G、B的最大值得到（255,255,0），所以經(jīng)過變亮運算后的圖層為黃色（RGB：255,255,0）。

在這個例子中，我們一般把紅稱為“基色”，綠稱為“混合色”，黃稱為“結(jié)果色”。

2、混合模式的應(yīng)用

混合模式的最大用途就是修圖，如果懂得其原理，運用恰當(dāng)，效果可以比濾鏡、色彩平衡處理更驚人，而且處理的速度更快。例如，為一個人物背部P上紋身，我們就可以利用“正片疊底（Multiply）”模式，在該模式中，“結(jié)果色”總是較暗的顏色，任何顏色與黑色混合，“結(jié)果色”都是黑色，任何顏色與白色混合，“結(jié)果色”保持不變。這樣我們就得到如下的效果圖：

3、Sketch中的混合模式

Sketch中的混合模式具體設(shè)置的路徑在檢查器中，選中圖層，在右側(cè)檢查器即可設(shè)置混合模式（Blending）。

根據(jù)運算的結(jié)果或者計算的公式不同，Sketch提供了5大類共15種常見的混合模式，其中Normal為默認模式。

針對混合模式的介紹，Photoshop官方文檔介紹得更為詳細，以下混合模式的介紹內(nèi)容出自“Photoshop官網(wǎng)混合模式說明”。

3.1變暗（Darken）

查看每個通道（R、G、B）中的顏色信息，并選擇“基色”或“混合色”中較暗的顏色作為“結(jié)果色”。將替換比“混合色”亮的像素，而比“混合色”暗的像素保持不變。

3.2正片疊底（Multiply）

查看每個通道中的顏色信息，并將“基色”與“混合色”進行正片疊底?！敖Y(jié)果色”總是較暗的顏色。任何顏色與黑色正片疊底產(chǎn)生黑色。任何顏色與白色正片疊底保持不變。

3.3顏色加深（Color Burn）

查看每個通道中的顏色信息，并通過增加二者之間的對比度使“基色”變暗以反映出“混合色”。與白色混合后不產(chǎn)生變化。

3.4變亮（Lighten）

查看每個通道中的顏色信息，并選擇“基色”或“混合色”中較亮的顏色作為“結(jié)果色”。比“混合色”暗的像素被替換，比“混合色”亮的像素保持不變。

3.5濾色（Screen）

查看每個通道的顏色信息，并將“混合色”的互補色與“基色”進行正片疊底?！敖Y(jié)果色”總是較亮的顏色。用黑色過濾時顏色保持不變。用白色過濾將產(chǎn)生白色。此效果類似于多個攝影幻燈片在彼此之上投影。

3.6顏色減淡（Color Dodge）

查看每個通道中的顏色信息，并通過減小二者之間的對比度使基色變亮以反映出“混合色”。與黑色混合則不發(fā)生變化。

3.7疊加（Overlay）

對顏色進行正片疊底或過濾，具體取決于“基色”。圖案或顏色在現(xiàn)有像素上疊加，同時保留“基色”的明暗對比。不替換“基色”，但“基色”與“混合色”相混以反映原色的亮度或暗度。

3.8柔光（Soft Light）

使顏色變暗或變亮，具體取決于“混合色”。此效果與發(fā)散的聚光燈照在圖像上相似。如果“混合色”（光源）比 50% 灰色亮，則圖像變亮，就像被減淡了一樣。如果“混合色”（光源）比 50% 灰色暗，則圖像變暗，就像被加深了一樣。使用純黑色或純白色上色，可以產(chǎn)生明顯變暗或變亮的區(qū)域，但不能生成純黑色或純白色。

3.9強光（Hard Light）

對顏色進行正片疊底或過濾，具體取決于“混合色”。此效果與耀眼的聚光燈照在圖像上相似。如果“混合色”（光源）比 50% 灰色亮，則圖像變亮，就像過濾后的效果。這對于向圖像添加高光非常有用。如果“混合色”（光源）比 50% 灰色暗，則圖像變暗，就像正片疊底后的效果。這對于向圖像添加陰影非常有用。用純黑色或純白色上色會產(chǎn)生純黑色或純白色。

3.10差值（Difference）

查看每個通道中的顏色信息，并從“基色”中減去“混合色”，或從“混合色”中減去“基色”，具體取決于哪一個顏色的亮度值更大。與白色混合將反轉(zhuǎn)基色值；與黑色混合則不產(chǎn)生變化。

3.11排除（Exclusion）

創(chuàng)建一種與“差值”模式相似但對比度更低的效果。與白色混合將反轉(zhuǎn)基色值。與黑色混合則不發(fā)生變化。

3.12色相（Hue）

用“基色”的明亮度和飽和度以及“混合色”的色相創(chuàng)建“結(jié)果色”。

3.13飽和度（Saturation）

用“基色”的明亮度和色相以及“混合色”的飽和度創(chuàng)建“結(jié)果色”。在無 (0) 飽和度（灰度）區(qū)域上用此模式繪畫不會產(chǎn)生任何變化。

3.14顏色（Color）

用“基色”的明亮度以及“混合色”的色相和飽和度創(chuàng)建“結(jié)果色”。這樣可以保留圖像中的灰階，并且對于給單色圖像上色和給彩色圖像著色都會非常有用。

3.15亮度（Luminosity）

用“基色”的色相和飽和度以及“混合色”的明亮度創(chuàng)建“結(jié)果色”。此模式創(chuàng)建與“顏色”模式相反的效果。

全部模式的效果圖如下所示：

以上就是小編為大家?guī)鞸ketch教程—圖層混合模式詳細介紹。還有更多詳細、實用的資訊教程以及sketch軟件獲取，大家快來本站Macdown自行探索一番吧。