【ISP】PS混合模式（7）叠加（Overlay）

我们已经知道了变亮组和变暗组，而接下来我们要进入叠加组，或者叫对比组更加专业。 

 

1.预先定义

在正式开始之前，我们来定义几条原则先（熟悉的盆友，可以跳过）：

原则1：我们不妨把上方图层定义为B层，下方图层定义为A层，最后混合层为C层。

原则2：定义B图层的某点像素为点B， A图层的某点像素为点A， C层的某点像素为点C。
（因为一个像素点是通过三个通道来显示的，所以点A的值为(Ar,Ag,Ab)；点B，点C也同理。）

原则3：把0-255区间的换算，转换为0-1区间的换算：
0对应的是0.
128对应的是0.5
255对应的是1.
（所以，点A中RGB的三个通道的像素亮度的分别数值就改为0到1）

原则4：混合的意思是两个图层RGB的三个通道分别混合，最后一起显示。

原则5：这些公式仅适用于RGB图像，对于Lab颜色图像而言，这些公式将不再适用。

而这次为了深入理解混合模式，我们需要用三个工具，一个工具是ps，一个是曲线模拟器，一个是geogebr图像绘制器(也有网页版的，用浏览器直接搜索打开就行)。

ps作为操作演示，geogebr作为作为数学演示。

2.叠加

overlay，英文覆盖，罩子，重新盖上

我们来看看PS中国官网对于叠加模式的解释：
对颜色进行正片叠底或过滤，具体取决于基色。
图案或颜色在现有像素上叠加，同时保留基色的明暗对比。不替换基色，但基色与混合色相混以反映原色的亮度或暗度

维基百科对于叠加的说法：
叠加结合了乘法和屏幕混合模式。
最上层的基层较浅的部分变浅，最上层的基层较暗的部分变暗。顶层为中间灰色的区域不受影响。具有相同图片的叠加层看起来像S曲线。

其中a是基础层值，b是顶层值。

 请问叠加的公式是什么呢？没错，就是如下：

好，我们看出什么了？没错，这个公式它是以底层来决定上层是否执行两倍的正片叠底或者两倍的滤色的。

这是所有混合模式中唯一个是，由底层 来决定要用什么模式来和顶层混合​的。这是非常神奇的操作。

（说两倍正片叠底，意思不是说比原来的更加黑了，而是比原来更加淡了。比如，两个层都是20%的灰，执行正片叠底，那么结果层就是4%的灰；而执行两倍的正片叠底，那么结果层是8%的灰。）

2.1顶层为黑色时,也就是B等于0

B等于0，A层小于0.5的地方将会变成0，也就是C=2A*0=0 ；

而大于0.5的地方，C=1-2(1-A)，将会变成，，，额，怎么说呢?一条斜线。

整个图像是不是似曾相识？没错，当自己和自己线性加深混合时，就是这个图像。（虽然只是碰巧。。。）

实践见真知，我们用ps来试试，用黑色叠加自己，和用线性加深自己混合自己的效果吧。

可以看到猜想正确，得到的结果一模一样。

2.2顶层为白色时,也就是B等于1

B等于1，A层大于0.5的地方将会变成1，也就是C=1-2(1-A)*(1-1)=1；也就是白色。

而A层小于0.5的地方，C=2A，将会变成，，，，额，怎么说呢?还是一条斜线。

整个函数图，看着像什么？没错，就是像极了，和自己线性减淡的图像。（我好像说过类似的句话了。。。）

看看自己用线性减淡混合自己 和 它和纯白色叠加的效果吧。

2.3自己和自己混合时，那么会发生什么呢？

本来偏向亮的像素会更加亮了。偏暗的像素更加暗了。

自己叠加自己时，公式如下：

你敢相信有这个巧合？竟然是一条S线。

2.4接二连三发生了这么多的巧合事件

在我们没有分析公式之前，都不敢相信有这样的巧合，然而事情确实如此。

那么为什么会这样呢？

看看B 从 灰 到 白 到 黑 的动图，我们自然就明白了。

（曲线演示图）

（效果图）

看到了没？从灰到白，从白到黑，它的函数点是沿着x=0.5的直线来做上下运动的。

