您当前的位置:首页 > 电脑百科 > 软件技术 > PS/设计

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

时间:2021-03-11 10:24:34  来源:  作者:

今天我们来说“色相饱和度”是什么?这期内容相比之前就容易多了。

还认识这个吗?

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

红框处的内容现在都可以看明白了吧。

1、RGB:光的三原色;

2、CMY:色的三原色;

3、这是两种不同的色彩调节方法;


所以我们今天着重讲“HSB颜色模式”,首先说重点。

1、翻译成中文叫做:H色相;S饱和度;B明度;

2、为什么说这个颜色模式很容易理解呢?因为你再也不需要像RGB和CMY去计算颜色了;

3、回想一下,在RGB和CMY的颜色模式里,你想得到颜色是不是要去计算?

比如R(红色)+G(绿色)=(Y黄色),是不是有点烦人?如图:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 


假设我把其它地方都遮盖住,你再观察:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

亲爱的朋友,麻烦帮我调一个“品红色”出来,是不是就懵圈了?


没有对比就没有伤害,所以说HSB的调色方法更加直观:

因为HSB是基于人眼对于色彩的感知,从而形成的一种颜色模式。

这个怎么理解呢?

同样的需求,利用“HSB”把“品红色”调出来:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

看到这根竖条了吗?你能想到的任何颜色都在上面,因为你直接就可以看见它。

所以你只需要移动滑块,即可解决:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

是不是非常容易?因为你再也不用计算了,所见即所得。


请问刚才调节的是什么?

答:你看上图,当我调节的时候,只有“H色相”发生了变化,“S饱和度”和“B明度”都没有任何变化。所以上图中的这根竖条代表了颜色的色相。

你可以理解为色相就是颜色的相貌。

如果以后你听到有人说:这个颜色太丑了,能不能换个颜色?指的就是换一下颜色的色相。这样解释可以听明白吧!


但你发现色相的单位是用“度”来表示的,如图:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

如何理解呢?

1、我们都看过世界地图和地球仪,世界地图经过弯曲就变成了地球仪;

2、上图中的“色相条”就是世界地图,当我把“色相条”弯曲的时候就变成了“色相环”;

然后就变成这样了:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

是不是很容易理解。一下就知道为什么要用“度”这个单位来表示了。

所以以后在工作中,你只需要大概知道180度的位置是一个“青色”、45度的位置是个“黄色”、90度是个绿色... ...就可以了。

因为你的眼睛已经完全可以感受到色相不同的变化了,所以只需要了解即可。


接下来是重点

有没有发现一个问题:

为什么色相环里面没有白色和黑色?

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

所以必须要清楚:黑色和白色是没有色相的,这个对你今后进一步了解颜色有非常大的帮助。


如何证明?

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

上图有四种颜色,然后新建一个图层,把图层混合模式更改为“颜色”模式。


然后用画笔随便选择一个颜色在上面涂抹:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

你会发现,当画笔涂抹到白色和黑色上面的时候,不会有任何反应。就是因为黑白不具备色相,所以不可能叠加颜色上去。


为什么有时候抠图或者填色的时候碰到有白边,很难去用颜色遮盖?

其实就是这个道理,因为白色没有色相,你想用颜色去遮盖还想产生叠加的效果,那是不可能的。但在PS里面有其他办法解决,我将会在下期里面做介绍。

以上就是关于“色相”的知识点。


接下来我们说“S饱和度”和“B明度”

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

既然色相你都弄明白了,饱和度和明度一看就明白。


想象一个场景:

你新买了一件衣服,比如是这个颜色:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 


如果你的朋友说:

1、“橘色太丑了”,其实就是说色相不好看;然后你就换了个颜色,变成了这样:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

如果有人和你说

换个颜色... ...

这个色调太丑... ...

这个颜色不好看... ...

一般指的就是“色相”。


2、好不容易换了一件,接下来你的朋友又说:红色还可以,就是有点太红了。其实就是说饱和度太高了。

然后你又换了一件:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

如果有人和你说:

颜色太红了... ...

太鲜艳了... ...

这个颜色很浓... ...

淡一点更好看... ...

这个颜色太深了... ...

一般指的就是“饱和度”。


2、最后你的朋友又说:现在非常好了,如果颜色再亮一点就更好看了。其实就是说的衣服颜色明度太低。

然后就变成了这样:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

比如:

颜色亮一点... ...

颜色暗一点... ...

黑一点、白一点... ...

一般指的就是“明度”,调整的明度的过程其实就是在颜色里面加白色或黑色。


看到这里不用解释下去,你就已经明白了“饱和度”和“明度”的意思,你只需要留意:

1、色相的单位是“0-360度”;

2、饱和度和明度的单位是“0-100%”

3、横向从左往右表示饱和度从低到高,纵向从上往下表示明度从明到暗;

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 


通过上面的故事场景,你发现:

