【交换干货】PS详细解析27种图层混合模式的原理

头像
刘晓亮
2015-08-08 09:36:21

图层窗的混合工具,在它如今的下拉菜单中,已经增加到了27种模式,再加上不透明度和填充的流量不同,所形成的效果更是多不胜数。那么,为了让大家更加了解混合工具的使用,小编带来了这27种模式的原理,希望能够为大家的后期带来帮助。

spacer.gif



1.正常模式(Normal)

默认模式,显示混合色图层(蝴蝶图层)的像素,没有进行任何的图层混合。这意味着基色图层(背景图层)对蝴蝶层没有影响。

spacer.gif



2.溶解(Dissolve)

将混合色图层的图像以散乱的点状形式叠加到基色图层的图像上,对图像的色彩不产生影响,与图像的不透明度有关。在图像的填充和不透明度都是100%时,边缘的效果是最明显的,像下图的蝴蝶图层中,蝴蝶的边缘点状像素效果就比较明显。

spacer.gif



3.变暗(Darken)

在该模式下,对混合的两个图层相对应区域RGB通道中的颜色亮度值进行比较,在混合图层中,比基色图层暗的像素保留,亮的像素用基色图层中暗的像素替换。总的颜色灰度级降低,造成变暗的效果。如下图中,相对应区域中基色图层中较暗的铁锈就会被显示出来。

spacer.gif



4.正片叠底(Multiply)

将上下两层图层像素颜色的灰度级进行乘法计算,获得灰度级更低的颜色而成为合成后的颜色,图层合成后的效果简单地说是低灰阶的像素显现而高灰阶不显现(即深色出现,浅色不出现,黑色灰度级为0,白色灰度级为255)。如下图中,蝴蝶图层中较浅的颜色由下一图层较深的颜色显现。

计算公式:结果色R = 混合色R *基色R / 255(G、B的数值算法一样)

spacer.gif



5.颜色加深(Color Burn)

使用这种模式时,会加暗图层的颜色值,加上的颜色越亮,效果越细腻。让底层的颜色变暗,有点类似于正片叠底,但不同的是,它会根据叠加的像素颜色相应增加对比度。和白色混合没有效果。

计算公式:结果色 = (基色 + 混合色 - 255) * 255 / 混合色,其中如果(基色+混合色-255)出现负数则直接归零。

spacer.gif



6.线性加深(Linear Burn)

和颜色加深模式一样,线性加深模式通过降低亮度,让底色变暗以反映混合色彩。和白色混合没有效果。

计算公式:结果色 = 基色 + 混合色 - 255,如果得出数值小于0,则直接归零。

spacer.gif



7.深色(Darker Color)

深色混合模式比较好理解。她是通过计算混合色与基色的所有通道的数值,然后选择数值较小的作为结果色。因此结果色只跟混合色或基色相同,不过产生出另外的颜色。白色与基色混合色得到基色,黑色与基色混合得到黑色。深色模式中,混合色与基色的数值是固定的,我们颠倒位置后,混合色出来的结果色是没有变化的。

spacer.gif



8.变亮(Lighten)

在该模式与变暗模式相反,是对混合的两个图层相对应区域RGB通道中的颜色亮度值进行比较,取较高的的像素点为混合之后的颜色,使得总的颜色灰度的亮度升高,造成变亮的效果。用黑色合成图像时无作用,用白色时则仍为白色。

spacer.gif



9.滤色(Screen)

它与正片叠底模式相反,将上下两层图层像素颜色的灰度级进行乘法计算,获得灰度级更高的颜色而成为合成后的颜色,图层合成后的效果简单地说是高灰阶的像素显现而低灰阶不显现(即浅色出现,深色不出现),产生的图像更加明亮。

计算公式:结果色 = 255 - 混合色的补色 * 及色的补色 / 255

spacer.gif



10.颜色减淡(Color Dodge)

使用这种模式时,会加亮图层的颜色值,加上的颜色越暗,效果越细腻。与颜色加深刚好相反,通过降低对比度,加亮底层颜色来反映混合色彩。与黑色混合没有任何效果。

计算公式:结果色 = 基色 + (混合色 * 基色) / (255 - 混合色)。混合色为黑色,结果色就等于基色,混合色为白色结果色就为白色。基色为黑色结果色就为黑色。

