【AE基础】混合模式图解

1.原文视频: 1个视频搞懂PS图层混合模式_B站_裹小脚的大叔

2.混合模式附加: 图层混合模式:轮廓、模板alpha等

注释:公式仅适用于 RGB 图像,对于Lab 颜色图像而言,这些公式将不再适用。

  • A代表下面图层的颜色值,基色;
  • B代表上面图层的颜色值,混合色,光源;
  • C代表混合图层的颜色值,结果色;
  • 反相:255-当前值
  • D 表示该层的透明度。
  • rgb 表示光色三原色;HSB 表示色相、饱和度、亮度;反相表示255减去颜色值。
  • 混合色表示上层图层的颜色值;基色表示下层图层的颜色值。

注意1 : 混合是对每个通道进行颜色值的计算,然后再将三个通道混合显示最终效果。为便于理解, 可以打开窗口 — 信息面板,在RGB模式下使用黑、白和中性灰图层进行验证,将灰色任一通道的颜色值套入公式计算即可。

注意2: 每个不同的颜色通道的像素都是独立的进行比较计算。

【AE基础】混合模式图解

【AE基础】混合模式图解

覆盖组

上方图层覆盖下方图层,覆盖程度取决于上方图层不透明度 

【AE基础】混合模式图解 【AE基础】混合模式图解

Normal 正常

用途:图片整体均匀透明化

公式:C=D×A+(1-D) ×B

说明: 在该混合模式下,如果两个图层的叠放顺序不一样,结果也是不一样的(当然都是50%透明除外)

Dissolve 溶解 

用途:仅仅表现和Normal(正常)类似

人话: 正常模式的颗粒化版,参考榨汁机

公式:C=D×A+(1-D)×B

从上层中随机抽取一些像素作为透明,使其可以看到下层, 随着上层透明度越低,可看到的下层区域越多。如果上层完全不透明,则效果和Normal (正常)一样。

去亮组

去亮去亮 肯定是往暗了变 [变暗 正片叠底 颜色加深 线性加深 深色]

DARKEN 变暗

说明: 通过比较上下层像素后取相对较暗的像素作为输出 

人话: 【简单的比暗亮,谁暗显示谁】

公式:B<=A 则 C=B

         B>=A 则 C=A

图示: 去除鸟的白色底

【AE基础】混合模式图解 【AE基础】混合模式图解

【与变亮相反】

MULTIPLY 正片叠底(相乘)

说明: 与滤色相反。两层数值相乘再除以255, 这样肯定会变暗的, 因为最大就255

公式: C=(A×B)/255

该效果将两层像素的标准色彩值(基于0..1之间)相乘后输出其效果可以形容成:两个幻灯片叠加在一起然后放映,

透射光需要分别通过这两个幻灯片,从而被削弱了两次。

【 任何颜色和黑色正片叠底还是黑色,黑色之外其他颜色和白色正片叠底颜色不变。因此可以用去白留黑】

小应用:通过调曲线,把接近白色的变成白色,从而留下剩下的元素

COLORBURN 颜色加深

说明: 与颜色减淡相反。如果上层越暗,则下层获取的光越少,加深效果越明显。

人话: 暗的地方会超级暗, 亮的地方影响少

公式: C=A-(A反相×B 反相)/B

等价于( A+B-255)*255/B

图示 白的几乎不咋变 黑的变黑

【AE基础】混合模式图解

【加起来小于255就变黑,大于就看B的值】

LINEARBURN 线性加深

说明: 两层和与255比较, 线性的过渡稍好点

公式: C=A + B – 255

图示: 白的几乎不咋变 黑的变黑

【AE基础】混合模式图解

【如果上下层的像素值之和小于255,输出结果将会是纯黑色。】

DARKER Color 深色

说明: 与浅色相反。返回总色值更小的一方

RB+GB+BB<=RA+GA+BA则C=B

RB+GB+BB>=RA+GA+BA则C=A

【比较混合色和基色的所有通道值的总和并显示值较小的颜色。不会生成第三种颜色。】

去暗组

变亮 滤色 颜色减淡 线性减淡 浅色

LIGHTEN 变亮

说明: 与变暗相反。不同的是取色彩值较大的(也就是较亮的)作为输出结果

B<=A则C=A

B>=A则C=B

【简单的比大小,谁大谁吊】

图例: 去黑底月亮

【AE基础】混合模式图解

SCREEN 滤色

说明: 与正片叠底相反。上下层像素的标准色彩值反相后相乘后输出,输出结果比两者的像素值都将要亮

C=255-(A反相×B反相)/255

