教你掌握27种图层混合模式的用法

嗯,让我们从最最基础的说起——像素。你就把他当成一个个五颜六色的小色块.这些小色块们都有一个特定的标记值,比如,RGB值,CMYK值了。当然透明色块也是像素,不过值是零罢了。我们的计算机就是靠识别这些数值来认识颜色的。

嗯,让我们从最最基础的说起——像素。你就把他当成一个个五颜六色的小色块.这些小色块们都有一个特定的标记值,比如,RGB值,CMYK值了。当然透明色块也是像素,不过值是零罢了。我们的计算机就是靠识别这些数值来认识颜色的。

Ok,我们再来看三个概念:

基色,混合色,结果色

(以下的示意图如无特别说明均来自于我们伟大的啊逗比PhotoShop)

教你掌握27种图层混合模式的用法

很好理解是不是,如果你新建了一个白色背景的画布,那么这个白色就是基色。再比如,你再牛皮纸上作画,那么,那黄黄的颜色就是你的基色了。

混合色就是我们所选的前景色,这里我选择了红色。

结果色,在正常模式下,这个结果是应该是红色的,但是由于我调整了一定的画笔透明度,所以底部的白色有一部分显示出来了,得到这种类似于粉色的结果色。

(呸呸呸,这么简单,还说这么多,你真是啰嗦啊)

教你掌握27种图层混合模式的用法

这种方式也是我们画家作画的基础,但是在我们的数字时代,所谓的电子画布上,是不是可以哟更多的选择呢?

比如,我们只混合颜色的明亮度,而饱和度和色相都不发生变化;

比如,我们值混合暗部的颜色,或者只混合亮部的颜色呢。

所以,PS出现了,LOOK!

教你掌握27种图层混合模式的用法

这货一共有六组27种混合模式,掉渣天啊,天里边全是渣~

OK,回到问题,原谅我上文都跑偏了~

PS中图层混合模式中柔光、叠加、强光等原理是什么?

正常模式组:

正常:编辑或者绘制每个像素,使其成为结果色;

溶解:编辑或者绘制每个像素,使其成为结果色,但是根据像素位置的不透明度,随机替换基色和混合色。

变暗模式组:

变暗:查看每种颜色的颜色信息,选择基色和混合色中较暗的颜色作为结果色,比混合色亮的像素被替换,比混合色暗的像素保持不变

正片叠底:查看每种颜色的颜色信息,并将基色和混合色复合,(任何颜色与白色复合保持不变,与黑色复合变为黑色)所以结果色总是较暗的颜色。由于存在复合的步骤,所以正片叠底的效果比变暗模式显得更加自然和柔和,所以,这个也是很常用的叠加模式了。

颜色加深:查看每种颜色的颜色信息,通过增加对比度使基色变暗来反衬混合色,当然,与白色混合后不产生任何变化,由于效果比较生硬,话说,我好像都没有用到过。

线性加深:查看每种颜色的颜色信息,通过减小亮度使基色变暗来反衬混合色,与白色混合不产生变化,与颜色加深模式有些类似。

深色,这个最简单了,查看基色和混合色的信息,选取其中较深的颜色作为混合色,所以不会产生新的颜色

变亮模式组

变亮:查看每种颜色的颜色信息,选择基色和混合色中较亮的颜色作为结果色,比混合色暗的像素被替换,比混合色亮的像素保持不变

滤色:查看每种颜色的颜色信息,并将基色和混合色复合,(任何颜色与黑色复合保持不变,与白色复合变为白色)所以结果色总是较亮的颜色。这个简直是太常用了。

颜色减淡:查看每种颜色的颜色信息,通过增加对比度使基色变亮来反衬混合色,当然,与黑色混合后不产生任何变化,由于效果比较生硬。

线性减淡:查看每种颜色的颜色信息,通过增加亮度使基色变暗来反衬混合色,与黑色混合不产生变化,与颜色减淡模式有些类似。

浅色,这个最简单了,查看基色和混合色的信息,选取其中较浅的颜色作为混合色,所以不会产生新的颜色

叠加模式组

叠加:复合或者过滤颜色,具体取决于基色,图案或者颜色在现有基础上相加,同时保留基色的明暗对比,不替换基色,但基色与混合色互相混合后反映颜色的亮度和暗度

柔光:使颜色变量或者变暗,具体取决于混合色

强光:复合或过滤颜色,具体取决于混合色

亮光:通过增加或者减小对比度来使图像更亮或者更暗,具体取决于混合色

线性光:线性光是“线性加深”和“线性减淡”的马太效应组合,亮更亮,暗的更暗

点光:点光就是“变亮”和“变暗”的马太效应组合,亮更亮,暗的更暗

实色混合:查看每个通道的颜色信息,根据混合色替换颜色,如何混合色比50%的灰色亮,则替换此混合色为白色,反之,则为黑色,实际上这货就是把灰度图像转换成了黑白图像了。

差值模式组

差值:查看每个颜色的颜色信息,从基色中减去混合色,或者从混合色中减去基色,具体看谁的颜色数值更大,与白色混合反转基色值,与黑色混合不产生变化。