spacer.gif



11.线性减淡(Linear Dodge)

类似于颜色减淡模式。但是通过增加亮度来使得底层颜色变亮,以此获得混合色彩。与黑色混合没有任何效果。

计算公式:结果色 = 基色 + 混合色,其中基色与混合色的数值大于255,系统就默认为最大值也就是255。

spacer.gif



12.浅色(Lighter Color)

通过计算混合色与基色所有通道的数值总和,哪个数值大就选为结果色。因此结果色只能在混合色与基色中选择,不会产生第三种颜色。与深色模式刚好相反。

spacer.gif



13.叠加(Overlay)

叠加模式比较复杂,它是根据基色图层的色彩来决定混合色图层的像素是进行正片叠底还是进行滤色,一般来说,发生变化的都是中间色调,高色和暗色区域基本保持不变。像素是进行正片叠底(Multiply)混合还是屏幕(Screen)混合,取决于基色层颜色。颜色会被混合,但基色层颜色的高光与阴影部分的亮度细节就会被保留。

计算公式:基色

基色 > 128:结果色 = 255 - (255 - 混合色)* (255 - 基色) / 128。

spacer.gif



14.柔光(Soft Light)

将混合色图层以柔光的方式加到基色图层,当基色图层的灰阶趋于高或低,则会调整图层合成结果的阶调趋于中间的灰阶调,而获得色彩较为柔和的合成效果。形成的结果是:图像的中亮色调区域变得更亮,暗色区域变得更暗,图像反差增大类似于柔光灯的照射图像的效果。变暗还是提亮画面颜色,取决于混合层颜色信息。产生的效果类似于为图像打上一盏散射的聚光灯。如果混合层颜色(光源)亮度高于50%灰,基色层会被照亮(变淡)。如果混合层颜色(光源)亮度低于50%灰,基色层会变暗,就好像被烧焦了似的。

计算公式:混合色

混合色 >128: 结果色 = 基色 + (2 * 混合色 - 255) * (Sqrt(基色/255)*255 - 基色)/255。

spacer.gif



15.强光(Hard Light)

如果两层中颜色的灰阶是偏向低灰阶,作用与正片叠底模式类似,而当偏向高灰阶时,则与滤色模式类似。中间阶调作用不明显。正片叠底或者是滤色混合基层颜色,取决于混合层颜色。产生的效果就好像为图像应用强烈的聚光灯一样。如果混合层层颜色(光源)亮度高于50%灰,图像就会被照亮,这时混合方式类似于滤色(Screen)模式。反之,如果亮度低于50%灰,图像就会变暗,这时混合方式就类似于正片叠底(Multiply)模式。该模式能为图像添加阴影。如果用纯黑或者纯白来进行混合,得到的也将是纯黑或者纯白。

计算公式:混合色

混合色 > 128 :结果色 = 255 - (255 - 混合色) * (255 - 基色) / 128。

spacer.gif



16.亮光(Vivid Light)

调整对比度以加深或减淡颜色,取决于混合层图像的颜色分布。如果混合层颜色(光源)亮度高于50%灰,图像将被降低对比度并且变亮;如果混合层颜色(光源)亮度低于50%灰,图像会被提高对比度并且变暗。

计算公式:混合色

混合色 > 128:结果色 = 基色 / (2 *(255 -混合色)) * 255。

spacer.gif



17.线性光(Linear Light)

线性光通过减少或增加亮度,来使颜色加深或减淡。具体取决于混合色的数值。如果混合层颜色(光源)亮度高于中性灰(50%灰),则用增加亮度的方法来使得画面变亮,反之用降低亮度的方法来使画面变暗。

计算公式:结果色 = 2 * 混合色 + 基色 -255。数值大于255取255。

spacer.gif



18.点光(Pin Light)

点光模式她会根据混合色的颜色数值替换相应的颜色。如果混合层颜色(光源)亮度高于50%灰,比混合层颜色暗的像素将会被取代,而较之亮的像素则不发生变化。如果混合层颜色(光源)亮度低于50%灰,比混合层颜色亮的像素会被取代,而较之暗的像素则不发生变化。

计算公式:基色

2 * 混合色 - 255

