五分钟全面弄懂HSL工具,对后期调色不再迷惑

五分钟全面弄懂HSL工具,对后期调色不再迷惑

首页休闲益智滑块颜色更新时间:2024-08-02
前言

上一期我们提到的是CameraRaw滤镜里的曲线工具,里面包含了曲线工具的基本原理,以及一些曲线使用小技巧,感兴趣的点击传送门——这一期我们将要讨论的内容则是HSL调整。

HSL调整界面

什么是HSL

没有接触过色彩相关知识的朋友可能对HSL有点迷惑,但是你一定知道RGB,在RGB色彩空间中,任何你所能看到的颜色都能用一组三个0-255的数字表示出来。

RGB色彩空间

例如白色(255,255,255),黑色(0,0,0),灰色(128,128,128),8位的RGB色彩空间能表示256*256*256=16777216种颜色,接近两千万种颜色。所以有的显示器厂商会这样去宣传

某显示器宣传画面

实际上1670万色只是最最基础的配置,显示效果并不细腻。

回到我们的色彩空间,既然使用RGB可以表示颜色,那还可不可以用其他的方式去表示一种颜色,当然可以,例如Lab,YUV,CMYK,HSL等等,每种不同的色彩空间适用于不同的领域,今天stupid要和大家聊的则是这里的HSL。

要了解HSL,首先我们要了解H,S和L分别代表着什么。

  1. H——色相(颜色的相貌,通常我们问这个是什么颜色问的就是色相)
  2. S——饱和度(色彩的纯度,饱和度越高色彩看起来越鲜艳)
  3. L——亮度/明度(代表色彩的灰度,一个颜色它如果越亮的话,则亮度越高,反之越低)

如果有小伙伴不明白的话,我们评论留言下一期可以聊一聊色彩空间相关的内容。

HSL色彩空间

在PS中CameraRaw对HSL调整

对一张图片在CameraRaw中对HSL进行调整可以达到什么样的效果呢?

这是一张空拍的照片,因为包含的颜色较多,所以用来做本期HSL调整的素材

进入CameraRaw中,在HSL调整中,我们可以看到这样的界面

对图片进行HSL调整的界面

图片的右侧HSL调整模块中有色相,饱和度,亮度三个子选项,每个选项下又有8个的颜色滑块可以滑动,这八个滑块分别对应着不同的8种颜色。

cameraRaw中的选项

在HSL调整模块中红色滑块下面是橙色,橙色往下依次是黄色,绿色,浅绿色,蓝色,紫色,洋红色。这样的顺序和色环里这些颜色的位置关系一致,你可以把HSL工具提供的颜色调整滑块与色环联系起来。例如在下图的色环中,与紫色相邻的是蓝色和洋红色,所以了解一些基本的色彩知识可以更好的操控HSL工具。

色相环

例如在电影中,我们时常可以看到画面使用大量的橙色色调,人的肌肤,建筑物等都调到了橙色。

视频截图

下面我们对上面例图进行处理,把橙色的相邻色调至橙色。

橙色相邻的色相调整至橙色

我们来看调节前后对比图:

把橙色附近的色相都调至橙色

你可以想象把所有的色相调节滑块串联起来,形成一个环,例如红色滑块向右调节 则是橙色,向左调节-则是洋红色,这个原理可以应用到整个色相调节模块中。

饱和度调节滑块

对某一个颜色的饱和度进行调节会改变画面中该颜色的鲜艳程度,例如对橙色进行调节:

橙色饱和度 100

可以看到上图饱和度 ,则鲜艳程度增加。下图饱和度-则鲜艳程度减少。

橙色饱和度-100

明亮度也很好理解,调整某一颜色的明亮度会改变该颜色的明亮程度。

橙色明亮度-100

通过上下图我们可以看出明亮度 和明亮度-的作用效果。

橙色明亮度 100

运用上述的原理,如果我们想要提亮人的面部肤色,就可以把橙色的明亮度提高,饱和度降低些许即可。

综合这些手段,我们就可以对一张照片进行创作。

这是经过HSL调色后得到的成片

让我们来看一下前后对比:

前后对比GIF图

结语

以上就是本期关于HSL调整模块的全部内容,如果你对哪里有疑问欢迎评论留言,如果这篇文章对你有帮助,别忘了评论关注收藏转发哦。

查看全文
大家还看了
也许喜欢
更多游戏

Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved