今天看了一些PS教程,发现是英文的,结果我混合模式认不出来,什么是Multiply?哪个是Overlay?Screen又是什么鬼...于是我打开百度查了一圈,居然找不到,也许是我不会用百度...关键词用错了。不过,怎么看都显得内容陈旧,于是我还是自己写一篇吧.查阅了很多资料,链接都在最下面。
在PS中使用混合模式往往是一种实验性的过程,因为结果我们总是无法预测,通常情况下,我们会把每一种混合模式都试一遍,直到找到我们想要的结果.
这篇文章会从一个更高的层次上分析各个混合模式间的异同.
p.s: 公式可能写的不是很标准,大家意会一下哈XD
混合模式的分组
图片来自Photoshop Blend Modes Explained
| 组别 | 混合模式 | 描述 |
|---|---|---|
| 普通(Normal) | 正常,溶解 | 就是在两层之间分别取像素,非A即B |
| 变暗 (Darken) | 变暗,正片叠底,颜色加深,线性加深,深色 | 通过各种方法使颜色变暗 |
| 变亮(Lighten) | 变亮,滤色,颜色简单,线性减淡,浅色 | 通过各种方法使颜色变亮 |
| 对比(Contrast) | 叠加,柔光,强光,亮光,线性光,点光,实色混合 | 通过各种方法加强画面对比 |
| 差集(Inversion/Cancelation) | 差值,排除,减去,划分 | 不是减就是除 |
| 颜色(Component) | 色相,饱和度,颜色,明度 | 基于HBS色彩模式的混合模式 |
中英文对照及相关公式
公式来自维基百科,知乎和photoblogstop.com.基本都通过实验验证,与结果相符。
说明
0代表纯黑色 0x000000
1代表纯白色 0xffffff
本文中,a表示上面那层(activity),b表示下面那层(background)
也就是说a是混合层,b是背景层
0<=a<=1,0<=b<=1
普通
| 混合模式 | Blend Modes | 公式 |
|---|---|---|
| 正常 | Normal | f(a,b) = a |
| 溶解 | Dissolve | f(a,b) = random(a,b) |
加深
| 混合模式 | Blend Modes | 公式 |
|---|---|---|
| 变暗 | Darken | f(a,b)=min(a,b) |
| 正片叠底 | Multiply | f(a,b) = ab |
| 颜色加深 | Color Burn | f(a,b) = 1-(1-b)/a |
| 线性加深 | Linear Burn | f(a,b)=a+b-1 |
| 深色 | Darker Color |  |
减淡
| 混合模式 | Blend Modes | 公式 |
|---|---|---|
| 变亮 | Lighten | f(a,b)=max(a,b) |
| 滤色 | Screen | f(a,b) = 1-(1-a)(1-b) |
| 颜色减淡 | Color Dodge | f(a,b)=b/(1-a) |
| 线性减淡(添加) | Linear Dodge(Add) | * f(a,b)=a+b* |
| 浅色 | Lighter Color |  |
对比
公式比较复杂,简述现在还不支持Latex,所以贴的图片,太小戳大.
| 混合模式 | Blend Modes | 公式 |
|---|---|---|
| 叠加 | Overlay |  |
| 柔光 | Soft Light |  |
| 强光 | Hard Light |  |
| 亮光 | Vivid Light |  |
| 线性光 | Linear Light | f(a,b)=b+2a-1 |
| 点光 | Pin Light |  |
| 实色混合 | hard mix |  |
差集
| 混合模式 | Blend Modes | 公 式 |
|---|---|---|
| 差值 | Difference | f(a,b)= abs(b-a) |
| 排除 | Exclusion | 不详 |
| 减去 | Subtract | f(a,b)=b-a |
| 划分 | Divide | f(a,b)=b/a |
色彩
这一组是基于HSB色彩模式的混合模式
| 混合模式 | Blend Modes | 公式 |
|---|---|---|
| 色相 | Hue |  |
| 颜色 | Color |  |
| 饱和度 | Saturation |  |
| 明度 | Luminosity |  |
详细说明及对照实验
根据官方文档上的提示,计算方法大多是对RGB通道分别计算得出结果.下面做一些简单的实验
加深减淡
第一组测试的是加深减淡,因为这两组高度类似,所有放在一起讲.
加深
***变暗 | Darken ***
公式: f(a,b)=min(a,b)
查看每个通道中的颜色信息，并选择较暗的颜色作为结果色。
***正片叠底 | Multiply ***
公式: f(a,b) = ab
由公式可知,结果色总是较暗的颜色,变化的幅度较为均匀。任何颜色与黑色正片叠底产生黑色。任何颜色与白色正片叠底保持不变。
***颜色加深 | Color Burn ***
公式: f(a,b) = 1-(1-b)/a
与纯白混合不发生变化。使图片变暗,越是暗的颜色变暗越快,越是亮的颜色受影响越小。
***线性加深 | Linear Burn ***
公式:f(a,b)=a+b-1
如果a+b不大于1,就会变成纯黑色
***深色 | Darker Color ***
公式:f(a,b)=min(a.R+a.G+a.B,b.R+b.G+b.B) | 比较混合色和基色的所有通道值的总和并显示值较小的颜色。
减淡
***变亮 | Lighten ***
公式:f(a,b)=max(a,b)
查看每个通道中的颜色信息，并选择较亮的颜色作为结果色。
***滤色 | Screen ***
公式:f(a,b) = 1-(1-a)(1-b)
使颜色变亮,对越暗的颜色作用越明显,对越亮的颜色作用越小。
***颜色减淡 | Color Dodge ***
公式:f(a,b)=b/(1-a) |
与黑色混合不发生变化。原本更亮的颜色会更加的亮,同时较暗的颜色也会适当变亮。越亮的颜色变亮越多,越暗的颜色变亮越少。
*** 线性减淡(添加) | Linear Dodge(Add) ***
公式:f(a,b)=a+b |
ab相加,每个通道相加,颜色变得更亮。
*** 浅色 | Lighter Color ***
公式:f(a,b)=max(a.R+a.G+a.B,b.R+b.G+b.B)
比较混合色和基色的所有通道值的总和并显示值较大的颜色。
灰阶对照组
这里我会以灰阶图加50%的混合层来测试各种混合模式的异同
看完第一组对照,相信大家也已经找到规律了
-
变亮/变暗就是取更亮/更暗的颜色 -
正片叠底/滤色对亮色/暗色影响明显,可以使对比降低 -
颜色减淡/颜色加深对深色影响明显,可以使颜色更深 -
线性加深/线性减淡就是加深颜色/减淡颜色
当然这里只做了灰色的测试,实际上受影响的是各个通道的值.
对比
这一组里面有许多混合模式是以50%为分界点
*** 叠加 | Overlay ***
滤色和正片叠底的组合,色值大于50%时采用滤色,小于50%时采用正片叠底, 所以会使亮色更亮,暗色更暗,增强画面对比。变化较为均匀,柔和。
*** 柔光 | Soft Light ***
公式略复杂,该模式类似上层以Gamma值范围为2.0到0.5的方式来调制下层的色彩值。结果将是一个非常柔和的组合。
*** 强光 | Hard Light ***
色值大于50%时采用加强的滤色,色值小于50%时,使用加强的正片叠底。
*** 亮光 | Vivid Light ***
该模式非常强烈的增加了对比度，特别是在高亮和阴暗处。可以认为是阴暗处应用颜色加深和高亮处应用颜色减淡
*** 线性光 | Linear Light ***
和线性加深比较接近线,就是比线性加深亮一些而已。
*** 点光 | Pin Light ***
该模式结果就是导致中间调几乎是不变的下层，但是两边是变暗和变亮模式的组合。
*** 实色混合 | hard mix ***
该模式导致了最终结果仅包含6种基本颜色，每个通道要么就是0，要么就是255。
差集
*** 差值 | Difference ***
两层相减再取绝对值,由于a,b都是正数,谁在前都一样.由公式得知,和纯白0xffffff混合会得到负片.和纯黑0x000000混合无效.特点就是会出现反色 。
f(a,b)= abs(b-a) |
*** 排除 | Exclusion ***
创建一种与差值模式相似但对比度更低的效果。与白色混合将反转基色值。与黑色混合则不发生变化。
不详
*** 减去 | Subtract ***
背景层-混合层,由公式可知,如果混合层是纯黑色0x000000则完全无效,如果背混合层为纯白0xffffff则图片会变成全黑.总之,这个模式只会让图片变黑. |
f(a,b)=b-a
*** 划分 | Divide ***
背景层/混合层,由公式可知,如果背景层更亮,则会更亮,如果背景层更暗,则会更暗,颜色一样会变成全白.
f(a,b)=b/a
颜色
改组是一组基于HSB色彩模式的混合模式
*** 色相 | Hue ***
使用混合层的色相
*** 颜色 | Color ***
使用混合层的色相和饱和度
*** 饱和度 | Saturation ***
使用混合层的饱和度
*** 明度 | Luminosity ***
使用混合层的明度
2016年07月05日更新
今天刷微博,在Adobe资源库上看到了一组曲线.
果然比起公式,图形更让人印象深刻.
参考文献
https://helpx.adobe.com/cn/photoshop/using/blending-modes.html
https://helpx.adobe.com/photoshop/using/blending-modes.html
https://en.wikipedia.org/wiki/Blend_modes
http://www.zhihu.com/question/20293077
http://photoblogstop.com/photoshop/photoshop-blend-modes-explained
http://www.shejipai.cn/blending-modes.html
http://stackoverflow.com/questions/5919663/how-does-photoshop-blend-two-images-together
