分享

从0开始学修图|调色第一步,从熟练运用HSL面板开始

 蚂蚁家园 2017-04-11

哈,从零开始学修图系列文章已经更新了七篇文章了,对于小修这样一个懒惰人而言,简直是一个奇迹!

没有什么计划,也没有写过大纲,都知识按照小修自己平时修图的思路和流程来写点东西,也不知道对萌新们有没有帮助。

今天是从零开始学修图的第八篇文章了,也到了大家最喜闻乐见的调色环节了,在调色之前,我们先来了解一下HSL。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

HSL是色相(Hue)、饱和度(Saturation)和亮度(Lightness)这三个颜色属性的简称。

1、色相

其中色相(H)可以理解为色彩的相貌,一个颜色的相貌,在使用中,我们以度数来表示色相,就是这个色相在色环中的位置。

如上图所示,红色处在色环上处于0°/360°的色相,青色(浅绿色)处在色环上180°的位置,这也印证了红色和青色互为补色(显示系统)。

处在色环上不同的角度,就代表了不同的色相。

2、饱和度

饱和度就是色彩的鲜艳度,也是纯度。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

饱和度取决于该色中含色成分和消色成分(灰色)的比例。含色成分越大,饱和度越大;消色成分越大,饱和度越小。纯的颜色都是高度饱和的,如鲜红,鲜绿。

一般我们遇到的色彩很少为百分百饱和的,基本上都是由一个不饱和的颜色混上白色/黑色/其他颜色组成,而饱和度为零的颜色是没有色相的,只存在亮度的差异。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

我们对上面的色环做饱和度降为0的处理后,呈现出来的是同一个明度的灰色,并不会因为色相不同,而呈现不同的灰色。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

3、亮度

从0开始学修图|调色第一步,从熟练运用HSL面板开始

简单点来说,就是一个色彩的明亮程度,当亮度为100%的时候,这个颜色变成了白色,亮度为0的时候,这个颜色就变成了黑色。

亮度是最牛逼的,当亮度变成100%或者0%的时候,是不受色相和饱和度影响的,直接是纯黑或者纯白。

总所周知,我们一般表示色彩会用RGB,但是在实际运用中,RGB并不能很好的告之我们一个颜色的模样,比如说红220,绿50,蓝80是一个什么颜色呢?即便给了我们拾色器(不输入具体数值)和色环,我们也不能很好的确定这个颜色是什么样子的,但是HSL就不同了,在我们有一个色环的时候,我们就可以大概确定这个颜色的模样了。

例:假设我们所知道的这个颜色的HLS值分别是 H:0°,S:50%,L:70,我们大概会得知这个颜色是红色,属于比较明亮的红色,饱和度不是特别高。我们打开拾色器,来验证一下猜想。

那你可能要说了,毕竟我们不可能时刻拿一个色环做对比吧。然而机智的adobe爸爸已经帮我们解决这个问题了。

让我们先打开HSL调整面板:

细心的你有没有发现,在色相调整面板里,所有的移动滑块都是在一个变化的色彩横线上,而这些色彩横线连在一起就形成另一个闭合的色环。

今天我们要聊的就是HSL调整面面板里的“HSL”和“黑白”。

在HSL调整面板中,色彩被分割成红/橙/黄/绿/浅绿/蓝/紫/洋红/八个颜色,而这八个颜色代表的是色环中八个区域,并不是某一种色彩。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

在HSL色相调整面板中,我们移动红色调整滑块的时候,只能让这一区间的色彩往橙偏移或者往洋红偏移,并不会发生红色忽然变成了绿色的情况,更不会发生我们调整红色区间而影响到其他区间的情况。

例如,我们打开下面这张图:

从0开始学修图|调色第一步,从熟练运用HSL面板开始

我们参考上图对比得知,红色区间仅仅包括了裙子,男士的领带和女生的嘴唇颜色。我们调整一下红色滑块来回对比一下看看。

