热门标签 | HotTags
当前位置:  开发笔记 > 程序员 > 正文

中怎样做正片叠底模式_Photoshop图层混合模式详解

上期给大家讲了关于图层的基础部分https:zhuanlan.zhihu.comp93466262​zhuanlan.zhihu.com接下来就为大家讲解图层的进阶部分也就是图层的
b83dcca5bf76f433802f425e5ac5053a.png

上期给大家讲了关于图层的基础部分

https://zhuanlan.zhihu.com/p/93466262​zhuanlan.zhihu.com

接下来就为大家讲解图层的进阶部分也就是图层的混合模式

关于图层的混合,说的直白点就是图层摞一块按什么方式叠加混合得到最终效果。主要包括模式的选择和不透明度的确定两部分内容:

【图层】调板中有这两项的控制项

1.【混合模式】指当图像叠加时,上方图层和下方图层的像素进行混合,从而得到另外一种图像效果。

2.【不透明度】用来确定选定图层遮蔽或显示其下方图层的程度。不透明度为100%时,当前图层则完全不透明。

19bba9889f1a829f6f01a6fb7dff874f.png

小提示:背景图层或锁定图层的不透明度是无法更改的,也不能设置图层混合模式。

解析混合模式

混合模式是将图层各通道分别对应混合,所以可以说通道混合是混合模式的基础。

实际上画笔工具组里的工具、图层混合等,都是在做像素编辑。像素编辑都涉及怎么混合像素的问题,所以操作相关的选项栏里大多都有【模式】下拉列表。

364d7c95cf7979ffa0f287284ad04bf7.png
fd9e8aaf627453d8d04d9630e2b99bfe.png

在正式讲之前先区分三个颜色名词

【基色】:图像中的原稿颜色,也就是我们要用混合模式选项时,两个图层中下面的那个图层中的像素颜色。

【混合色】:通过绘画或编辑工具应用的颜色,也就是我们要用混合模式命令时,两个图层中上面的那个图层中的像素颜色。

【结果色】:结果色是基色与混合色混合后得到的颜色

开始正文:

1、正常混合模式

正常模式下编辑每个像素,都将直接形成结果色,这是默认模式,也是图像的初始状态。

在此模式下,可以通过调节图层不透明度和图层填充值的参数,不同程度的显示下一层的内容

d46c236162c8a075fde82bec138635c0.png
e473c13ae513e5f29b45e53580e2f957.png

2、溶解混合模式

溶解模式是用结果色随机取代具有基色和混合颜色的像素,取代的程度取决于该像素的不透明度。

下一层较暗的像素被当前图层中较亮的像素所取代,达到与底色溶解在一起的效果。但是,根据任何像素位置的不透明度,结果色由基色或混合色的像素随机替换。因此,溶解模式最好是同PS中的一些着色工具使用效果比较好,如画笔工具,橡皮擦工具等。

看下面这个图,我已经把它的图层混合模式改为溶解啦,但是现在看起来正常和溶解基本没有差别

7dfad212757ae472fb3f7fab0bab9e62.png

刚才我说过了,溶解的程度取决于该图层的不透明度,现在我们把不透明度降下去看一下效果,如下图

f73ec5409c595dfb4405e592dbb97b3e.png
77dccfdf1ab37b6decd49d051030b7f3.png

3、变暗混合模式

变暗模式在混合时,将绘制的颜色与基色之间的亮度进行比较,亮于基色的颜色都被替换,暗于基色的颜色保持不变。在变暗模式中,查看每个通道的颜色信息,并选择基色与混合色中较暗的颜色作为结果色。

ccba40960edf0a6123da034660f7612d.png

下面我们把图层混合模式设置为变暗看一下效果

f5f557b840cb63b4cf84519917a346f5.png

可以清除的看到比基色(下面背景图层)颜色亮的区域全部变成了基色的颜色,而比基色颜色暗的区域则没有发生任何改变

77a4618f0f4da2dc177e0bcb52010ba9.png

4、正片叠底模式

正片叠底模式用于查看每个通道中颜色信息,利用它可以形成一种光线穿透图层的幻灯片效果。其实就是将基色与混合色相乘,然后再除以255,便得到了结果色的颜色值,结果色总是比原来的颜色更暗。

通俗来讲就是

RGB颜色模式一共有红绿蓝三个颜色通道,数值设置范围为0-255,每个颜色通道的数值越大,表现的颜色就越亮,数值越小颜色越暗,

将基色与混合色相乘然后除于最大的255,结果肯定是图像整体变暗。

注意:当任何颜色与黑色进行正片叠底模式操作时,得到的颜色仍为黑色,因为黑色的像素值为0;当任何颜色与白色进行正片叠底模式操作时,颜色保持不变,因为白色的像素值为255。

