AE图层混合模式详解笔记03 您所在的位置:网站首页 ae去黑底混合模式 AE图层混合模式详解笔记03

AE图层混合模式详解笔记03

2024-07-17 15:37| 来源: 网络整理| 查看: 265

        之前的笔记,建议先看前面的,不然这篇会看不懂:

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

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

第三组——去暗组

        上族谱!共有7位成员的去暗组(变亮组)家族:

去暗组家族

        如果有认真学习我前面的文章,那么就能轻而易举地了解这个家族的每一位成员了(除了其中的一位……),因为仅从名字上看 去暗组 和 去亮组 就是天生的对头。

        同样的,这个家族在 3D 下也是完全奏效的。

        另外,我放弃了参考百度文库上的说法了,只用官方的描述了。(⌐■_■)

        嘿,在顺序中第一个是 相加 模式,但是我并不准备第一个讲它,因为……它不像看上去那么简单……

变亮(Lighten)

Adobe 官方文档:

        每个结果颜色通道值都是源颜色通道值和相应的底层颜色通道值的较高(较浅)的那一个。

        它和我们的 变暗 混合模式是刚好相反的,选取 RGB 值大的那个就好了,它的公式是:

变亮公式

        而 变暗 是:

变暗公式

        让我们选择两种颜色:

1、顶层:一种青色(50,100,100)

2、背景:一种红色(100,50,50)

变亮模式

屏幕(Screen)

Adobe 官方文档:

        将通道值的补数相乘,然后取结果的补数。结果颜色永远不会比两个输入颜色都深。使用Screen模式类似于将多个照片幻灯片同时投影到一个屏幕上。

        这个不需要我再去找公式了,文档已经说明了,只需要把文字数学化就好,这里需要先把 0~255 映射到 0~1。

屏幕(Screen)公式

        虽然是非常简单的数学关系,但我觉得我还是有必要解释一下,

        A 与 B 都是 0~1 的,这意味着 AB 比 A 与 B 之间的任何一个都要小,也就是说 A + B - AB 最后会大于 A,也会大于 B,那么 亮度 Y 就会变大。

屏幕(Screen)模式

        讲一个小技巧,这个屏幕模式可以做到去黑留白,也就是说,对于黑白像素组成的顶层,顶层只会留下白色的像素,黑色的部分全是背景像素,这个根据公式推导一下就行了。

        也许你会觉得没用,因为亮度遮罩也行啊,但是请你思考一下,遮罩只是两个图层之间的事情,但是混合模式是能在 3D 空间里和所有图层互动的,这样可玩性就很高了!

颜色减淡(Color Dodge)

Adobe 官方文档:

        结果颜色是一个浅色的源颜色反映底层颜色减少对比度。如果源颜色是纯黑色,那么结果颜色就是底层颜色。

        颜色减淡 和 颜色加深 的公式也是非常相似的,

颜色减淡公式(假)

        这个模式的效果和 颜色加深 就是完全反过来了,上图:

颜色减淡

        咦?出大问题,怎么结果和我们计算的结果不一样啊?结果是(124,82,82)但是计算结果是(82,124,124),好了,接下来我们要解决一个历史遗留问题:

颜色加深章节的笔记

        这是 颜色加深 的学习笔记,出现了我无法理解的情况,但是这一篇我解决了这个问题:原来 AE 的计算公式和传统的计算(我查到的)公式有一些区别那就是,公式里的 A 和 B 反了一下!

        放心我的朋友,我的所有结果都是公式结合试验的,而且 A 和 B 在公式所起的作用几乎是相同的,所以我的结论仍然是 正确的,但是我需要修正一下公式:

颜色减淡公式

    

颜色加深公式

        好了历史遗留问题解决了,上我们 颜色减淡 的一些结论吧:

        1、从公式出发,A 加上某个正数,结果是图层混合的部分整体变亮

        2、A 的数值越大,混合的结果数值就越大,也就说顶层越亮,变亮的程度就越大,因为后面那个正数【(A X B) / (255 - B)】和 A 数值的关系是单调递增的

        3、后面那个正数不仅随 A 的增大而增大,也随 B 的增大而增大,结果就变成了,背景的亮度越大,混和的结果,变亮的程度也越大

