AE图层混合模式详解笔记04-对比组
之前的笔记:

第四组——对比组
这个家族也有七位成员,族谱如下,

在一切的开始之前,我们要明白对比组在进行图层之间的对比之前,还要理解另一个参照———50%灰色。
这也是个麻烦的概念呢!首先你要明白 50%灰 和 中性灰( Middle gray RGB: 128,128,128)是两个东西,然后你要知道这个 50%灰 的概念是来自另一种颜色显示模型——HSB,也被叫做 HSV ,和 RGB 中的 B 作区分。
HSV/HSB表示色调(Hue)、饱和度(Saturation)、值(Value)或亮度(Brightness)。
也许会有人知道 HSL,但我在这里不做说明。
相信我你肯定见过 HSB 模式,虽然你也许从来没用过……

没错就是它,为了接下来的一切,我们要去了解它!
色调(Hue),非常好了解,它的单位是 °,也就是在色轮上选择的度数;
饱和度(Saturation),非常难理解,它的单位也是 °,但不影响我们接下来的分析,介绍指路如下;
亮度(Brightness)单位是百分比,今天真正的主角,没错 50%灰色 指的就是它为 50% 时,但是这里建议把它的范围看成是 0~1,看了它的公式你就能很好的明白了:

很显然,它和 RGB 中的亮度的计算方式是完全不同的,而 50%灰 就是 max(R, G, B) = 0.5。
WIKI 百科中这样说 HSB 模式:HSB 表示模拟颜色在光线下的显示方式。
所以啊,我们要介绍的混合模式叫做,柔光、强光……而 HSB 模式显然更符合人眼的直观感受,色调、饱和度、亮度……
来吧,开始我们真正的主题吧!
1、为了区别,接下来的亮度我将会使用 V 来表示。
2、以下结论在 3D 模式下皆适用。
3、请出我们的模特:

叠加(Overlay)
Adobe 官方文档:
相乘或显示输入颜色通道值,取决于底层颜色是否低于50%灰色。 结果保留了底层的高光和阴影。
公式如下,

这其实就是与 50%灰 进行对比,然后进行公式计算就好,我们只需要继续解析公式就好了。
也许你会发现,这非常眼熟,当底层的 V 小于等于 0.5 时,这个模式就是相乘模式;大于 0.5 时,便是屏幕模式,所以到底结果是怎么样的去前面翻翻这个两个模式的笔记就好。
当然,这么讲好像对我们的理解并没用什么帮助,所以我们借鉴一下官方的解释吧:结果是保留了高光和阴影。
而我所总结的规律:
1、背景亮的地方,会使得混合的顶层部分更亮;
2、背景暗的地方,会使得混合的顶层部分更暗;
3、背景 V=0.5,也就是 50%灰 的地方混合部分没有任何效果;
4、相比与颜色加深——整体变暗、对比度增加,和颜色减淡——整体变亮、对比度增加,叠加同样也是增加了对比度,不过暗的地方更暗,亮的地方更亮了。

柔光(Soft Light)
Adobe 官方文档:
根据源颜色,使底层的颜色通道值变暗或变亮。 其结果类似于在底层投射一个漫射的聚光灯。 对于每个颜色通道值,如果源颜色比50%灰色亮,则结果颜色比底层颜色亮,就像被减淡了一样。 如果源色比50%的灰色暗,结果色就比底层色暗,就像加深了一样。 纯黑或纯白的图层会明显变暗或变浅,但不会变成纯黑或纯白。
啊哈,柔光,字面意思,就像是光线通过透光胶片的聚光灯照在墙上,带着一些漫射,你可以理解为像光线是加了羽化效果,这么说来叠加必然也是某种光线透过某种透明物质所产生的效果,毕竟模拟颜色在光线下的显示就是 HSB 的任务,不是吗?
至于它的公式……我并找不到属于它的公式,因为我发现,在不同的软件中他们的公式是不一样的,即使是在 ADOBE 家族中,而我也没有找到独属于 AE 的公式,但我们可以欣赏一下 PS 的公式:

注意一点,这里的 a 和 b 分别是背景和顶层。
虽然很可惜,但是我仍从我的资料中得到了一种解释,关于柔光。
它和叠加非常的相似,最大的区别在于,如何营造 柔 的效果?很遗憾如果你不懂一些大学数学的知识,我很难向你解释,因为这里使用了一种加 插值 的数学方法。
这是这样一种方法,我们都知道三个点之间可以前后顺序相连形成两条折线,但如果我希望它们之间是用光滑的曲线相连呢?如果不去认真学习关于插值的概念,你不会理解这一切是怎么发生的,我只能说它就是能使折线变成曲线的神奇数学方法。
硬的折线变成了柔的曲线,在叠加模式下只是两种模式(相乘与屏幕)的过渡——折线,他们之间的对比过于明显、鲜明,而柔光模式使得他们更加柔和了——曲线。

