手把手教你Photoshop中的图层混合模式(二)

原创 2017年01月03日 22:53:12

这篇教程我们继续来讲解Photoshop中的图层混合模式。

 

对于叠加、柔光、强光、亮光、线性光和点光模式,公式都比较复杂,所以我们不去介绍具体的计算公式了,大家有兴趣可以在网上查阅资料,我们这里介绍一下它们实现的效果,并附上处理风景的效果图。

 

叠加:

叠加模式用来在底色和上层颜色之间创建产生中间色。

我们可以用叠加来为图片增加一些纹理效果,例如我们用杂色滤镜制作一张纹理图:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

然后制作一个文字的内浮雕效果:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

再使用叠加模式在文字图层上创建两个纹理图层(使用上边的纹理图):

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

 

柔光:

柔光模式产生柔和的照射效果,如果上层颜色比底色更亮,那么混合后底色变亮,反之底色变暗。

 

强光:

强光模式产生强光照射效果,如果上层颜色比底色更亮,那么混合后底色变亮,反之底色变暗。(跟柔光模式想必,在加亮的强度上有所不同)

 

亮光:

亮光模式通过增加或减小对比度来加深或减淡颜色,具体取决于上层颜色。

 

线性光:

线性光混合模式通过增加或减小亮度来加深或减淡颜色,如果上层像素(光源)大于50%的灰度,则增加底色亮度,反之减小底色亮度。

 

点光:

简单说,点光实际上就是根据上面图层的灰度来选择性地替换颜色,如果上层像素点比50%灰色亮,则替换掉比上层像素点暗的颜色,如果上层像素点比50%灰色暗,则替换掉比上层像素点亮的颜色。

 

