欢迎光临散文网 会员登陆 & 注册

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

2022-02-10 19:40 作者:魏哥的旧眼镜  | 我要投稿

        之前的笔记:

AE图层混合模式详解笔记01-覆盖组

AE图层混合模式详解笔记02-去亮组

AE图层混合模式详解笔记03-去暗组

第四组——对比组

        这个家族也有七位成员,族谱如下,

对比组家族

        在一切的开始之前,我们要明白对比组在进行图层之间的对比之前,还要理解另一个参照———50%灰色。

        这也是个麻烦的概念呢!首先你要明白 50%灰 中性灰( Middle gray RGB: 128,128,128)是两个东西,然后你要知道这个 50%灰 的概念是来自另一种颜色显示模型——HSB,也被叫做 HSV ,和 RGB 中的 B 作区分。

        HSV/HSB表示色调(Hue)、饱和度(Saturation)、值(Value)或亮度(Brightness)。

        也许会有人知道 HSL,但我在这里不做说明。

        相信我你肯定见过 HSB 模式,虽然你也许从来没用过……

AE中的 HSB 模式

        没错就是它,为了接下来的一切,我们要去了解它!

        色调(Hue),非常好了解,它的单位是 °,也就是在色轮上选择的度数;

        饱和度(Saturation),非常难理解,它的单位也是 °,但不影响我们接下来的分析,介绍指路如下;

        亮度(Brightness)单位是百分比,今天真正的主角,没错 50%灰色 指的就是它为 50% 时,但是这里建议把它的范围看成是 0~1,看了它的公式你就能很好的明白了:

HSB 中亮度公式

        很显然,它和 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 的公式:

        

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 两种可能,所以这个模式下只有八种颜色:

RGB 三原色

        怎么只有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


AE图层混合模式详解笔记04-对比组的评论 (共 条)

分享到微博请遵守国家法律