当红色色相减100的时候,红色变成了洋红色了,当红色色相加100的时候,红色变成了橙色。

我们再打开另外一张图,看一个实例:

首先在LR中打开一张下面图片(文末附下载链接)

按照我们之前的文章中说的,还原底图,所以,在基础面板中做了以下调整。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

从0开始学修图|调色第一步,从熟练运用HSL面板开始

比如说,我们的调色方向是希望树叶是黄色的,裙子是浅蓝色的,雨伞的颜色是红色的,肤色再红润一些。

在HSL中,色彩被分割成红/橙/黄/绿/浅绿/蓝/紫/洋红/八个取件,我们确定了大致的方向之后,再去分析我们图片中的色彩分别位于这些图片中的哪些区间。

通过对比,我们发现植物中包含了黄色和绿色,肤色中包含了橙色和少许红色,雨伞中包含了紫色和洋红色,裙子中包含了浅绿色和蓝色。根据我们之前定的方向,我们做了如下调整:

从0开始学修图|调色第一步,从熟练运用HSL面板开始

从0开始学修图|调色第一步,从熟练运用HSL面板开始

再来看一下前后对比图

从0开始学修图|调色第一步,从熟练运用HSL面板开始

这个调整只是方便让大家理解一下HSL的运用,并不代表小修认为例子中的颜色就是无敌的,是最棒的。如果你一定要跟我较真说原图更清新舒服的话,小修也没什么话好说。

熟练的使用HSL面板可以帮助我们更快速的定调,调色,可能有些朋友的色彩知识比较薄弱,那就需要大量的阅读和反复的操作,总结属于自己的经验,比如说,通过反复操作,我们发现如果想要让肤色通透一些,可以适当的提亮橙色的亮度值。

在HSL面板中有一个和曲线调整面板中一样的功能:

从0开始学修图|调色第一步,从熟练运用HSL面板开始

从0开始学修图|调色第一步,从熟练运用HSL面板开始

就是在面板的左上角有一个中间是圆,上下是三角形的按钮。其功能和曲线面板中的功能差不多,可以参考一下上一篇文章中说的。具体的功能就是我们选择了这个功能,在画面中选择一点,并按住鼠标左键进行上下拖动的时候,对应的色相调整面板中会色彩区间会发生同步移动。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

由于我们平时遇到的大部分色彩,都不是单纯的处于某一区间,比如说上图的例子中,裙子有一部分处于浅绿色区域有一部分处于蓝色区域,如果我们不适用这个功能的话,就需要分别对这两个区间进行调整,但是我们使用了这个工具之后,系统会自动识别裙子处在哪些色彩区间中,并同时调整这些色彩区间。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

HSL中的黑白调整

顾名思义,就是将一张照片转化为黑白。

在这个调整面板下,是按照原图本身各个颜色区间的色彩明度做一个默认的黑白转换。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

如果我们不想要这样的黑白效果,我们希望人物肤色和裙子在画面中是最亮的,而其他的一切能尽可能的黑。

于是我们做了这样的调整,把红色和橙色的亮度值变高,其他色彩的亮度值降为-100.

从0开始学修图|调色第一步,从熟练运用HSL面板开始

在点了黑白模式以后,图片就变成了黑白的了,我们要如何确定裙子的颜色呢?

这里并不需要大家一个个的去移动滑块,去尝试看看裙子在哪个色彩区间里,我们只需要点击左上角的那个按钮,并在图片中找到裙子的地方,按住鼠标上下移动即可。

从0开始学修图|调色第一步,从熟练运用HSL面板开始

掌握了这个技能以后,我们就可以调出自己想要的黑白风格了。至于什么样的黑白或者彩色照片才是好看的,则需要我们平时的大量的阅读,积累,提高自身的审美,工具仅仅知识工具而已,最终还是要依靠坐在电脑前面的我们来决定一张图片效果的好坏。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多