等价于 C = A+B-(A×B)/255

图示: 

【AE基础】混合模式图解

(就好像两台投影机分别对其中一个图层进行投影后,然后投射到同一个屏幕上)。从右边公式中我们可以看出,如果两个图层反相后,采用MULTIPLY模式混合,

则将和对这两个图层采用SCREEN模式混合后反相的结果完全一样。

【任何颜色和黑色滤色还是黑色,黑色之外其他颜色和白色滤色颜色不变。】

COLORDODGE 颜色减淡

说明: 与颜色加深相反。上层的亮度决定了下层的暴露程度。如果上层越亮,下层获取的光越多,也就是越亮。如果上层是纯黑色,也就是没有亮度,则根本不会影响下层,

人话: 亮的地方会超级亮, 暗的地方影响少

公式: C=A+(A×B)/B反相

图示: 

【AE基础】混合模式图解

该模式下,

【如果上层是纯白色,则下层颜色值不是0的像素全变成255】。结果最黑的地方不会低于下层的像素值。

LINEARDODGE 线性减淡

说明: 与线性加深相反。返回总色值更大的一方, 比颜色减淡过渡稍好点

公式: C=A+B

图示: 

【AE基础】混合模式图解

将上下层的色彩值相加。结果将更亮。

LIGHTER COLOR 浅色

说明: 与深色相反。返回总色值更大的一方

RB+GB+BB<=RA+GA+BA则C=A

RB+GB+BB>=RA+GA+BA则C=B

比较混合色和基色的所有通道值的总和并显示值较大的颜色。不会生成第三种颜色。

对比组

叠加 柔光 强光 亮光 线性光 点光 实色混合

OVERLAY 叠加

依据下层色彩值的不同,该模式可能是MULTIPLY(正片叠底),也可能是SCREEN(滤色)模式。

上层决定了下层中间色调偏移的强度。

如果上层为50%灰,则结果将完全为下层像素的值。

如果上层比50%灰暗,则下层的中间色调的将向暗地方偏移,

如果上层比50%灰亮,则下层的中间色调的将向亮地方偏移。

对于上层比50%灰暗,下层中间色调以下的色带变窄(原来为0~2×0.4×0.5,现在为0~2×0.3×0.5)

中间色调以上的色带变宽(原来为2×0.4×0.5~1,现在为2×0.3×0.5~1)。反之亦然。

A<=128则C=(A×B)/255

A>128则C=255(A反相×B反相)/128

图示:

【AE基础】混合模式图解 【AE基础】混合模式图解

【下方图层亮 结果亮 下方暗 结果暗】

HARDLIGHT强光

跟OVERLAY(叠加)模式相反,使颜色变暗或变亮,结果取决于上方图层。

B<=128则C=(A×B)/128

B>128则C=255(A反相×B反相)/128

【如果将上层图层设为叠加,下层设为强光,则改变图层顺序不影响结果。】

SOFTLIGHT柔光

使颜色变暗或变亮,具体取决于混合色(上方颜色)

B<=128则C=(A×B)/128+(A/255)^2×(255-2B)

B>128则C=(A×B反相)/128+SQRT(A/255)×(2B-255) 

图示:

【AE基础】混合模式图解

 

【此效果与发散的聚光灯照在图像上相似。

如果混合色(光源)比50%灰色亮,则图像变亮,就像被减淡了一样。如果混合色(光源)比50%灰色暗,则图像变暗,就像被加深了一样。使用纯黑色或纯白色上色,可以产生明显变暗或变亮的区域,但不能生成纯黑色或纯白色。

该模式类似上层以GAMMA值范围为2.0到0.5的方式来调制下层的色彩值。结果将是一个非常柔和的组合。比强光过渡柔】

VIVIDLIGHT亮光

该模式非常强烈的增加了对比度,特别是在高亮和阴暗处。

B<=128则C=AA反相×(255-2B)/(2B)

B>128则C=A+A×(2B-255)/(2×B反相)

图示:

【AE基础】混合模式图解

【如果混合色(光源)比50%灰色亮,则通过减小对比度使图像变亮。如果混合色比50%灰色暗,则通过增加对比度使图像变暗。】

LINEARLIGHT线性光

通过减小或增加亮度来加深或减淡颜色,具体取决于混合色(上层)。

如果混合色(光源)比50%灰色亮,则通过增加亮度使图像变亮。如果混合色比50%灰色暗,则通过减小亮度使图像变暗。

其类似于LINEARBURN(线性加深),只不过是加深了上层的影响力。

C=A+2×B-255

