热门标签 | 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



推荐阅读
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 三星W799在2011年的表现堪称经典,以其独特的双屏设计和强大的功能引领了双模手机的潮流。本文详细介绍其配置、功能及锁屏设置。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 1.如何在运行状态查看源代码?查看函数的源代码,我们通常会使用IDE来完成。比如在PyCharm中,你可以Ctrl+鼠标点击进入函数的源代码。那如果没有IDE呢?当我们想使用一个函 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 深入理解C++中的KMP算法:高效字符串匹配的利器
    本文详细介绍C++中实现KMP算法的方法,探讨其在字符串匹配问题上的优势。通过对比暴力匹配(BF)算法,展示KMP算法如何利用前缀表优化匹配过程,显著提升效率。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • 本文探讨了卷积神经网络(CNN)中感受野的概念及其与锚框(anchor box)的关系。感受野定义了特征图上每个像素点对应的输入图像区域大小,而锚框则是在每个像素中心生成的多个不同尺寸和宽高比的边界框。两者在目标检测任务中起到关键作用。 ... [详细]
  • 本文介绍如何通过注册表编辑器自定义和优化Windows文件右键菜单,包括删除不需要的菜单项、添加绿色版或非安装版软件以及将特定应用程序(如Sublime Text)添加到右键菜单中。 ... [详细]
  • 如何高效创建和使用字体图标
    在Web和移动开发中,为什么选择字体图标?主要原因是其卓越的性能,可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程,并提供了专业建议。 ... [详细]
  • 苹果新专利或将引领无边框手机时代
    苹果公司最近公布了一项新的专利技术,该技术能够在设备屏幕中嵌入光线传感器,这标志着苹果在实现无边框手机设计上迈出了重要一步。这一创新将极大提升手机的屏占比,并可能为未来的iPhone带来革命性的变化。 ... [详细]
  • 本文介绍如何使用 Python 提取和替换 .docx 文件中的图片。.docx 文件本质上是压缩文件,通过解压可以访问其中的图片资源。此外,我们还将探讨使用第三方库 docx 的方法来简化这一过程。 ... [详细]
  • RT,个人博客图片管理(方便管理,大家 ... [详细]
  • 2023年京东Android面试真题解析与经验分享
    本文由一位拥有6年Android开发经验的工程师撰写,详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]
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社区 版权所有