Sketch图层混合模式(Blending)详解

混合模式,是一种用不同方法,将两个图层的颜色进行混合的图像处理技术。如果使用过Photoshop等软件,对该名词应该不会陌生。在Sketch中也有混合模式(blending)选项,帮助我们对图层进行进一步的加工。

1.混合模式的原理

要了解混合模式,就必须先从三原色光模式(RGB color model,又称RGB色彩模型)说起。三原色指色彩中不能再分解的三种基本颜色,分别为红色(Red)、绿色(Green)和蓝色(Blue)。基于三原色原理,把这三种颜色按照不同强度、不同比例进行混合时,就可以得到其他各种各样的色彩。

我们通过给RGB赋值,把人眼能分辨的颜色告诉电脑,这样屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。RGB值的区间是[0,255],其中0表示最小的发光强度,255表示最大的发光强度。例如,我们想让电脑显示蓝色,则蓝色B(Blue)需要最大的发光强度,即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),所以经过变亮运算后的图层为黄色(RGB:255,255,0)。

在这个例子中,我们一般把红称为“基色”,绿称为“混合色”,黄称为“结果色”。

2.混合模式的应用

混合模式的最大用途就是修图,如果懂得其原理,运用恰当,效果可以比滤镜、色彩平衡处理更惊人,而且处理的速度更快。例如,为一个人物背部P上纹身,我们就可以利用“正片叠底(Multiply)”模式,在该模式中,“结果色”总是较暗的颜色,任何颜色与黑色混合,“结果色”都是黑色,任何颜色与白色混合,“结果色”保持不变。这样我们就得到如下的效果图:

3.Sketch中的混合模式

Sketch中的混合模式具体设置的路径在检查器中,选中图层,在右侧检查器即可设置混合模式(Blending)。

根据运算的结果或者计算的公式不同,Sketch提供了5大类共15种常见的混合模式,其中Normal为默认模式。

针对混合模式的介绍,Photoshop官方文档介绍得更为详细,以下混合模式的介绍内容出自“Photoshop官网混合模式说明”。

3.1变暗(Darken)

查看每个通道(R、G、B)中的颜色信息,并选择“基色”或“混合色”中较暗的颜色作为“结果色”。将替换比“混合色”亮的像素,而比“混合色”暗的像素保持不变。

3.2正片叠底(Multiply)

查看每个通道中的颜色信息,并将“基色”与“混合色”进行正片叠底。“结果色”总是较暗的颜色。任何颜色与黑色正片叠底产生黑色。任何颜色与白色正片叠底保持不变。

3.3颜色加深(Color Burn)

查看每个通道中的颜色信息,并通过增加二者之间的对比度使“基色”变暗以反映出“混合色”。与白色混合后不产生变化。

3.4变亮(Lighten)

查看每个通道中的颜色信息,并选择“基色”或“混合色”中较亮的颜色作为“结果色”。比“混合色”暗的像素被替换,比“混合色”亮的像素保持不变。

3.5滤色(Screen)

查看每个通道的颜色信息,并将“混合色”的互补色与“基色”进行正片叠底。“结果色”总是较亮的颜色。用黑色过滤时颜色保持不变。用白色过滤将产生白色。此效果类似于多个摄影幻灯片在彼此之上投影。

3.6颜色减淡(Color Dodge)

查看每个通道中的颜色信息,并通过减小二者之间的对比度使基色变亮以反映出“混合色”。与黑色混合则不发生变化。

3.7叠加(Overlay)

对颜色进行正片叠底或过滤,具体取决于“基色”。图案或颜色在现有像素上叠加,同时保留“基色”的明暗对比。不替换“基色”,但“基色”与“混合色”相混以反映原色的亮度或暗度。

3.8柔光(Soft Light)

使颜色变暗或变亮,具体取决于“混合色”。此效果与发散的聚光灯照在图像上相似。如果“混合色”(光源)比 50% 灰色亮,则图像变亮,就像被减淡了一样。如果“混合色”(光源)比 50% 灰色暗,则图像变暗,就像被加深了一样。使用纯黑色或纯白色上色,可以产生明显变暗或变亮的区域,但不能生成纯黑色或纯白色。

3.9强光(Hard Light)

对颜色进行正片叠底或过滤,具体取决于“混合色”。此效果与耀眼的聚光灯照在图像上相似。如果“混合色”(光源)比 50% 灰色亮,则图像变亮,就像过滤后的效果。这对于向图像添加高光非常有用。如果“混合色”(光源)比 50% 灰色暗,则图像变暗,就像正片叠底后的效果。这对于向图像添加阴影非常有用。用纯黑色或纯白色上色会产生纯黑色或纯白色。

3.10差值(Difference)

查看每个通道中的颜色信息,并从“基色”中减去“混合色”,或从“混合色”中减去“基色”,具体取决于哪一个颜色的亮度值更大。与白色混合将反转基色值;与黑色混合则不产生变化。

3.11排除(Exclusion)

创建一种与“差值”模式相似但对比度更低的效果。与白色混合将反转基色值。与黑色混合则不发生变化。

3.12色相(Hue)

用“基色”的明亮度和饱和度以及“混合色”的色相创建“结果色”。

3.13饱和度(Saturation)

用“基色”的明亮度和色相以及“混合色”的饱和度创建“结果色”。在无 (0) 饱和度(灰度)区域上用此模式绘画不会产生任何变化。

3.14颜色(Color)

用“基色”的明亮度以及“混合色”的色相和饱和度创建“结果色”。这样可以保留图像中的灰阶,并且对于给单色图像上色和给彩色图像着色都会非常有用。

3.15亮度(Luminosity)

用“基色”的色相和饱和度以及“混合色”的明亮度创建“结果色”。此模式创建与“颜色”模式相反的效果。

全部模式的效果图如下所示:

由于篇幅所限,本次Sketch图层混合模式(Blending)就讲解到这里,如果要应用到实际修图中,还需要多思考、多练习。


延伸阅读:

Sketch50正式版更新解读,以增强功能和bug修复为主

Sketch49正式版发布,这次它说要成为可交互的原型设计工具(附教程)

Sketch文字工具描边、文本路径、转换为形状等使用介绍

Sketch制作简单剪影效果

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容