1、即使没有任何颜色基础的人都可以根据喜好来判断颜色。

2、其实就是通过HSB的颜色模式来进行判断的。

3、所以这足以说明一件事情:就是HSB是基于人眼对色彩的感受形成的一种颜色模式,它更加直观,所以人人都会使用它。


接下来把更换衣服颜色的小案例整理一下

我把调整的图片给你看一下,就明白是怎么回事了:

之前:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 


之后:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 


PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

你发现我只做了三件事情:

第一步:选择了衣服上的黄色,作为需要调节的颜色;

第二步:针对衣服本来的黄色,做了色相、饱和度、明度的调节;

第三步:当调节完色相饱和度后,衣服之外很多区域受到了颜色的影响,所以把不需要的地方用蒙版遮盖了一下即可;


但这个工具有两个小技巧可以协助你做选择:

第一个:发现这个“小手指”了吗?

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

当你点击这个小手指可以吸取图片上你想要调节的颜色,这样更省事一点。


第二个:发现下方的色相条了吗?

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

它的功能就是:

1、当你在更改色相的时候,这个色相条可以起到控制颜色选择范围的作用;

2、比如你选择的黄色,你可以左右移动色相条上面的小白条;

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

3、这样就可以控制黄色的显示范围了;

我之前有一期“修改牙齿颜色”的视频,上面详细讲解了色相饱和度的使用场景。如果想了解的话可以看看,因为这个的确太简单了。

今天我们主要还是讲解原理,你发现当明白原理后,就非常简单了。


接下来让你更加深刻的理解HSB。

牛奶的下方有两颗蜜枣,如何改变蜜枣的颜色?

如图:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 


只需要新建一个“色相饱和度”的调整图层

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 


PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 


很简单,当你拖动色相滑块的时候,蜜枣的颜色就会发生变化。

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 


在这里必须明白,你在针对整张图片在调色。

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

那为什么图片中的牛奶、背景、还有黑枣没有发生任何变化?

即使你用尽全力去更改颜色,也不会有任何效果。这就印证了刚才说的“黑色和白色是没有色相的”说法。


肯定有人会说用“着色”,明确告诉你,出来的颜色会很假,如图:

PS如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

 

其实想要给白色或者黑色的物体在Photoshop中上色,是有办法解决的,但不在今天的知识范畴里面,我们后面会慢慢讲到。


总结

1、学习颜色知识时,主要时间应该放在原理的理解层面,不要在原理没有弄明白的时候就开始使用工具;

2、HSB的颜色模式是基于人眼对色彩的感受,从而得到的颜色模式,所以它非常直观;

3、正式因为任何人都是基于HSB来感知颜色的,所以我们在选取一个颜色的时候,应该首先确定“色相”、然后确定“饱和度”、最后再来确定“明度”。不要做无用功;



