教你掌握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

相关推荐

  • 选择爱情与用户体验

    用计算机思维的视角来看爱情和用户体验。一、做结婚教练的互联网产品经理最近发现一个心理咨询师现在转型做了一个结婚教练。她是我的一个心理咨询师朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。那么这个结婚教练以前是干什么的呢?她以前也是做过一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何...

    2018-02-03
  • 产品设计评价技巧的那些事(Airbnb产品设计总监)

    分享者:Katie Dill(Airbnb产品设计总监);译者:夏梦竹、张红月   在产品设计中会存在各式各样的评价,也许评价可能会带有一些意见色彩,但这就是它的价值所在。它让我们明白——为何人们喜爱或是讨厌我们的产品。…

    交互专题 2023-03-03
  • 网易云音乐交互负责人|从一次活动设计,聊聊交互设计师的3个阶段

    交互设计师的三阶段:有美感、有逻辑、有sense

    2017-05-18
  • 为Apple Watch设计时需要牢记的一些诀窍

    “想清楚一点,你的智能手表应用为何存在,既然有iPhone应用。”“设计师:理解用户的体验,精确把握介入时机。”“如果你只能描述你所设计的功能,而不是相对应的时刻,那你还有很多事情要做。”

    2017-06-04
  • 产品不能忽视

    在做交互稿或视觉稿的时候,为了让界面尽可能的真实,设计师们会虚拟一些内容放在页面上。但是当看到前端同学产出的demo时,设计师们又总是会觉得为啥和我当初做的页面那么不一样捏?设计师总喜欢把图做的很漂亮,在虚拟页面的内容时,使用漂亮的图片,把内容安排的恰到好处。但是当产出界面demo时,这个页面可能是个空内容的页面,也可能内容很多,导致布局错位。所以在设计界面时,一定不能忽视空状态、内容过多等极限状态。这些状态也许只会在初次使用时遇到,也许只会有很小一部分用户遇到,但是这些都影响着产品的细节品质。

    2014-12-28
  • 译文推荐:设计并非艺术

    “设计并非艺术”的观点让我有些困惑,与我一直以来的认知有些不同。我确实认同艺术是独立于现实目的而存在的创意表达方式,而另一方面,设计虽然有着明确的现实目标,但它不同样也是创意的展示形式吗?我目前很难完全认同你的观点,希望进行更多交流。

    2017-05-27
  • 牛X的交互设计稿应该具备的5个特点

    在交互稿中,除了注意那些既定的、能够清晰辨别出是对是错的内容外,比如功能缺失,逻辑错误等,还有一些更高层次的特点,需要懂得并加以注意。那我们今天就来聊一聊舒服的交互稿应该具有的特点。

    2017-05-11
  • 【文创•职通车】2018校园招聘信息

    序号001未而思伯文化传媒(杭州)有限公司2007 年成立至今,经历了十年的发展,从最初的单一媒介投放板块到如今的以视频内容创作,品牌营销传播为两大核心板块。十年媒体资源、渠道积累,坚持立足浙江为中心,面向江浙沪,以传统媒体+新媒体的渠道传播组合方式。(向上滑动启阅)一、 总监助理( 1 名)职位描述:1、本科以上学历,具有良好的协调沟通能力,良好的文字功底;2、完成总监交代的任务,负责项目的对接协调统筹工作;3、负责总监的工作日程安排...

    2018-03-20
  • 艺计回忆录 | 交互求职

    前几天和胡老板聊起我们这一代人在北上广深踟蹰前行即将奔三时的焦虑,不可避免地说到了职业规划这个话题。 对我们这些刚工作但残留一张学生脸的职场小腊肉来说,现状基本是满意的,前路虽不暗淡却也少不得早早谋划…

    2017-03-07
  • 还原产品的基础属性问题——用户体验

    您真正的了解用户吗?找项目的时候是不是会遇到各种各样的坑?你“以为”和“现实”中究竟有什么区别?我们会不会就是所谓的自嗨型创业者?如何解决以及避免?今天我们即将揭晓!三人行茶学空间打造和谐空间,共享茶文化平台,精准交友,合作共赢。本周日特别邀请我们的会员嘉宾进行主题分享,一起共同成长!本周分享嘉宾:刘岱伦岱伦总2008年创办第一家o2o项目——洗车。到家!2013 年曾创下淘宝细分类目自然搜索排名第一!2015年自主研发无线充电车载净化...

    2018-04-19