手把手教你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(饱和度)都做替换,这里我们就不举具体的例子了,和上面的也基本类似。

 

明度:

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

 

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

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

手把手教你打造一个Material Design风格的App(三)

——接上文。 3.2添加抽屉导航 添加导航抽屉跟Android 5.0之前是一样的,只是以前我们使用ListView来作为菜单容器,现在我们则使用Material Design风格的Recyc...
  • u014738140
  • u014738140
  • 2015年05月26日 23:52
  • 2322

手把手教你打造一个Material Design风格的App(二)

——接上文。 3.1添加ToolBar(ActionBar) 添加ToolBar非常简单,你需要做的仅仅是为toolbar创建一个单独的layout布局,如果你想在哪里展示toolbar,只要...
  • u014738140
  • u014738140
  • 2015年05月26日 23:45
  • 2610

手把手教你安卓入门(二)

我们就开始正式开发“计算器”应用
  • anddlecn
  • anddlecn
  • 2016年05月23日 20:59
  • 9361

《手把手教你学C语言》学习笔记(1)---C语言的特点

C语言的两个知识点库和指针
  • guochaoxxl
  • guochaoxxl
  • 2017年04月22日 08:18
  • 584

手把手教你打造一个Material Design风格的App(四)

——接上文。 3.3实现导航抽屉菜单项的选择 尽管导航抽屉已经实现了,但是你会发现选择抽屉列表项并没有反应,这是因为我们还没有实现RecycleView items的点击监听。 因为我们在导航抽屉里...
  • u014738140
  • u014738140
  • 2015年05月27日 00:04
  • 2278

《手把手教你读财报》- 读书总结

本书的特色 以贵州茅台2013年财报为线索,引领全书,读起来不至于太枯燥。 理论+实践,很好的典范! 贵州茅台,业务比较单一,财报比较好理解。...
  • FansUnion
  • FansUnion
  • 2016年08月10日 17:17
  • 2279

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

实例演示Photoshop中的图层混合模式
  • qwertyupoiuytr
  • qwertyupoiuytr
  • 2017年01月03日 22:51
  • 306

手把手教你做一个 C 语言编译器(9):总结

恭喜你完成了自己的 C 语言编译器,本章中我们发一发牢骚,说一说编写编译器值得注意的一些问题;编写编译器时遇到的一些难题。 本系列: 手把手教你做一个 C 语言编译器(0):前言手把手教你...
  • benpaobagzb
  • benpaobagzb
  • 2016年03月07日 23:48
  • 761

【爬虫】手把手教你写网络爬虫(1)

从零开始写爬虫,初学者的速成指南!
  • JDJRdata
  • JDJRdata
  • 2017年06月23日 11:10
  • 1124

从零开始 React Native (1) ES6简介及环境搭建与语法入门

JavaScript的历史 诞生 JavaScript诞生于1995年。起初它的主要目的是处理以前由服务器端负责的一些表单验证。时走在技术革新最前沿的Netscape(网景)公司,决定着手开发一种...
  • liudao7994
  • liudao7994
  • 2017年04月12日 17:22
  • 772
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:手把手教你Photoshop中的图层混合模式(二)
举报原因:
原因补充:

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