还是用刚才那个的人像

f7c72547e2a712280ca9c276e489a02f.png

正片叠底后

9372699faaeddbee4d45994e9efcb5db.png

原图

eace0cbb3f1e262aae888b30de699631.png

正片叠底后

eddb9ce6a0f7c4e4fb60d2ef4e445962.png

5、颜色加深混合模式

颜色加深模式用于查看每个通道的颜色信息,使基色变暗,从而显示当前图层的混合色。

a73067980cb29d2817c1378d084ed20f.png

从上图中可以看出原图黑的变暗较多,亮的变暗较少,对比度增加;

注意:图层顺序影响结果;在与黑色和白色混合时,图像不会发生变化。

6、线性加深混合模式

线性加深模式同样用于查看每个通道的颜色信息,不同的是,它通过降低其亮度使基色变暗来反映混合色。

如果混合色与基色呈白色,混合后将不会发生变化。如下图,混合色为黑色的区域均显示在结果色中,而白色的区域消失,这就是线性加深模式的特点。

原始图层

fcac31fa4d9407cf4619abc71348dd87.png

线性加深后

84ed6005e63cd0374756a8791b9d734d.png

刚才的人像线性加深后的效果可以看下

cf075e8b5f8c94cc2a4cc56f628404b8.png

7、深色混合模式

深色混合模式依据当前图像混合色的饱和度直接覆盖基色中暗调区域的颜色。基色中包含的亮度信息不变,以混合色中的暗调信息所取代,从而得到结果色。

原图

bcd3d3b187aa583a859272971469cc34.png
7997cb8e546b084a192d4a9c159cb435.png

深色后

31d9a02212850dbf4a6641265aa0d13f.png
420af473e821e37be0c284d89f72686d.png

从这两幅图中可以看出,深色模式主要是取亮度低的做结果色,结果色不是基色就是混合色。

总结一下:

02b78081ef35ddbbd9cc983718159b6f.png

上面提到的几种混合模式就是减色模式,关于减色和加色模式,简单的来说减色模式就是让他变暗,加色模式就是让他变亮

8、变亮混合模式

变亮混合模式与变暗混合模式的结果相反。通过比较基色与混合色,把比混合色暗的像素替换,比混合色亮的像素不改变,从而使整个图像产生变亮的效果。

还是用之前的那个人像做比较,我在它下面加了一个黑色的背景图层

使用变亮混合模式看下图效果

4493933a954bf52cd0ab1eb7fd5dbb89.png

填充白色背景图层

2216abe9eea9e4105c53d83b337126e7.png

可以清除的看到,使用变亮模式,就是将两个图层互相比较,谁亮谁显示

用下面这个再给大家演示一下,这是这两张素材原始情况

59e4142f0faba3af3c246e3ec03b06f8.png

使用变亮后,还是可以清楚的看到,谁亮谁显示

a1e20e769054bbaeccfa6705f13c0b43.png

9、滤色混合模式

滤色混合模式与正片叠底模式相反,它查看每个通道的颜色信息,将图像的基色与混合色结合起来产生比两种颜色都浅的第三种颜色,就是将绘制的颜色与底色的互补色相乘,然后除以255得到的混合效果。通过该模式转换后的效果颜色通常很浅,像是被漂白一样,结果色总是较亮的颜色。对图像进行处理时有时候图片曝光不足,整体偏暗,可使用滤色混合模式,可以清楚的看到,图像整体会变亮

2077146f4f7482bec6dfc552b721f566.png

由于滤色混合模式的工作原理是保留图像中的亮色,利用这个特点,通常在对丝薄婚纱进行处理时采用滤色模式。

ea59320d8231cff4e707fcba35507bae.png

用滤色合成透明图像

eac3f3b0a1a13b0e0cc0c9855de112ca.png

10、颜色减淡混合模式

颜色减淡混合模式用于查看每个通道的颜色信息,通过降低对比度使基色变亮,从而反映混合色。图层顺序影响结果

亮的变亮较多,黑的变亮较少,降低对比度

86e278471ef1941333626582f8e98323.png
3ce06fcb2a89990b4a9192cb78cca45e.png

11、线性减淡混合模式

线性减淡混合模式与线性加深混合模式的效果相反,它通过增加亮度来减淡颜色,产生的亮化效果比滤色模式和颜色减淡模式都强烈。工作原理是查看每个通道的颜色信息,然后通过增加亮度使基色变亮来反映混合色。

与白色混合时图像中的色彩信息降至最低;与黑色混合不会发生变化。

dab826b09ae75dbb15c454e599398cb4.png
741ce6153b7f7a9cb0ce6edeff5118f8.png

12、浅色混合模式