排除:效果跟差值类似,但是对比度更低的效果

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

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

色相组:

色相:结果色保留混合色的色相,饱和度及明度数值保留明度数值。

饱和度模式是用混合色的饱和度以及基色的色相和明度创建结果色 颜色模式是用混合色的色相,饱和度以及基色的明度创建结果色。

明度混合模式是利用混合色的明度以及基色的色相与饱和度创建结果色。她跟颜色模式刚好相反,因此混合色图片只能影响图片的明暗度,不能对基色的颜色产生影响,黑、白、灰除外。黑色与基色混合得到黑色;白色与基色混合得到白色;灰色与基色混合得到明暗不同的基色。

 

原文地址:zhihu

作者:李明姝

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/32337/

(0)
CatherineCatherine
上一篇 2017-06-05 00:31
下一篇 2017-06-05 02:32

相关推荐

  • 如何用axure参与团队项目

    1、下载安装axure破解版,可以去axure.com下载。这里为了方便大家,分享个人的百度云盘资源,链接:https://pan.baidu.com/s/1o9qFOyY 密码:hodp2、下载File Zilla,File Zilla从百度上搜索即可下载,这里不需要多言,以下主要讲讲如何配置File Zilla。Ctrl+S创立本地站点,输入主机IP地址,协议默认是SFTP,输入团队用户&密码,点击连接,进入团队项目。3、在团队项目...

    2018-03-15
  • 基础知识小科普!4个最常见的APP概念区分及比较

    @凌霜设计 :现在关于移动应用的概念有许多:Native App, Responsive Web, Web App, Hybrid App,搞清楚这几个概念的区别和各自的优劣对于设计师来说很重要,这篇文章较为全面地探讨了这几个概念,值得初学者阅读,…

    交互设计 2015-09-15
  • 关于假设和极致

    作者:杨蓉(资深用研专家,现任极客网运营总监)   假设的意义 今天看到一本质性研究的书,在讨论定量定性的研究方法的时候,会说定性通常被质疑的是“不够客观”,所以作者开始一大篇幅,在讨论“客观性”是什么,就…

    交互专题 2017-08-07
  • 浅谈设计中的逻辑

    逻辑(理则学),源自古典希腊语λόγος (logos),最初的意思是“词语”或“言语”,还引申出意思“思维”或“推理”。逻辑经常被认为对论证评价准则的研究,尽管逻辑的精确定义在哲学家之间尚有争议的事情。这个主题还是有所…

    2014-09-19
  • [交互留学]英国HCI方向交互设计院校推荐

    之前很多设计相关专业的小伙伴问马克君,是否能够申请HCI方向的交互设计专业,马克君给出的答案是肯定可以,但是你在准备时需要比申请IxD方向的交互要更偏重提升自己的计算机方向的能力。对于HCI和IxD两个交互方向…

    2017-08-02
  • IAMUE 移动客户端的设计作品分享

    Wechat: caochengweiued 分享了他对 IAMUE 移动客户端的设计作品,文末有 阿西 UED 的点评! 阿西UED 的点评: Hi 谢谢你的作品分享,总体上来说,依你当前的学生身份或当前的专业程度,做出这样的设计方案有一定的…

    2016-11-21
  • Axure RP - 专业的原型设计工具

    俗话说的好,不会画原型的设计师不是好的产品经理。产品经理的一大技能就是可以熟练使用原型工具,画出优秀的产品原型。Axure RP是一个专业的快速原型设计工具,是美国 Axure Software Solution 公司旗舰的产品。产品经理能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。它比一般创建静态原型的工具如 Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver...

    2018-03-16
  • 免费电话你用了吗?

    随着微信电话本1.0.0版本登录苹果和安卓应用商店,这款智能通讯增强软件也引起了一场热议。在这小编也亲自体验一下并与大家分享,欢迎拍砖~ 安装并打开微信电话本,如图: “免费”二字相当醒目,但真的是免费吗?其…

    2014-11-13
  • 交互实战|覆盖层设计:弹出式半屏页面和弹出式气泡(下)

    上篇《交互实战|覆盖层设计:对话框&浮层(上)》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式:对话框主要分为提示型和输入型两大类;浮层主要分为Toast和Snackbar两类。在下篇中,想要讨论一些不那么常用的覆盖层交互形式:弹出式半屏页面和弹出式气泡。

    2017-05-05
  • Axure RP 8 入门手册 – 第1章(下)

    第2节原型相关的文件类型芝芝:小楼老师,我不小心把软件关闭了,我编辑的文件在哪?小楼:你新建完文件没有保存吗?芝芝:我有生成HTML文件,但是好像不能用软件打开呀?小楼:看在颜值的份上,我给你讲讲吧!与Axure相关的文件有几种类型:分别是“.rp”文件、“.rplib”文件、“.rpprj”文件以及“HTML”文件。“.rp”文件:独立原型项目的源文件,这是最重要的文件,只有这个文件才能进行原型的编辑与输出。“.rpprj”文件:团队...

    2018-03-31