你了解上一期的配色知识吗?

1.最近几期,我们一直在重复一个问题,那就是光和色的混合;

2.我们利用它们之间的混色原理,然后用photoshop的“可选色”来调整颜色;

3.难点在于需要了解两种颜色模式的区别和混合原理;

4.这些原则可能你很难记住,因为它们相当无聊;

5.但如果你充分了解了它们之间的本质区别,就不会影响我们日常的配色需求。

对我们今天来说,“色调饱和度”是什么?这个问题比以前容易多了。

你还知道这个吗?

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如何对照片进行调色?色相饱和度是什么?轻松理解颜色知识

不是很容易吗?因为你不用再计算了,你看到的就是你得到的。

刚才的调整是什么?

a:从上图可以看到,我调整的时候,只有“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感知颜色的,所以在选择颜色时,我们应该首先确定色调,然后是饱和度,最后是明度。不要无所事事;

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

发表评论

您的电子邮箱地址不会被公开。