打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
原色与补色 色相的改变原理 我用三个工具让你看清它们的工作原理

大家好,我是好色之图。通过上一节的内容《光线中的色彩 影响照片颜色的色光三原色 解读让人困惑的RGB色彩》,我们学习了色光三原色RGB的产生,认识了原色和它们的补色,知道了原色与二次色、三次色之间裂变式的互相混合后,产生了1600多万种新的颜色,这些颜色充斥在我们的世界中,无处不在。

明白了色彩的产生,接下来我们就要聊聊色彩的特点了。

色彩三要素

色彩具有三种基本要素,分别是:

色相(Hue)

饱和度(Saturation)

明亮度(Lightness)

三组英文单词的首字母,就是'HSL',经常使用Camera Raw或者Lightroom的朋友一定相当熟悉这个功能。

Camera Raw和Lightroom中的HSL调整面板

我们分别来解释这三个要素具体是什么意思:

  • 色相:

是指色彩所呈现出来的相貌,色相是色彩的首要特征,是区别各种不同色彩最准确的标准。红色就是红色,黄色就是黄色,这些颜色会有具体的准确参数。

色相演示动图

我们来看一张色相环图片:

RGB色相环

在色相环中,原色补色以及各种混合的颜色都有,这样看可能不太直观,那么我们把这个色相环从正中间的红色部分一分为二,掰开了再看看:

一分为二的色相环

我是从正中间分开两个弧形,将弧形旋转90度之后,大家可以看到,起始位置是红色,到了正中间,就是红色的互补色青色,然后再到结尾,又是红色,看起来是不是与圆环形状的时候一样?如果这两个弧形看着别扭,那我们再把它弄直了,这样看起来就舒服了吧?

色相环变成水平的色相条

从色相环变成了色相条,感觉很眼熟对不对,看看你PS软件中的'色相饱和度'工具,上面是不是有根一模一样的色相条?

色相饱和度工具界面

这根色相条,就等于是掰直了的色相环,所有色彩的相貌,都在里面。

  • 饱和度:

是指色彩的纯度。饱和度越高,颜色越纯,色彩越鲜明;饱和度越低,颜色中灰色成分越大,色彩越黯淡。简单的说,就是表示色彩的浓淡。

颜色的高饱和度和低饱和度对比

  • 明亮度:

是指色彩的明暗程度,是表现色彩层次感的基础。比如在红色中,暗红色和浅红色,就是以明暗度来区分的。

色彩的不同明亮度对比

正是这三种要素,决定了色彩要偏向什么颜色,以怎样的纯度和亮度来表现。所以色彩三要素,决定了色彩的走向。试想一下,如果在我们的数码照片中,你改动任何一个要素,是不是都会让照片颜色发生变化?


好了,色彩三要素先介绍到这里,大家知道这三个要素在颜色中会起到什么作用就可以了,都是些理论上的知识,我只希望大家对这些理论知识有个概念就行,不必死记硬背,这样在未来的工具使用中,才可以互相印证。

接下来我们继续聊三原色与它们的补色。在上一节我们说过:

红色的补色是青色,

绿色的补色是洋红,

蓝色的补色是黄色

原色加上补色,一共是六种主要颜色,这一点需要大家记住,因为在未来的调色工作中,总会遇到这六种颜色。

在PS软件中,有着多种多样的调色工具,其中有一些很简单直观的工具,比如:'色相饱和度'、'色彩平衡'、'可选颜色'等等,其实在这些工具当中,都有三原色及它们的互补色出现,我们来看图:

色相饱和度颜色菜单中的六种主要颜色

这是'色相饱和度'工具的调整面板,当我们点击'全图'这个下拉菜单的时候,你会发现,里面还包含了六种颜色,仔细看看,是不是就是我们前面刚说过的三原色和它们的互补色?

再看其他的工具:

色彩平衡工具左右两边也是这六个主要颜色

'色彩平衡'的调整面板上更加直观,直接就把颜色以可视化的形式体现出来,大家可以看一下,三条颜色带上,右边的是原色,左边相对应的,就是它们的补色。

可选颜色工具的颜色菜单中,也有这六种颜色

'可选颜色'工具里,点击'颜色'下拉菜单,同样也有这六个主要色调,不过这里还多了黑白灰。还有两个工具,'曲线'和'色阶',里面同样包含三原色,这两个工具先放一边,留到我们说'通道'的时候再细讲。

明白了原色与补色在PS工具中的表现方法,现在我们来研究使用工具调色的原理,请注意,此时我们不用管效果,只是看原理

接下来进入工具实操,既然今天聊了色彩三要素,那我们就先从'色相饱和度'这个工具说起,详细为大家解读一下这个工具的工作原理。

打开一张素材照片,使用快捷键CTRL U,调出'色相饱和度'调整面板:

