Photoshop混合模式详解及中英文对照

今天看了一些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%灰加深对照组.png
50%灰减淡对照组.png

看完第一组对照,相信大家也已经找到规律了

  • 变亮/变暗 就是取更亮/更暗的颜色
  • 正片叠底/滤色 对亮色/暗色影响明显,可以使对比降低
  • 颜色减淡/颜色加深 对深色影响明显,可以使颜色更深
  • 线性加深/线性减淡 就是加深颜色/减淡颜色

当然这里只做了灰色的测试,实际上受影响的是各个通道的值.

对比

这一组里面有许多混合模式是以50%为分界点

*** 叠加 | Overlay ***
滤色和正片叠底的组合,色值大于50%时采用滤色,小于50%时采用正片叠底, 所以会使亮色更亮,暗色更暗,增强画面对比。变化较为均匀,柔和。


叠加 | Overlay

*** 柔光 | Soft Light ***
公式略复杂,该模式类似上层以Gamma值范围为2.0到0.5的方式来调制下层的色彩值。结果将是一个非常柔和的组合。

柔光 | Soft Light

*** 强光 | Hard Light ***
色值大于50%时采用加强的滤色,色值小于50%时,使用加强的正片叠底。


强光 | Hard Light

*** 亮光 | Vivid Light ***
该模式非常强烈的增加了对比度,特别是在高亮和阴暗处。可以认为是阴暗处应用颜色加深和高亮处应用颜色减淡


亮光 | Vivid Light

*** 线性光 | Linear Light ***
和线性加深比较接近线,就是比线性加深亮一些而已。

线性光 | Linear Light.png

*** 点光 | Pin Light ***
该模式结果就是导致中间调几乎是不变的下层,但是两边是变暗变亮模式的组合。

点光 | Pin Light

*** 实色混合 | hard mix ***
该模式导致了最终结果仅包含6种基本颜色,每个通道要么就是0,要么就是255。

实色混合 | hard mix

差集

*** 差值 | 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 ***
使用混合层的色相


色相 | Hue

*** 颜色 | Color ***
使用混合层的色相和饱和度


颜色 | Color

*** 饱和度 | Saturation ***
使用混合层的饱和度
饱和度 | Saturation

*** 明度 | Luminosity ***
使用混合层的明度


明度 | 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

推荐阅读更多精彩内容