下面几张图依次是使用“柔光”,“强光”,“亮光”,“线性光”和“点光”进行混合后对风景的处理效果(用来混合的图层为颜色#a0a0a0的填充层),第一张图是原图:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站 【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站 【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站 【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站 【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

 

实色混合:

将颜色A(r1,g1,b1)和B(r2,g2,b2)混合,得到C(r3,g3,b3),r3的计算方法如下:如果r1+r2255r3等于255,否则,r3等于0g3b3的计算方法相同。

使用实色混合能够创建出非常强烈醒目的对比效果,我们准备一张图片:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

在PS中创建两个图层,每个图层上都放置一张该图片,然后将上边的图层混合模式设置为实色混合,得到下面的效果:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

接着我们在两个图层之间添加一个空白图层,填充颜色#ff8a00,设置透明度为90%,得到下边的效果:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

 

差值:

差值模式混合后的颜色为两个颜色每个通道颜色值之差的绝对值。会产生反向的效果。用黑色混合不影响底色,用白色混合使原图反向。

我们利用差值会产生反向的效果这个特点来做一个小例子。

打开PS,创建一个新的图层,填充黑色,在上面输入白色的“COOL”文字,接着栅格化文字后对其使用高斯模糊模糊半径为10:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

接着我们复制文字图层,然后将一个“COOL”图层和背景黑色图层合并:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

然后我们将上方的COOL副本图层的混合选项改为“差值”,得到下面的效果:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

将两个图层合并为一个组,将组的混合模式设置为明度,然后在组的下边创建一个图层填充纯绿色,得到下边的效果:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

排除:

假设底色为A(r1,g1,b1),使用颜色B(r2,g2,b2)来做排除,得到的C(r3,g3,b3)中,r3=r1+r2-r1×r2÷128,g3和b3的计算结果类似。底色和白色做差值后得到其反色(255-r1,255-g1,255-b1),底色和黑色做差值不改变颜色。排除模式和差值模式类似,但是具有高对比度低饱和度的特点,比用差值模式获得的颜色要更柔和,明亮一些。

 

减去:

假设底色为A(r1,g1,b1),使用颜色B(r2,g2,b2)来做差值,会得到结果C(r1-r2,g1-g2,b1-b2),如果某个通道的计算结果小于0,则置为0。差值可以用来单独拆分出某个通道的颜色值,例如下面的例子:

我们打开下面这张图片:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

在这个图片所在图层上边创建一个空白图层,使用(0,255,255)做填充,然后混合模式设置为减去,得到如下效果:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

可以发现,图片上的所有像素的蓝色和绿色通道的值都变为0了。

 

划分:

假设底色为A(r1,g1,b1),使用颜色B(r2,g2,b2)来做划分,得到的C(r3,g3,b3)中,r3=r1÷r2×255。划分用来提高底色的纯度和明度,上边图层越暗,提高的效果越明显。也就是说,用白色来覆盖,对于底色没有影响,用黑色来覆盖,得到的图片上剩下的像素中除了白色以外都是纯色(明度和饱和度都是100%的颜色)。

 

色相:

这种模式是基于HSB(色相,饱和度,亮度)色彩模式的。假设底色A对应的HSB值为h1s1 b1,颜色B对应h2 s2 b2,那么用B混合A得到的颜色C对应值为h2 s1b1(实际操作的时候我们发现并没有得到准确的s1和b1值,而是接近这两个值)

下面是一个小例子,我们准备一张图片:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

用PS打开后,在这个图层上边创建一个图层,用颜色#ffa800填充,然后设置这个填充层的混合选项为“色相”,得到秋天的效果:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

 

饱和度:

饱和度混合模式和色相混合模式类似,底色的饱和度被替换(实际操作,饱和度不一定完全替换,例如我们下边举的例子),色相(H)和亮度(B)基本不变(实际操作的时候仍然有小的变化)。

我们修改上边的例子,将覆盖图层的混合模式由“色相”改为“饱和度”,得到如下的效果:

【原创】手把手教你Photoshop中的图层混合模式(二) - 远行的风 - 风的驿站

注意到这里我们覆盖层的饱和度是100%,但是得到的结果并不是全部像素都是100%饱和,但是所有像素的饱和度都有大幅度的提升,这其实正好符合我们的预期(毕竟我们不希望混合后整个图片变得非常艳),也解释了为什么有时候结果并不会完全按照PS官方文档中描述的那样吧。

 

颜色:

颜色混合模式是将HSB模式中的H(色相)和S(饱和度)都做替换,这里我们就不举具体的例子了,和上面的也基本类似。

 

明度:

明度混合模式是将底色的明度进行替换,可以使用明度高的图层混合来提高底色的明度。

 

以上就是关于图层混合模式的介绍,有不清楚的地方欢迎留言。

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Photoshop中27种图层混合模式原理图文详解

转自 http://photo.poco.cn/special_topic/topic_id-19009-p-4.html  本教程是向大家图文详解Photoshop中27种图层混合模式原理,所谓图层...

Photoshop----色彩原理和图层的混合模式

1. 如果图像用RGB模式做好了,如果要拿去印刷,应该:点击--图像--模式--CMYK颜色。 如果对图像进行细微的调整的话,选择图像--调整--色彩平衡(Ctrl+B) 实例: 调...

Photoshop----图层混合模式详解

【PS图层混合模式详解】 图层的混合模式决定其像素如何与图像中的下层像素进行混合。使用混合模式可以创建各种特殊效果。 默认情况下,图层组的混合模式是“穿透”,表示图层组没有自己的混合属性。为图...

(笔记)Photoshop中图层混合模式理解

混合模式学习笔记,记录了各个混合模式的用法和效果。

我的photoshop CS5 学习之路-----------图层混合模式使用原理

对于初学PS的同学,对于图层混合模式的理解也许有少许模糊,于是我整理了一下供自己和大家参考。   首先我用的软件是photoshop CS5 ,该软件提供的图层混合模式有:正常 、溶解、变暗等2...

Photoshop图层混合模式计算公式

关于photoshop的图层混合模式,大家一定都非常熟悉了,我在这里把各种混合模式的计算公式都详细的描述一便,希望能够对大家理解图层的混合模式有所帮助,编写仓促,不足之处请多批评指正。 混合模式可以...

模拟Photoshop中图层混合模式

模拟Photoshop中图层混合模式 http://blog.csdn.net/laviewpbt/article/details/756464    http://www.codepro...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)