浅色混合模式依据当前图像混合色的饱和度直接覆盖基色中高光区域的颜色。基色中包含的暗调区域不变,以混合色中的高光色调所取代,从而得到结果色。

b6fd1007bede15b45e89256d120f4475.png

总结一下:

bd10f7312cf212e4a21cb70155254de1.png

上面的这几种叫做加色模式

13、叠加混合模式

叠加混合模式实际上是正片叠底模式和滤色模式的一种混合模式。该模式是将混合色与基色相互叠加,也就是说底层图像控制着上面的图层,可以使之变亮或变暗。比50%暗的区域将采用正片叠底模式变暗,比50%亮的区域则采用滤色模式变亮。

cbdc41229b9d2968259af3948ce772f3.png

14、柔光混合模式

柔光混合模式的效果与发散的聚光灯照在图像上相似。该模式根据混合色的明暗来决定图像的最终效果是变亮还是变暗。如果混合色比基色更亮一些,那么结果色将更亮;

5fc191bfb841dad47827a371819e9558.png
e9b7d0dfce94a84c6a718b52bb31639f.png

如果混合色比基色更暗一些,那么结果色将更暗,使图像的亮度反差增大。

4b12be4e0136731698219294089050c7.png

15、强光混合模式

强光混合模式是正片叠底模式与滤色模式的组合。它可以产生强光照射的效果,根据当前图层颜色的明暗程度来决定最终的效果变亮还是变暗。如果混合色比基色的像素更亮一些,那么结果色更亮;如果混合色比基色的像素更暗一些,那么结果色更暗。这种模式实质上同柔光模式相似,区别在于它的效果要比柔光模式更强烈一些。在强光模式下,当前图层中比50%灰色亮的像素会使图像变亮;比50%灰色暗的像素会使图像变暗,但当前图层中纯黑色和纯白色将保持不变。

0e33e58c634cde01b50873a24731799b.png
f91cb3798e65aefaa92e6902d36d666d.png

16、亮光混合模式

亮光混合模式通过增加或减小对比度来加深或减淡颜色的。如果当前图层中的像素比50%灰色亮,则通过减小对比度的方式使图像变亮;如果当前图层中的像素比50%灰色暗,则通过增加对比度的方式使图像变暗。亮光模式是颜色减淡模式与颜色加深模式的组合,它可以使混合后的颜色更饱和。

e1781664eac64c69ab9c6e6d91a20a9e.png
de9c20b34b0e54afe903371aaf76dfc9.png

17、线性光混合模式

线性光混合模式是线性减淡模式与线性加深模式的组合。线性光模式通过增加或降低当前图层颜色亮度来加深或减淡颜色。如果当前图层中的像素比50%灰色亮,可通过增加亮度使图像变亮;如果当前图层中的像素比50%灰色暗,则通过减小亮度使图像变暗。与强光模式相比,线性光模式可使图像产生更高的对比度,也会使更多的区域变为黑色或白色。

2d4bec0d542835186c4a02af6b2901d7.png
eb31a55ac3bfbfb120c47e6ba722cd72.png

18、点光混合模式

点光混合模式其实就是根据当前图层颜色来替换颜色。若当前图层颜色比50%的灰亮,则比当前图层颜色暗的像素被替换,而比当前图层颜色亮的像素不变;若当前图层颜色比50%的灰暗,则比当前图层颜色亮的像素被替换,而比当前图层颜色暗的像素不变。

121ce79599252547163afe1f98248be8.png
751ccacd767e04fbd2f6453f2c02d3f3.png

19、实色混合混合模式

实色混合模式下当混合色比50%灰色亮时,基色变亮;如果混合色比50%灰色暗,则会使底层图像变暗。该模式通常会使图像产生色调分离的效果减小填充不透明度时,可减弱对比强度。

5039bf7fa32138867aa9406113d5cdea.png
8f228b34ab84055ad92df906bc2298f9.png

对比性强

f8b976cfe47ae4b5d4158cbd2a8215db.png

20、差值混合模式

差值混合模式将混合色与基色的亮度进行对比,用较亮颜色的像素值减去较暗颜色的像素值,所得差值就是最后效果的像素值。

79b2c31b3e6d24c98a8051b4ac3a2113.png
809016a8f434b3080d38647924b4beef.png

21、排除混合模式

排除混合模式与差值模式相似,但排除模式具有高对比和低饱和度的特点,比差值模式的效果要柔和,明亮。白色作为混合色时,图像反转基色而呈现;黑色作为混合色时,图像不发生变化。

4beea283f47ae90e45c2e45be49c4007.png

22、减去混合模式

减去混合模式是基色的数值减去混合色,与差值模式类似,如果混合色与基色相同,那么结果色为黑色。

1e95fdcd79b92d72cba9d0e1697a3c8c.png