Tags:PS   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
【简介】大家好,我是不二何(68ID:何旭阳),很荣幸受邀此次的68Design专访! 目前我是一位自由设计师,平时除了承接一些商业项目之外,也会更新视频号、小红书等短视频平台。其中小红书...【详细内容】
2021-12-27  Tags: PS  点击:(1)  评论:(0)  加入收藏
Retouch Pro是一款优秀的图像修饰插件,帮助ps用户更快地进行图像照片的修饰。 由于其强大的人工智能系统,您可以轻松就获得专业的效果,并且比以往的手动更快,效果更好,操作更简单...【详细内容】
2021-12-27  Tags: PS  点击:(4)  评论:(0)  加入收藏
大家好!我是老码农,一个喜欢技术、爱分享的同学,从今天开始和大家持续分享JVM调优方面的经验。JVM调优是个大话题,涉及的知识点很庞大 Java内存模型 垃圾回收机制 各种工具使用 ...【详细内容】
2021-12-23  Tags: PS  点击:(11)  评论:(0)  加入收藏
最终效果 1、新建文件打开PS软件,按Ctrl + N 新建文件,尺寸为1920×1308像素,分辨率为72像素/英寸,如下图,然后确定。 2、导入房间素材打开素材包中的房间素材,用移动工具...【详细内容】
2021-12-22  Tags: PS  点击:(5)  评论:(0)  加入收藏
下载Eclipse RCP IDE如果你电脑上还没有安装Eclipse,那么请到这里下载对应版本的软件进行安装。具体的安装步骤就不在这赘述了。创建第一个标准Eclipse RCP应用(总共分为六步)1...【详细内容】
2021-12-22  Tags: PS  点击:(7)  评论:(0)  加入收藏
log4j漏洞的形成原因已经有很多分析文章了,这里说一说我是如何在了解到有漏洞后,跟进漏洞产生原理的,以及发现的一些绕WAF tips跟进漏洞产生原因的思路如何发现漏洞产生的原因...【详细内容】
2021-12-22  Tags: PS  点击:(6)  评论:(0)  加入收藏
1. 前言本文主要讲解如何在Linux上使用tinyproxy搭建HTTP/HTTPS代理器。tinyproxy是一个HTTP/HTTPS代理。它是轻量级的、快速的、非常容易配置的,而且是一个开源的代理服务。...【详细内容】
2021-12-08  Tags: PS  点击:(16)  评论:(0)  加入收藏
由于https 使用了 TLS/SSL 加密条件,我们无法直接在wireshark的中读取到数据内容,我们先看一下正常的http包的内容。可以直接读取到http的header 和body。 但如果是https 则不...【详细内容】
2021-12-01  Tags: PS  点击:(29)  评论:(0)  加入收藏
实验拓扑 图 1-1注:如无特别说明,描述中的 R1 或 SW1 对应拓扑中设备名称末尾数字为 1 的设备,R2 或 SW2 对应拓扑中设备名称末尾数字为 2 的设备,以此类推;另外,同一网段中,IP 地...【详细内容】
2021-11-24  Tags: PS  点击:(38)  评论:(0)  加入收藏
与大家分享一下有关制作身份证电子版时四周圆角处理的具体方法。方法/步骤首先,我们利用WPS打开相应的身份证扫描件,选中图片,点击“裁剪图片”按钮。 此时将显示“裁剪方式”...【详细内容】
2021-11-09  Tags: PS  点击:(196)  评论:(0)  加入收藏
▌简易百科推荐
【简介】大家好,我是不二何(68ID:何旭阳),很荣幸受邀此次的68Design专访! 目前我是一位自由设计师,平时除了承接一些商业项目之外,也会更新视频号、小红书等短视频平台。其中小红书...【详细内容】
2021-12-27  68Design    Tags:PS   点击:(1)  评论:(0)  加入收藏
Retouch Pro是一款优秀的图像修饰插件,帮助ps用户更快地进行图像照片的修饰。 由于其强大的人工智能系统,您可以轻松就获得专业的效果,并且比以往的手动更快,效果更好,操作更简单...【详细内容】
2021-12-27  设计师臭豆腐    Tags:Ps   点击:(4)  评论:(0)  加入收藏
早在 2015 年,就有报道称,到 2022 年底,仅英国的创意产业就需要 120 万名新工人。当然,世界与 2015 年的情况大不相同——但如果任何事物都需要比预期更多的创造力,而...【详细内容】
2021-12-22  Adobe国际认证    Tags:Adobe   点击:(10)  评论:(0)  加入收藏
最终效果 1、新建文件打开PS软件,按Ctrl + N 新建文件,尺寸为1920×1308像素,分辨率为72像素/英寸,如下图,然后确定。 2、导入房间素材打开素材包中的房间素材,用移动工具...【详细内容】
2021-12-22  PS教程240PS    Tags:PS   点击:(5)  评论:(0)  加入收藏
经常和大家分享PPT技巧,不知道大家有没有进步?今天直接来个重磅分享。你知道,一些大厂的路演、发布会PPT的设计师,平时浏览什么设计网站吗? 作为PPT设计师,平时也会看一些创意设计...【详细内容】
2021-12-15  旁门左道PPT    Tags:设计师   点击:(19)  评论:(0)  加入收藏
今天来说使用CAD梦想画图软件绘制一个CAD小白基础题。操作工具操作系统:Windows10CAD软件:CAD梦想画图步骤1.先画一个半径为100的圆,如下图所示:画圆 2.接着使用多边形命令(POL)画...【详细内容】
2021-12-15  CAD梦想画图    Tags:CAD   点击:(16)  评论:(0)  加入收藏
详情页是消费者进店后决定是否购买产品的页面,是电商产品重要的落地点。在消费者找到自己心仪的产品后,详情页满足了消费者了解产品的所有信息的诉求,就像一个经验丰富的售货员,对产品的每细节娓娓道来。定义好产品属性后...【详细内容】
2021-12-15  设计智造    Tags:详情页   点击:(8)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计) ▲音乐学校创意 ▲轮胎创意 ▲啤酒创意 ▲糕点创意 ▲旅游公司创意 ▲抵制家庭暴力公益宣传 ▲食品创意 ...【详细内容】
2021-12-15  设计智造    Tags:广告设计   点击:(10)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计)启动画面是在APP启动时全屏展示的简单占位图,其作用是用户打开APP,程序在运行时可能因为网络、程序本身等原因需要加载几秒钟的等待...【详细内容】
2021-12-15  设计智造    Tags:界面设计   点击:(20)  评论:(0)  加入收藏
Don Tuch 是一家位于墨西哥城的快餐店。其源自于Yucatán半岛的美食传统,是以一种令人难忘的独特方式融合了正宗风味的食品概念。Don Tuch以一种有趣和轻松的方式向Yuc...【详细内容】
2021-12-15  致美设计    Tags:包装设计   点击:(11)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条