可以很清楚的发现,比起叠加亮的地方似乎没有那么亮了,黑的地方似乎没有那么黑了,颜色混合得更难分清了。
强光(Hard Light)
Adobe 官方文档:
根据原始源颜色,将输入颜色通道值相乘或显示。其结果类似于在图层上照射一个刺眼的聚光灯。对于每个颜色通道值,如果底层颜色比50%的灰色浅,图层就会变浅,就好像它被减淡了一样。如果底层的颜色比50%的灰色深,图层就会变暗,就好像它是成倍增加的一样。这种模式对于创建一个图层上的阴影的外观很有用。
我们先看公式:

哈哈,眼熟吧,几乎和叠加模式一毛一样,唯一的区别就是 Bv 变成了 Av,从用背景与 50%灰色 相比,变成了顶层与 50%灰色 相比。
而我所总结的规律:
1、顶层亮的地方,会使得混合的背景部分更亮;
2、顶层暗的地方,会使得混合的背景部分更暗;
3、顶层 V=0.5,也就是 50%灰 的地方混合部分没有任何效果;
4、相比与颜色加深——整体变暗、对比度增加,和颜色减淡——整体变亮、对比度增加,叠加同样也是增加了对比度,不过暗的地方更暗,亮的地方更亮了。


已经讲完了三个混合模式,这个时候,我发现了一些端倪:
请想象这样一个场景,你前面有两张半透明的照片一张在上,一张在下,你从上往下看,这时,你用手电筒从下往上照,你看的效果类似于叠加模式,如果光照在柔和一点,那么效果类似于柔光模式,如果手电筒从上往下照,你也仍然从上往下看,这个时候产生的效果类似于强光模式。
线性光(Linear Light)
Adobe 官方文档:
通过降低或增加亮度来加深或减淡颜色,这取决于底层的颜色。如果底层的颜色比50%的灰色浅,图层会因为亮度增加而变浅。如果底层的颜色比50%的灰色要深,图层就会因为亮度下降而变暗。
前面的解决了以后,线性光就非常好了解,同样是手电筒从下往上照,但是颜色改变的规则有一些变化,当背景的亮度 V 比 50%灰色 浅时,应用线性减淡,当背景的亮度 V 比 50%灰色 深时,应用线性加深:


结果依旧是黑的更黑了,亮的更亮了,只不过效果似乎更强。
亮光(Vivid Light)
Adobe 官方文档:
通过增加或减少对比度来加深或减淡颜色,这取决于底层的颜色。如果底层的颜色比50%的灰色浅,图层会因为对比度降低而变浅。如果底层的颜色比50%的灰色深,图层会因为对比度增加而变暗。
没有找到公式,但是从官方的话和之前的了解可以推测出这个公式仍然是以 50%灰色 为分界,但是两个模式变成了 颜色加深 和 颜色减淡,因此我推测公式为:

颜色加深 和 颜色减淡 的效果我就不多说了,我能直接得出结论,亮光模式会比线性光层次更丰富、对比度更强,因为这就是 颜色加深和颜色减淡 与 线性加深和线性减淡 的区别。

点光(Pin Light)
Adobe 官方文档:
根据底层颜色替换颜色。如果底层颜色比50%灰色浅,则替换比底层颜色深的像素,而比底层颜色浅的像素不改变。如果底层颜色比50%灰色深,则替换比底层颜色浅的像素,而比底层颜色深的像素不改变。
这里看官方解释完全够了。结合结合 较浅的颜色 与 较深的颜色,这两个模式完全就能够理解。完全的替换原则。

所以为什么叫点光呢?谁知道呢? ┓( ´∀` )┏
纯色混合(Hard Mix)
Adobe 官方文档:
增强源层上的遮罩下可见的底层的对比度。掩膜的大小决定了对比度区域;反射层决定了对比度区域的中心。
这个官方的解释我完全看不懂,而且似乎和 50%灰色 没有半毛钱关系,不过问题不大我找到了公式,而且非常好理解:

这意味着什么呢?意味着 RGB 三个通道的值只有 0 和 1 两种可能,所以这个模式下只有八种颜色:

怎么只有7种?别忘了黑色哦!
第四组——对比组,讲完了,更新随缘……

1.Adobe 官方文档:https://helpx.adobe.com/after-effects/using/blending-modes-layer-styles.html
2.知乎:https://www.zhihu.com/question/334878724/answer/2222633417
3.WIKI 百科:https://en.wikipedia.org/wiki/Blend_modes
4.CSDN:https://blog.csdn.net/matrix_space/article/details/22427285