所看到的图像是,减去上面图层颜色的同时,也减去了上面图层的亮度,越亮减的越多,越暗减得越少。

23、划分混合模式

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

ac6fa4a55f6e55614295809a1e4402fa.png

24、色相混合模式

色相混合模式是选择基色的亮度和饱和度值与混合色进行混合而创建的效果,混合后的亮度及饱和度取决于基色,但色相取决于混合色。

8ab4e58454d0b59704faade8e04a2bdd.png

25、饱和度混合模式

饱和度混合模式是在保持基色色相和亮度值的前提下,只用混合色的饱和度值进行着色。基色与混合色的饱和度值不同时,才使用混合色进行着色处理。若饱和度为0,则与任何混合色叠加均无变化。当基色不变的情况下,混合色图像饱和度越低,结果色饱和度越低;混合色图像饱和度越高,结果色饱和度越高。

1df002bb1288ac8ebae3a70a0459fe17.png

26、颜色混合模式

颜色混合模式引用基色的明度和混合色的色相与饱和度创建结果色。它能够使用混合色的饱和度和色相同时进行着色,这样可以保护图像的灰色色调,但结果色的颜色由混合色决定。颜色模式可以看作是饱和度模式和色相模式的综合效果,一般用于为图像添加单色效果。

c9ef94864f0a763932e8c268b036d50d.png

27、明度混合模式

明度混合模式使用混合色的亮度值进行表现,而采用的是基色中的饱和度和色相。与颜色模式的效果意义恰恰相反。

72e6dc34e68b1715fd225c27bbbeffb5.png

以上便是图层27种混合模式啦,希望这篇文章对你们有所帮助~

说明:作者只在知乎和公众号西瓜视觉创作,知乎免费为大家分享教程,公众号西瓜视觉免费为大家分享安装包、插件、笔刷等
d9e18209438b8f574cac9474c1e9ad58.png



推荐阅读
  • 本文详细解析了JavaScript中相称性推断的知识点,包括严厉相称和宽松相称的区别,以及范例转换的规则。针对不同类型的范例值,如差别范例值、统一类的原始范例值和统一类的复合范例值,都给出了具体的比较方法。对于宽松相称的情况,也解释了原始范例值和对象之间的比较规则。通过本文的学习,读者可以更好地理解JavaScript中相称性推断的概念和应用。 ... [详细]
  • 本文介绍了在Python3中如何使用选择文件对话框的格式打开和保存图片的方法。通过使用tkinter库中的filedialog模块的asksaveasfilename和askopenfilename函数,可以方便地选择要打开或保存的图片文件,并进行相关操作。具体的代码示例和操作步骤也被提供。 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 如何去除Win7快捷方式的箭头
    本文介绍了如何去除Win7快捷方式的箭头的方法,通过生成一个透明的ico图标并将其命名为Empty.ico,将图标复制到windows目录下,并导入注册表,即可去除箭头。这样做可以改善默认快捷方式的外观,提升桌面整洁度。 ... [详细]
  • 大连微软技术社区举办《.net core始于足下》活动,获得微软赛百味和易迪斯的赞助
    九月十五日,大连微软技术社区举办了《.net core始于足下》活动,共有51人报名参加,实际到场人数为43人,还有一位专程从北京赶来的同学。活动得到了微软赛百味和易迪斯的赞助,场地也由易迪斯提供。活动中大家积极交流,取得了非常成功的效果。 ... [详细]
  • 生成对抗式网络GAN及其衍生CGAN、DCGAN、WGAN、LSGAN、BEGAN介绍
    一、GAN原理介绍学习GAN的第一篇论文当然由是IanGoodfellow于2014年发表的GenerativeAdversarialNetworks(论文下载链接arxiv:[h ... [详细]
  • 家装日记六:家具采购和瓷砖选择
    本文记录了作者进行家装的过程,包括家具采购和瓷砖选择。作者介绍了自己家的装修风格以及选择烤漆家具和红白系列的原因。作者还提到了装修风格以简约为主,不可以太花哨的要求。最后,作者提到了价格较贵的问题。 ... [详细]
  • windows便签快捷键_用了windows十几年,没想到竟然这么好用!隐藏的功能你知道吗?
    本文介绍了使用windows操作系统时的一些隐藏功能,包括便签快捷键、截图功能等。同时探讨了windows和macOS操作系统之间的优劣比较,以及人们对于这两个系统的不同看法。 ... [详细]
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同,令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望,认为人类有能力不断改善自己。 ... [详细]
  • 本文讨论了当某位排位靠前的涉众提供了一张精美的界面图片时,是否可以将其作为设计约束。同时还探讨了高质量素材和愿景之间的关系,以及老大自身的软件方法和建模技能。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
author-avatar
love四叶草health
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有