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

相关推荐

  • sketch 44.1+汉化插件下载

    如果你喜欢UI设计如果你喜欢高效设计如果你喜欢简洁的设计最重要的,你得有个Macbook pro !Macbook pro!Macbook pro  !不要提什么macbook air,因为你是设计师,设计师,设计师。官网地址http://www.sketchcn.com/,可免费下载体验30天。  很值得购买的软件,只需要$99为什么选择 SketchSketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用,所...

    2018-04-22
  • 2016年网页设计趋势:卡片式设计如何在占尽优势?

    在现实生活在,视觉信息总是很吸引人的眼球,卡片设计的应用不仅仅只是一种趋势。

    2017-05-26
  • 英国各大院校交互设计专业的侧重点!

    随着网络和新技术的发展,人们越来越重视交互的体验,许多公司、网站、APP都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面的影响,交互设计师也越来越受到重视。因此,许多同学在选择留学时,都会考虑英国的交互设计专业。交互设计专业在英国已经有半个世纪的历史,教学模式是:用心理学发现问题,用数学证明问题,用计算机解决问题。英国交互设计专业分为两个方向:1.Human Computer Interaction(HCI,人机交互设计)...

    2018-04-27
  • 交互设计中,你不可不知的八个度

    数十万互联网从业者的共同关注!作者:李煜佳,华为交互设计师。专注于用户体验及服务设计,擅长设计分析、交互设计、细节体验提升等工作。作者原创并投稿早读课发表,转载请联系作者。欢迎投稿到早读课,投稿邮箱…

    2017-08-01
  • 院士谭铁牛:人工智能的10件大事和10大趋势

    8月26日至27日,2016中国人工智能大会(CCAI 2016)在北京召开,在26日的主题报告环节,中国科学院副院长、中国科学院院士、中国人工智能学会副理事长谭铁牛先生做了题为《关于人工智能发展的思考》的主题演讲。

    2016-08-31
  • Welcome to the Gutenberg Editor

    The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole post is composed of pieces of content—somewhat similar to LEGO bricks—that you can move around…

    2023-03-03
  • 产品设计不能闭门造车

     用户调研的重要性不言而喻,没有用户调研的产品设计是闭门造车,不能完美解决用户的痛点,自然也不能创造最大的价值,那么用户调研到底应该怎么做呢? 产品不同阶段的诉求之前的文章中,笔者提到过用户体验5要素,…

    2017-03-28
  • 一次关于梦想、音乐和代码的交互设计体验

    ▲ Arcade Fire··[Way to Go] 这是树林里的一次漫步, 这是一次惊人的互动体验。 一个不安分的全景, 一次手工制作动画, 用360度视频(精选)拍摄, 混合着音乐、梦想、还有…

    2017-08-02
  • 为了色盲用户的友好体验,你应该注意五点

    世界范围内,每12个男性中有1名男性、每200名女性中有1名女性受色盲或者色觉缺失(CVD)的影响。这意味着每100个web或app用户中,至少有8个人的实际体验和你的预期有很大差别。如何确保你的设计对这些用户也有足够的吸引力?我们会在本文提出一些方法帮助大家。别急着满带恐慌地投奔你的设计团队,先来看看我们列出的色彩可用性设计的几项重要事项。

    2017-05-05
  • 交互设计暑假基础进阶班报名通道开启中

    编辑//花花对于考研,方向大于努力,为了找准跑道,慢慢摸索的路上你听了很多分享会,看过很多大牛干货,但是实践才能见真知,经验谈打不了胜战,没有领路人,考研太容易进入误区。这个暑假我们针对考研,定制了一套造型能力训练考研强化班,其作用在于,用最专业的的指导,在短时间内向学员传授训练手绘提高造型能力的方法。课程介绍01Day 01Introducing Interaction Design交互设计概论认识什么是交互设计,了解交互设计的历史演...

    2018-04-08