在素材中打开色相饱和度工具

在默认的'色相饱和度'调整面板上,有三个调整滑块,分别就是我们刚才讲过的色相、饱和度、明度,拖动色彩三要素的三个滑块,是针对全图进行调整的,也就是说,只要你拖动滑块,整张照片的颜色都会发生改变。

大家注意看面板左上方,有个标记为'全图'的下拉菜单,如果不想调整全图,只想针对某一个颜色进行调整,可以点击下拉菜单,选择你想调整的颜色,比如红色吧:

在色相饱和度工具中,选择红色进行调整

这个时候你所做出的任何色相上的改变,饱和度和明度的调整,都只针对红色产生作用,而不会影响其他颜色。我们随便在色相上调整一个参数,看看效果:

调整红色色相

我在红色中,把色相条拉到了最左边,在色相条上显示,最左边是红色,但是照片中的红色晚霞倒影,已经变得面目全非,变成大面积的青色了。

本身是红色,把色相也调整到红色上,按理说应该更红才是啊,为啥会变成现在这副鬼样子?相信很多朋友在使用'色相饱和度'这个工具的时候,也会有此类困惑,接下来我们来答疑解惑!

还记不记得前面我们看到的RGB色相环,它是个圆形,后来我们把它掰直了,做成与'色相饱和度'面板上相同的水平色相条,但是请你别忘了,它的初始状态就是个圆形!看图:

360度的圆形色相环

圆形色相环的角度是360度,后来我们把它一分为二,变成左右两边各180度,对吧,那么这个圆形色相环和掰直了的色相条在图片中,应该是这样的:

一分为二的色相环,左右两边都是180度

拉直的色相条,也是左右两边各180度

它们除了外形不同,在原理上是完全一样的,左右两边所显示的颜色也是相同的。那么回到我们刚才调整到面目全非的图片中,再探究一下原理:

红色调整色相,变成青色的原理

我在红色中,把色相条向左调整了180度(注意看色相条上方的数字),这时大家看一下色相环上,原本红色是在0度位置,随着我的调整,颜色角度也跟着调转180度,就到了垂直下方180度的青色位置,于是照片中原本该是红色的位置,现在就变成了青色。

在'色相饱和度'工具的色相条上,你可以调整到任何颜色,根据色相条上提示的数字,对照色相环的角度,颜色一定是相符的。

说完了色相,再说说饱和度明度,这两个就简单了,很直观就能看到效果,而且也没啥角度公式。

还是在红色中,我把'饱和度'降到最低,这样的话照片中的包含红色的区域就被减弱到灰色,没有颜色了:

降低红色饱和度,照片中的红色失去了色彩

再换成'明度'试试,仍然是在红色中,我把明度降低为0,同样的道理,照片中所有包含红色的区域,没有了亮度,变成黑色:

降低红色的明度,照片中的红色变成了黑色

从这个工具中,我们可以明白,控制色彩三要素,可以对数码照片的颜色进行修改。你想让某种颜色产生色相变化,还是产生浓度变化,或者是产生明暗变化,那你就在'色相饱和度'面板上的下拉菜单中,找到你想修改的颜色,进行调整。


如果'色相饱和度'让你看的一头雾水,我们再看个简单些的,以'色彩平衡'工具为例,因为这个工具最为直观易懂,还是刚才这张素材照片,然后使用快捷键CTRL B调出'色彩平衡'进行颜色调整:

在素材图片中打开色彩平衡工具

开始着手调整之前,请大家先注意'色彩平衡'面板下方,有三个选项,分别是'阴影'、'中间调'、'高光',大家都是喜欢摄影的,一定明白这三个词的含义,说白了,就是分别对应照片中的暗部、中间调和亮部区域,这三个选项就意味着你可以随意选择照片中的某个曝光区域进行调整。软件默认情况下是选择中间调,也就是照片中不是最黑和最白的区域。

那么我们就在中间调里,去调整颜色,随便拖动一下颜色滑块,看看效果。在这里,我把第三个滑块向黄色方向调整,照片的中间调整体也就增加了黄色:

为照片增加黄色

不用管效果好不好看,我们先来探究一个问题:之前我们说过,蓝色的补色是黄色。那么我把颜色滑块调整向黄色,也就是为照片增加了黄色,是不是就等同于我为照片减少了蓝色?

再试一张,还是第三个滑块,这一次我做出相反的调整,大幅增加蓝色:

为照片增加蓝色

照片整体变蓝了,那我再问大家,加蓝是不是就等同于减黄?

答案是肯定的。所以请大家记住,我之所以让大家记住原色和补色,就是因为在'色彩平衡'的调色过程中,就是一个此消彼长的过程。你增加一种颜色,就势必会相对的减少它的补色。