基色 > 2 * 混合色:结果色 = 2 * 混合色。

spacer.gif



19.实色混合(Hard Mix)

实色混合是把混合色颜色中的红、绿、蓝通道数值,添加到基色的RGB值中。结果色的R、G、B通道的数值只能是255或0。因此结构色只有一下八种可能:红、绿、蓝、黄、青、洋红、白、黑。由此看以看出结果色是非常纯的颜色。

计算公式:混合色 + 基色

混合色 + 基色 >= 255:结果色 = 255。

spacer.gif



20.差值(Difference)

将要混合图层双方的RGB值中每个值分别进行比较,用高值减去低值作为合成后的颜色。所以这种模式也常使用,白色与任何颜色混合得到反相色,黑色与任何颜色混合颜色不变。

计算公式:结果色 = 绝对值(混合色 - 基色)。

spacer.gif



21.排除(Exclusion)

排除于差值的作用类似,只是排除模式的结果色对比度没有差值模式强。白色与基色混合得到基色补色,黑色与基色混合得到基色。

计算公式:结果色 = (混合色 + 基色) - 混合色 * 基色 / 128。

spacer.gif



22.减去(Subtract)

减去模式的作用是查看各通道的颜色信息,并从基色中减去混合色。如果出现负数就归为零。与基色相同的颜色混合得到黑色;白色与基色混合得到黑色;黑色与基色混合得到基色。

计算公式:结果色 = 基色 - 混合色。

spacer.gif



23.划分(Divide)

划分模式的作用是查看每个通道的颜色信息,并用基色分割混合色。基色数值大于或等于混合色数值,混合出的颜色为白色。基色数值小于混合色,结果色比基色更暗。因此结果色对比非常强。白色与基色混合得到基色,黑色与基色混合得到白色。

计算公式:结果色 = (基色 / 混合色) * 255。

spacer.gif



24.色相(Hue)

合成时,用混合图层的色相值去替换基层图像的色相值,而饱和度与亮度不变。决定生成颜色的参数包括:基层颜色的明度与饱和度,混合层颜色的色相。(这里用到的色相、饱和度、明度也是一种颜色模式,也称作:HSB模式。)

spacer.gif



25.饱和度(Saturation)

用混合图层的饱和度去替换基层图像的饱和度,而色相值与亮度不变。决定生成颜色的参数包括:基层颜色的明度与色相,混合层颜色的饱和度。饱和度只控制颜色的鲜艳程度,因此混合色只改变图片的鲜艳度,不能影响颜色。

spacer.gif



26.颜色(Color)

用混合图层的色相值与饱和度替换基层图像的色相值和饱和度,而亮度保持不变。决定生成颜色的参数包括:基层颜色的明度,混合层颜色的色相与饱和度。这种模式下混合色控制整个画面的颜色,是黑白图片上色的绝佳模式,因为这种模式下会保留基色图片也就是黑白图片的明度。

spacer.gif



27.明度(Luminosity)

用当前图层的亮度值去替换下层图像的亮度值,而色相值与饱和度不变。决定生成颜色的参数包括:基层颜色的色调与饱和度,混合层颜色的明度。跟颜色模式刚好相反,因此混合色图片只能影响图片的明暗度,不能对基色的颜色产生影响,黑、白、灰除外。

spacer.gif


全部回复
正序查看
头像
等闲

一直对图层混合模式一知半解,这个讲的很透彻,学习了!B_10.gif

2015-08-08 09:41:54
...
头像
刘晓亮
B_01.gif给我盖楼
2015-08-08 09:42:35
...
头像
正经的国小小

B_10.gif

2015-08-08 09:43:48
...
头像
猫咪小姐

B_81.gif

2015-08-08 11:48:46
...
头像
熔岩叉烧包

B_17.gif

2015-08-08 11:55:13
...
头像
曦儿

B_50.gif

2015-08-08 15:07:32
...
头像
尐太陽
B_10.gif
2015-08-08 20:49:20
...
头像
班主任-王有帅

点赞来了,谢谢你给我的赞,一起多挣帅气值呦!B_10.gif

 

这个帖子很实用,收藏了。

2015-08-16 09:59:34
...
头像
刘晓亮
谢谢,
2015-08-18 21:16:29
...
没有更多了