你了解上一期的配色知识吗?
1.最近几期,我们一直在重复一个问题,那就是光和色的混合;
2.我们利用它们之间的混色原理,然后用photoshop的“可选色”来调整颜色;
3.难点在于需要了解两种颜色模式的区别和混合原理;
4.这些原则可能你很难记住,因为它们相当无聊;
5.但如果你充分了解了它们之间的本质区别,就不会影响我们日常的配色需求。
对我们今天来说,“色调饱和度”是什么?这个问题比以前容易多了。
你还知道这个吗?
你现在可以看到红盒子里的所有东西了。
1.RGB:光的三原色;
2.CMY:颜色的三原色;
3.这是两种不同的色彩调整方法;
所以今天我们就来重点讲讲“HSB色彩模式”,首先讲重点。
1.翻译成中文,就叫:H色相;s饱和;b明度;
2.为什么这种颜色图案容易理解?因为你不再需要计算像RGB和CMY这样的颜色;
3.回想一下,在RGB和CMY颜色模式下,是否要计算颜色?
比如R(红色)+G(绿色)=(Y黄色),是不是有点烦?图:
假设我覆盖了剩下的地方,然后你观察:
亲爱的朋友,请帮我调一个“洋红色”,是不是很傻?
没有对比就没有伤害,所以HSB的配色方法更直观:
因为HSB是一种基于人眼对颜色感知的颜色模式。
你怎么理解这个?
同样的需求,使用“HSB”到“洋红色”:
看到这个竖条了吗?你能想到的任何颜色都在上面,因为你可以直接看到它。
所以你只需要移动滑块来解决这个问题:
不是很容易吗?因为你不用再计算了,你看到的就是你得到的。
刚才的调整是什么?
a:从上图可以看到,我调整的时候,只有“H色相”发生了变化,而“S饱和度”和“B明度”则完全没有变化。所以上图中的竖线代表了颜色的色调。
你可以理解色调是颜色的外观。
如果以后听到有人说这个颜色太丑了,可以换一下吗?这意味着改变颜色的色调。这个解释可以理解!
但是你发现色相的单位是用“度”来表示的,如图:
怎么理解?
1.我们都见过世界地图和地球仪,世界地图弯曲后变成地球仪;
2.上图中的“色调条”就是世界地图。当我弯曲“色调条”时,它变成了“相位环”;
然后就变成了这样:
不容易理解吗?你可以看到为什么用“度”这个单位。
所以在以后的工作中,你只需要知道180度的位置是“青色”,45度的位置是“黄色”,90度的位置是绿色。
因为你的眼睛已经可以完全感受到不同色调的变化,你只需要知道。
接下来是重点。
你有没有发现一个问题:
为什么色环里没有白色和黑色?
所以一定要明确:黑色和白色没有色相,这对你以后进一步了解颜色很有帮助。
如何证明?
上图有四种颜色,然后新建一个图层,将图层混合模式改为“颜色”模式。
然后用刷子随机选择一种颜色涂抹在上面:
你会发现,当画笔应用到白色和黑色时,不会有任何反应。因为黑白没有色相,不可能叠加颜色。
为什么素描或上色时有白边有时很难用颜色覆盖?
其实就是因为这个原因,因为白色没有色相,你不可能用颜色去覆盖它,产生叠加效果。但是PS中还有其他的解决方案,我会在下期介绍。
以上是关于“色相”的知识。
接下来,我们说“S饱和度”和“B明度”
既然已经算出了色相,就可以一眼看出饱和度和明度了。
想象一个场景:
你买了一件新衣服,像这样的颜色:
如果你的朋友说:
1.“橙色太丑”,其实是指色调不好看;然后你改变了颜色,变成了这样:
如果有人告诉你
改变颜色......
这颜色太难看了......
这颜色不好看......
一般指“色相”。
2.最后我换了一个,然后你朋友说:红色可以,但是有点太红了。其实饱和度太高了。
然后你又换了一个:
如果有人告诉你:
颜色太红了......
太亮了......
这颜色很浓......
如果轻一点看起来会更好......
这颜色太暗了......
一般指“饱和”。
2.最后你朋友说:现在很好。如果颜色再亮一点会更好看。其实衣服的轻盈度太低了。
然后就变成了这样:
例如:
更明亮的颜色......
稍微暗一点......
稍微暗一点,稍微白一点......
一般指“明度”,调整明度的过程其实就是在颜色上加白或加黑。
看到这里不用解释,你已经明白了“饱和度”和“明度”的含义,你只需要注意:
1.色调的单位是“0-360度”;
2.饱和度和亮度的单位是“0-100%”
3.从左到右的水平方向表示饱和度从低到高,从上到下的垂直方向表示亮度从亮到暗;
通过上面的故事场景,你发现:
1.即使是没有任何颜色基础的人,也可以根据自己的喜好来判断颜色。
2.其实是通过HSB的色彩模式来判断的。
3.所以这足以说明一件事:HSB是基于人眼对颜色感知的颜色模式,比较直观,所以大家都会用。
接下来,整理一下改变衣服颜色的小案例。
我会给你看调整后的图片,你会看到发生了什么:
之前:
之后:
你发现我只做了三件事:
第一步:选择衣服上的黄色作为要调整的颜色;
第二步:根据衣服原本的黄色调整色相、饱和度和明度;
第三步:调整好色相饱和度后,衣服外的很多区域都受到颜色的影响,所以不必要的区域要用口罩遮住。
但是这个工具有两个技巧可以帮助你做出选择:
第一:你找到这个小指了吗?
当你点击这个小指的时候,可以吸收图片中你想要调整的颜色,这样更方便。
第二:你找到下面的色调条了吗?
其功能是:
1.当你改变色调时,这个色调条可以控制颜色选择范围;
2.比如选择黄色,可以左右移动色相栏上的小白条;
3.这样就可以控制黄色的显示范围;
之前有一个“修改牙齿颜色”的视频,详细讲解了色相饱和度的使用场景。如果你想知道,可以看看,因为这个真的太简单了。
今天我们主要讲解原理,你理解了原理就发现很简单。
接下来,让你对HSB有更深入的了解。
牛奶下面有两个蜜枣。蜜枣怎么变颜色?
图:
只需创建一个新的色调饱和度调整层。
很简单,当你拖动色调滑块时,蜜枣的颜色会改变。
这里一定要明白,你是在调色整个画面。
为什么图中的牛奶、背景、黑枣没有变化?
即使你尽力改变颜色,也不会有任何效果。这印证了“黑白不分色相”的说法。
有人肯定会说“着色”来明确告诉你颜色会是假的,如图:
其实在photoshop中有一种给白色或者黑色的物体上色的方法,但是不在今天的知识范畴内,我们后面会讲到。
摘要
1.学习色彩知识时,主要时间应该放在对原理的理解层面上。原理不明白的时候不要开始使用工具。
2.HSB的颜色图案是基于人眼对颜色的感受,所以非常直观。
3.正式来说,因为任何人都是基于HSB感知颜色的,所以在选择颜色时,我们应该首先确定色调,然后是饱和度,最后是明度。不要无所事事;