就像刚才的图例,照片加黄色,同时就是等比的减少蓝色;我照片加蓝色,同时就是等比的减少黄色,我在这边增加了多少,同时就在它的补色中减去了多少,这样说大家能理解了吧?

这是一个硬性的道理,需要大家牢记于心。现在明白我举例所使用的工具为啥是'色彩平衡'了吧?在这个工具中,色彩是平衡的,加一个颜色,就势必要减少它对面那个颜色,永远是平衡的。就是因为这个工具简单、直观,所以我先用它来举例说明。


我们再来看下一个工具,'可选颜色',这个工具也有与'色相饱和度'相同的下拉菜单,可以在里面选择你想调整的颜色。在调色的原理上,又类似'色彩平衡'那种此消彼长的关系,我们先来看看它的样子:

可选颜色工具中的颜色菜单

面板上方,'颜色'的后面,就是下拉菜单,可以在里面选择颜色来调整,前面也发过图片,里面除了三原色红绿蓝,还有它们的补色黄品青,还多出了三个:白色、中性色、黑色,也就是黑白灰:

而面板中部,有四个调节滑块,文字标注分别是青色、洋红、黄色、黑色。奇怪,为啥不写原色,而标注了补色的名称呢?

先来说说这个青色(Cyan)、洋红(Magenta)、黄色(Yellow)、黑色(blacK),四组单词各挑出一个字母,就是CMYK,这是彩色印刷时采用的一种套色模式,也就是印刷色。(黑色的首字母是B,而蓝色的首字母也是B,为了避免混淆,所以选择了黑色的尾字母K)。我们开篇说的油墨三原色CMY,就是它了。

'可选颜色'这个工具,最初是针对印刷用的CMYK颜色模式下,增加或降低油墨的色彩调整工具,现在都用来调照片了,也十分好用。颜色调节会更有针对性一些。可以对单一颜色进行调整,而不会影响到其他颜色。

现在明白了吧,可选颜色是针对印刷品开发的工具,而印刷则需要使用印刷色CMY青品黄,所以在面板上,才以补色的名称出现。如果不方便理解,我做一个图片注释,方便大家看懂:

可选颜色工具中的颜色对应图表

从右侧的内容中可以看出,很像'色彩平衡'对吧?同样也是增加一个颜色,就会等比的减少它的补色。但是不同之处在于,'色彩平衡'是根据照片影调进行调色,你可以选择照片的阴影、中间调或是高光区域进行颜色调整,而'可选颜色'则可以像'色相饱和度'一样,在照片中的某一个颜色里,进行调色。我们换一张素材图片来操作一下看看:

荷花素材

一张荷花素材,用它的原因是因为颜色比较简单,更容易说明问题。打开'可选颜色'工具,你从软件菜单的'图像'-'调整'中找到它也行,从新建调整图层中打开它也行:

在素材中打开可选颜色工具

开始调色之前,先观察一下素材照片,这张照片中,很直观的可以看出,有三个主要色调:绿色的荷叶、洋红色的花瓣、黄色的花蕊,那么我们就在'可选颜色'的下拉菜单中,分别找到这三种颜色进行调整,先来调整花瓣吧,在下拉菜单中选择洋红:

选择洋红色,调整花瓣颜色

我们想让照片中的花瓣颜色更浓艳一些,可以在洋红中,先增加一些红色进去:

为洋红增加红色

我将青色滑块向左拖动,上方数值显示-100%,这样就为洋红色里面加入了红色,可以看出花瓣比刚才稍微红一些了,尤其是阴影部分比较明显。

哎,等等!加红色你往青色那边拖动干啥?

嗯,这是个容易混淆的问题。向青色拖动,并不是增加青色,大家看数值,-100%,那就是在减少青色,按照颜色互补的关系,减青就是加红,对不对?减少了100%的青色,就等于加进去100%的红色,明白了吗?

接下来继续调整第二个滑块,洋红,这个就简单了,直接增加洋红就行:

为洋红色再增加洋红

现在的花瓣就鲜艳很多了,下面还有两个滑块,黄色和黑色,其实照片中的洋红色花瓣,也不是纯色,它里面也包含部分的黄色,同样可以拖动黄色滑块,为花瓣的洋红色中添加或减少黄色,而黑色滑块,就是你要往洋红中添加或减去多少黑色,大家明白原理就行了,我就不逐一截图演示了。

花瓣调整好了,接下来是荷叶,我们需要在颜色下拉菜单中,选择绿色,因为荷叶的主要颜色就是绿色嘛!

在绿色中调整荷叶颜色

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
【闲侃】色彩史大爆炸:你有多“色”?
【网页设计】网页设计配色基础:RGB与HSB
拯救色彩学渣 永久收藏级好文
人像摄影调色教程:详细讲解曲线调色
PS:拾色器和色彩空间
Photoshop:色相/饱和度知多少?
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服