看到这里，你肯定会倒吸一口凉气，他的曲线模样竟然如此复杂。

但聪明的你一定发现了一点规律，当B层大于50%灰的时候，图像是在这个上面 三角形 的框框里面变化的。也就是变亮了。

（曲线图）

（效果图）

当B层小于50%灰的时候，你会发现整个图像是在下面那个三角形里面变化的。也就是变暗了。

(曲线图）

(效果图）

所以叠加模式的规律是这样的：

当上层B层大于50%灰的时候，图像变亮了。
当上层B层小于50%灰的时候，图像变暗了。

 既然如此，怎么现在又变成了 上层，上层大于50%灰就变亮，小于50%的灰就变暗呢？

你特么的在耍我吗？

同志，请注意，是2倍正片叠底或者2倍滤色，是2倍，是2倍。

2倍的正片叠底当然可以让底层变亮呀。

举个例子，顶层是80%的灰，底层是40%灰。

如果执行是普通的正片叠底，就是C=A*B=80%*40%=32%，结果层变暗了。

如果执行的是叠加，由于底层是小于50%灰，所以执行2倍的正片叠底，就是 C=2*A*B=2*40%*×80%=64%。

对于底层来说，结果层 变亮了。

对于顶层来说，结果层 变暗了。（但是谁管顶层如何！谁要和它比呀。）

那么当进行2倍的滤色，同样也可以如此，结果层不仅仅可以变亮，同样也可以变暗。

所以，以另外一种视角来说，还是顶层在控制整体的明暗。这时候顶层就悄悄的开心道，你有张良计，我有过墙梯子，具体的变亮和变暗还是我说了算。

不过，顶层也不能无法无天，它还是要受到底层的制约。如果我们拿一只纯黑色的画笔，在图上作画。那么，底层小于50%灰的地方全部变暗，而大于50%灰的地方虽然也变暗，但是不会黑化。通俗的说，就是会贪污但是不会被黑化，心里还是向着光明的。

我们可以看到，当用纯黑色的画笔来对画面，画画画时：

本来阴影处变成了黑色（红色圈）；
而本来大于50%的高光区，也变暗了，不过没变黑（黑色圈）；
而本来的接近于白色的天空，则没有什么影响（绿色圈）。

所以，别傻傻的以为，下层 大于50%灰 的地方，就不会被画笔的黑色影响了。

写到了这里，不知你思路有没有转过来。

叠加模式，它确实是以低层是否大于50%的灰，来选择不同的算法。但是，我们要的是算法吗？

不是，我们要的是明暗，可以控制的明暗。

当在上方图层画画的时候，我们要的还是可以用上方图层来控制明暗。当我们选择小于50%灰的画笔作画时，就会变暗，对于越是靠近高光的地方影响越小。

2.5填充纯红色

上面说的是在黑白的情况，那么我如果填充的是一个纯红色，那么效果将会是怎样的呢？（又搞这些无聊的实验。。。。。。）

当和纯红色反应时，曲线变化如下：

（因为有三条曲线要模拟，这次采用这个曲线模拟器，这个模拟器的大小就4m，我把它放在文末，喜欢的自提。真心说，这个模拟器真丑，哈哈哈）

可以看到，绿色通道和蓝色通道变成这样了，然后基本没变化了，只有红通道在改变而已。

那么具体什么效果呢？看下图。

3.总结

写到这里我感觉到，这是一场顶层和底层的权力斗争，最后形成了一个制约的效果。不得不佩服那些天才程序员的构想，请收下膝盖。
我们通过一步步的演示，最后得出，控制明暗的话语权还是在顶层上，但是要受到底层的制约而已。

也知道了，如果用黑色画笔在叠加模式下，大于50%灰的颜色画画，效果是越亮的地方越不明显。

叠加模式，其实还有一个很刚兄弟叫强光，强光这个模式的公式和叠加的一模一样，但是算法选择的参考层不一样，强光的参考层是上方。由于没有制约，所以强光像一个混世魔王一样，无法无天。

叠加还有一个妹妹，叫做柔光，真的很柔，看起来是一个弱化版的叠加。