(2 和 3 可以这么描述:顶层和背景本身亮度越大,混合后亮度的增幅就越大)

        4、对比度,这个说法其实我是带有疑问的,从数值上所有像素的数值都变大了, 但是大的数值增加的比小数值的多,所以说应该是增加了对比,但是是朝着亮的方向增加的对比度,而 颜色加深 是朝着暗的方向增加了对比度,官方原话说的是减少,但是加了一个前提——“反映底层颜色减少对比度”,反正这个描述也不是人能看懂的 (~﹃~)~zZ

        5、特殊情况:

                            ①:顶层像素若为纯黑色,混合结果为背景的颜色;

                            ②:顶层像素若为纯白色,混合结果为纯白色;

                            ③:背景像素若为纯白色,混合结果为纯白色;

                            ④:背景像素若为纯黑色,混合结果为纯黑色。

经典颜色减淡(Classic Color Dodge)

颜色减淡模式从After Effects 5.0和更早,重命名为经典颜色减淡。使用它来保持与旧项目的兼容性;否则,使用颜色减淡。

        和 经典颜色加深 一样,AE 历史遗留产物,不重要。

线性减淡(Linear Dodge)

结果颜色是一个浅色的源颜色反映底层的颜色增加亮度。如果源颜色是纯黑色,那么结果颜色就是底层颜色。

        嘿!是线性,简单的加减法运算谁不喜欢呢?

线性减淡公式

        同样的,数值超过 255 就当成 255 处理。

线性减淡

相加(Add)

Adobe 官方文档:

        每个结果颜色通道值都是源颜色和底层颜色对应颜色通道值的和。结果颜色永远不会比两个输入颜色都深。

        Addition,加法

相加公式(简化)

        没错这个混合模式也是加法这么简单……那……就错了。

        它可以说是我们这一组混合模式中,最难的那个了,一定意义上这个模式是这样的,但实际上它的公式……

                

相加公式(实际)

        淦,这是什么乱七八糟的东西……

        我们看看这两种模式之间的区别吧……

对比图1

        天哪完全没有区别!

        在解释这一切之前,我得先告诉你在 PS 中他们的区别(我在 PS 2020 中并没有找到 相加(Add),我推测已经去掉了),这是我在 GOOGLE 上找到的大佬的回答:

        当图层的不透明度不为 100% 时,线性减淡在 Photoshop 表现为降低不透明度,而 相加 表现为降低填充。

        那么,填充和不透明度是什么区别?

        填充不会影响图层样式效果,比如描边……,但是不透明度是会的。

        那么这就有意思,我们来做一组对比吧,也是用描边,并图层把透明度变成50%(顶层):

对比图2

        看出区别了吗,相加 部分的描边明显更亮,说明什么?

        相加对描边起作用了!但是线性减淡却没有!

        这和前面大佬说的貌似正好相反,但谁知道呢,我对 PS 的了解甚少……但至少我们明白了在 AE 中两者的区别,对了经过试验,在大多数 AE 效果中都是这样的,3D 也是如此。

        所以请大家记住这个特性,正常情况下两种模式都遵循那个简单的加法公式。

        还有,为什么我这次不从公式的角度去解析了呢?

        因为,好难啊,给大家指个路,愿意深入的可以尝试自己学习……

较浅的颜色(Lighter Color)

每个结果像素都是源颜色值和对应的底层颜色值中较亮的颜色。浅色与浅色相似,但浅色并不作用于单独的颜色通道。

        和 较深的颜色 完全相反,它只把比顶层暗的背景颜色替换成顶层颜色。

较浅的颜色(Lighter Color)

第三组——去暗组,讲完了,更新随缘……  

参考资料:

1.Adobe 官方文档:https://helpx.adobe.com/after-effects/using/blending-modes-layer-styles.html 

2.知乎:https://www.zhihu.com/question/335280092/answer/2214264768 

3.WIKI 百科:https://en.wikipedia.org/wiki/Blend_modes 

4.Stack Exchange:https://graphicdesign.stackexchange.com/questions/125369/whats-the-difference-between-the-add-and-linear-dodge-blend-modes-in-after-effe 

5.百度经验:https://jingyan.baidu.com/article/49711c61b260d4fa441b7cb2.html



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有