【由于将上层颜色值加倍,所以结果比线性加深亮很多。】

PINLIGHT点光

根据混合色替换颜色。如果混合色(光源)比50%灰色亮,则替换比混合色暗的像素,而不改变比混合色亮的像素。如果混合色比50%灰色暗,则替换比混合色亮的像素,而比混合色暗的像素保持不变。这对于向图像添加特殊效果非常有用。

该模式结果就是导致中间调几乎是不变的,

B<=128则C=MIN(A,2B)

B>128则C=MIN(A,2B-255)

【AE基础】混合模式图解

【类DARKEN(变暗)和类LIGHTEN(变亮)的组合】

HARDMIX实色混合

非黑即白

A+B>=255则C=255

A+B<255则C=0

【该模式导致了最终结果仅包含6种基本颜色,每个通道要么就是0,要么就是255】

差值组

DIFFERENCE差值

上下层色彩值之差的绝对值。主要用于比较两个不同版本的图片。如果两者完全一样,则结果为全黑。

C=|A-B|

【与白色混合将反转基色值;与黑色混合则不产生变化。】

EXCLUSION排除

亮的图片区域将导致另一层的反相,很暗的区域则将导致另一层完全没有改变。

C=A+B-(A×B)/128

图示:

【AE基础】混合模式图解

【与“差值”模式相似但对比度更低的效果(偏灰)。】

减去

查看各通道的颜色信息,并从基色中减去混合色。

C=A-B

如果出现负数就剪切为零。与基色相同的颜色混合得到黑色;白色与基色混合得到黑色;黑色与基色混合得到基色。

划分

查看每个通道的颜色信息,并用基色分割混合色。

C=(A/B)×255

基色数值大于或等于混合色数值,混合出的颜色为白色。基色数值小于混合色,结果色比基色更暗。因此结果色对比非常强。白色与

基色混合得到基色,黑色与基色混合得到白色。

色彩组

色相 饱和度 颜色 明度

HUE色相

输出结果: 色调为上层,饱和度和亮度为下层。

HCSCBC=HBSABA

图示:

【AE基础】混合模式图解

【AE基础】混合模式图解 【AE基础】混合模式图解 【AE基础】混合模式图解

对于灰色上层,结果为去色的下层。

SATURATION饱和度

输出结果: 饱和度为上层,色调和亮度为下层。

HCSCBC =HASBBB

COLOR颜色

输出结果: 亮度为下层,色调和饱和度为上层。

HCSCBC=HBSBBA

LUMINOSITY明度

输出结果: 亮度为上层,色调和饱和度保持为下层。

HCSCBC=HASAYB

图示:

【AE基础】混合模式图解

【拉曲线的时候,明度饱和度一起变,此时在明度混合模式下,就只会改变明度了】

轮廓、模板alpha

戳我看教程

给TA充电
共{{data.count}}人
人已充电
AEAE插件/脚本

【插件文档】Sp_memory

2020-4-11 18:22:31

AEAE文章AE表达式

【AE表达式案例】居中对齐的打字机动画

2020-4-18 16:41:55

3 条回复 A文章作者 M管理员
  1. AJ

    个人认为有几处很明显的错误,可以辩论交流 1是深色和浅色的公式根本不对 例如:两者公式都为RGB各通道数值相加决定结果色 那请问A为红色(255,0,0)和B为绿色(0,255,0),那这种数值相加后结果相同的情况下,结果色C是什么呢?出现bug了,实际上深色和浅色这两种混合模式的运算机制比较特殊,就是RGB各通道是不执行数值运算的,说白了就是跟RGB没关系,因为决定结果色的影响因素是明度 Lightness(并不是Brightness 亮度),所以正确的公式应为 深色: C Lightness = Min ( A , B ) 意为选取两者中明度较低的一方 ,浅色:C Lightness = Max ( A , B ) 意为选取两者中明度较高的一方,那么按照前文的案例来说“ A为红色(255,0,0)和B为绿色(0,255,0)”使用深色模式的话,最终结果色C呈现的应该是A红色,因为红色明度低于绿色(举例来说黄色明度最高,蓝紫色的明度最低),同理使用浅色模式的话,最终结果色C呈现的是A绿色。 2 叠加混合模式的公式应该是 А<=128. C=(A×B)/128, 可能大意疏忽了,作者写成了А<=128. C=(A×B)/255,后面应该是除以128。

  2. AJ

    。。。。 好多错误 你检查下色彩组吧 是不是已经分不清A和B谁是上层 谁是下层了 写错了好多···?

个人中心
今日签到
搜索