ps怎么使用HSL面板

 更新时间:2017年7月6日 23:27  点击:4243
ps软件是现在很多人都会使用到的,HSL面板在ps软件中又有着非常独特的作用。这次文章就给大家介绍下ps怎么使用HSL面板,还不知道使用方法的下面一起来看看。

 HSL是一种非常直观的色彩表示方法。ACR以及Lightroom中的HSL调整面板,更是我们后期调色的神器。

  本文将从HSL面板的角度,带领大家学习和认识颜色。

  1. 什么是HSL

  很多朋友都听说过RGB颜色模型,即任何一种颜色,都是由红(Red)、绿(Green)、蓝(Blue)三原色以不同的比例相加而成的。

  但是RGB模型对人类而言并不直观,比如我说一种颜色是由60%红,30%绿和90%蓝组成的,你应该很难想象出来,这到底是哪种颜色?

  因此人们设计出了HSL色彩空间,来更加直观的表达颜色。HSL是色相(Hue)、饱和度(Saturation)和亮度(Lightness)这三个颜色属性的简称。

  色相(Hue)是色彩的基本属性,就是人们平常所说的颜色名称,如紫色、青色、品红等等。我们可以在一个圆环上表示出所有的色相。

ps详细解析HSL面板的使用技巧 三联

  色环上的0度、120度、240度位置,分别对应了RGB模型的红、绿、蓝三原色。原色两两混合形成了二次色。比如黄色(60度)就是由红色和绿色混合而成;蓝色和绿色则相加形成青色(180度);品红(300度)则由红蓝两色组成。

  原色和二次色之间,还有各种丰富的色相过渡,比如270度的紫色介于品红和蓝色之间。30度的橙色则是由红色黄色混合而成。

  饱和度(Saturation)是指色彩的纯度,饱和度越高色彩越纯越浓,饱和度越低则色彩变灰变淡。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  亮度(Lightness)指的是色彩的明暗程度,亮度值越高,色彩越白,亮度越低,色彩越黑。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  我们把色相(Hue)、饱和度(Saturation)和亮度(Lightness)三个属性整合到一个圆柱中,就形成了HSL色彩空间模型。

  HSL圆柱中的任意一个点,都对应了一种颜色。圆环上的度数代表了颜色的色相,离中轴的距离代表了颜色的饱和度,点的高度则对应了颜色的亮度。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  在ACR(以及Lightroom)中,第4个调整面板 - HSL面板,就是基于HSL色彩空间的后期调色工具。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  2. 学会使用HSL面板

  HSL面板由色相、饱和度、明亮度三个子面板组成。每个子面板中有8个滑块,分别可以对应调整图像中的8种色彩。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  这8个调色滑块对应了我们前面讲过的红、橙、黄、绿、青(浅绿)、蓝、紫、品(洋红)8种自然界中的主要色彩。这样我们就能对照片中的不同色彩,进行分别的调整了。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  我们调整红色的时候,不仅仅会影响色环上0度的准红色,还会影响到红色周围的偏红色相。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  比如我在色相面板中,把红色滑块往右移动。这样照片中的红色,会往色环顺时针方向偏色,也就是偏向橙色。可以看到下图中,红色色相+100后,色环中红色及附近区域都变成了橙色。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  如果把红色色相滑块往左移动。这样照片中的红色,会往色环的逆时针方向偏色,也就是偏向品色。可以看到下图中,红色色相-100后,色环中红色及附近区域都偏向了品红色。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  绿色在色环中,顺时针方向是青色,逆时针方向是黄色。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  因此如果我们在色相面板里,把绿色变成-100。色环中绿色以及周边色相,就全部偏向了黄色。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  如果我们在色相面板里,把绿色变成+100。色环中绿色以及周边色相,就全部往青色色相偏移。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  色相滑块往右移(加数值),颜色会在色环中顺时针偏色。色相滑块往左移(减数值),颜色会在色环中逆时针偏色。

理解了上面两句话,我们就学会了HSL的色相调整。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  HSL中的饱和度面板很好理解。饱和度滑块右移,该颜色的浓度纯度增加。饱和度滑块左移,该颜色变灰变淡。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  比如色环中的蓝色区域。

b0afcfc13045da0260af879e41a763f1.jpg

  如果我们把饱和度面板里的蓝色滑块移到最左边,可以发现色环中的蓝色区域大大的变淡变灰了。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  但是为什么蓝色区域没有完全变成中灰色呢?这是因为这部分色彩区域,不仅会被蓝色滑块作用,也会被紫色滑块影响。

  如果我在饱和度面板中,把紫色滑块的饱和度也减到-100,可以看到原来色环上整片的蓝紫色区域,都变成了纯灰色。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  最后一个HSL面板是明亮度面板,明亮度滑块左移,该颜色变暗变黑,滑块右移,该颜色变亮变白。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  比如我把黄色的明亮度滑块移动到+100,可以看到色环中的黄色变亮了。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  3. HSL面板实战调色

  接下来托马斯会以下面这张照片为例,告诉大家如何用HSL面板进行调色。

  在托马斯的VX公号 thomaskksj 后台回复关键词 “raw15”,可以获得本片raw文件的下载链接。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  在调色之前,我们首先要弄清楚这张照片都是由哪些颜色组成的。

  山体上裸露岩石,主要是橙色,以及少量黄色构成。天空和水面,主要颜色是蓝色和少量青色。地面上星星点点的红色小木屋,实际上受到红色和橙色共同作用。

  比较复杂的是图中的绿色植物。近处山上被阳光照耀的植物,主要是黄色,其次才是绿色。远处山体上的深绿植被,则主要是大量绿色和少量青色构成。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  首先我们在色相面板进行调整。黄色和绿色的色相滑块都往左移,让他们的色彩偏向黄色。这步主要是想把画面中绿意盎然的春色,变成橙黄的金秋色彩。

  原来的天空偏青,所以我把蓝色滑块右移,天空海面的色相往紫色轻微靠拢。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  照片中原来的绿色植被变成了黄色,天空从青蓝变成微微的紫蓝。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  接下来是饱和度面板调整。这张图片我不仅想变成秋色,还想变成晚秋草木凄凉的枯败感觉。因此我降低了黄色和绿色的饱和度。

  降低橙色饱和度,则是不想让岩石的色彩太过突兀。

  蓝色和青色滑块我却向右移动,增加饱和度。这样天空和海面的蓝色就更加纯净浓烈了。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  饱和度调整之后,草木惨淡,天空通透。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  最后是明亮度调整。照片中的山体是由草木和岩石组成。我们可以通过明度分离,来让草木和岩石的边界更明显。

  我降低橙色的明度,也就是降低岩石的亮度;稍微增加黄色亮度,也就是草木的亮度。这样山上的岩石和草木就完全区分了开来。

  之后降低蓝色的亮度,天空和海面变得更加深沉耐看。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  明亮度调整之后,岩石和天空亮度的减少让画面更加沉稳。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  再来对比一下HSL调色前后,画面感觉大变样了。

Photoshop详细解析HSL面板的使用技巧,破洛洛

  当然我们还可以利用“目标调整工具”,更加简单直观的,对照片的HSL颜色属性进行调整。关于“目标调整工具”,我会在以后的视频教程中进一步演示。

  总结

  1. 色彩是由色相(Hue)、饱和度(Saturation)和亮度(Lightness)组成的。

  2. ACR和Lightroom中的HSL工具,由色相、饱和度、明亮度3个子面板组成,每个子面板有8个滑块,对应调整照片中的8种颜色范围。

  3. HSL调色的第一步,是对照片中的色彩和对应物体做一个归类,之后我们就可以分别调整画面中不同色彩物体的色相、饱和度和亮度了。

[!--infotagslink--]

相关文章

  • PS滤镜里为什么没有素描?PS CS6素描滤镜在哪?

    我们在作图的时候需要用到“素描”滤镜,但是点开滤镜选项就是找不到。该怎么快速找到“素描”滤镜呢?请往下看。 1、点开滤镜选项时,发现没有素描这一项。2、别急,我...2017-01-22
  • 图解PHP使用Zend Guard 6.0加密方法教程

    有时为了网站安全和版权问题,会对自己写的php源码进行加密,在php加密技术上最常用的是zend公司的zend guard 加密软件,现在我们来图文讲解一下。 下面就简单说说如何...2016-11-25
  • ps怎么使用HSL面板

    ps软件是现在很多人都会使用到的,HSL面板在ps软件中又有着非常独特的作用。这次文章就给大家介绍下ps怎么使用HSL面板,还不知道使用方法的下面一起来看看。  ...2017-07-06
  • Plesk控制面板新手使用手册总结

    许多的朋友对于Plesk控制面板应用不是非常的了解特别是英文版的Plesk控制面板,在这里小编整理了一些关于Plesk控制面板常用的使用方案整理,具体如下。 本文基于Linu...2016-10-10
  • 使用insertAfter()方法在现有元素后添加一个新元素

    复制代码 代码如下: //在现有元素后添加一个新元素 function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement){ parent.appendChild(newEl...2014-05-31
  • 使用GruntJS构建Web程序之构建篇

    大概有如下步骤 新建项目Bejs 新建文件package.json 新建文件Gruntfile.js 命令行执行grunt任务 一、新建项目Bejs源码放在src下,该目录有两个js文件,selector.js和ajax.js。编译后代码放在dest,这个grunt会...2014-06-07
  • 使用percona-toolkit操作MySQL的实用命令小结

    1.pt-archiver 功能介绍: 将mysql数据库中表的记录归档到另外一个表或者文件 用法介绍: pt-archiver [OPTION...] --source DSN --where WHERE 这个工具只是归档旧的数据,不会对线上数据的OLTP查询造成太大影响,你可以将...2015-11-24
  • 如何使用php脚本给html中引用的js和css路径打上版本号

    在搜索引擎中搜索关键字.htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样访客每次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、...2015-11-24
  • 安装和使用percona-toolkit来辅助操作MySQL的基本教程

    一、percona-toolkit简介 percona-toolkit是一组高级命令行工具的集合,用来执行各种通过手工执行非常复杂和麻烦的mysql和系统任务,这些任务包括: 检查master和slave数据的一致性 有效地对记录进行归档 查找重复的索...2015-11-24
  • jQuery 1.9使用$.support替代$.browser的使用方法

    jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合...2014-05-31
  • php语言中使用json的技巧及json的实现代码详解

    目前,JSON已经成为最流行的数据交换格式之一,各大网站的API几乎都支持它。我写过一篇《数据类型和JSON格式》,探讨它的设计思想。今天,我想总结一下PHP语言对它的支持,这是开发互联网应用程序(特别是编写API)必须了解的知识...2015-10-30
  • PS怎么排除重叠图形

    PS排除重叠形状是什么意思?很多朋友都不是很清楚,其实方法很简单的,下面小编就为大家介绍介绍一下,不会的朋友可以参考本文,来看看吧。 步骤:1、在PS中,选择“矩形工具...2016-12-31
  • MySQL日志分析软件mysqlsla的安装和使用教程

    一、下载 mysqlsla [root@localhost tmp]# wget http://hackmysql.com/scripts/mysqlsla-2.03.tar.gz--19:45:45-- http://hackmysql.com/scripts/mysqlsla-2.03.tar.gzResolving hackmysql.com... 64.13.232.157Conn...2015-11-24
  • PHP实现无限级分类(不使用递归)

    无限级分类在开发中经常使用,例如:部门结构、文章分类。无限级分类的难点在于“输出”和“查询”,例如 将文章分类输出为<ul>列表形式; 查找分类A下面所有分类包含的文章。1.实现原理 几种常见的实现方法,各有利弊。其中...2015-10-23
  • C#注释的一些使用方法浅谈

    C#注释的一些使用方法浅谈,需要的朋友可以参考一下...2020-06-25
  • php类的使用实例教程

    php类的使用实例教程 <?php /** * Class program for yinghua05-2 * designer :songsong */ class Template { var $tpl_vars; var $tpl_path; var $_deb...2016-11-25
  • 双冒号 ::在PHP中的使用情况

    前几天在百度知道里面看到有人问PHP中双冒号::的用法,当时给他的回答比较简洁因为手机打字不大方便!今天突然想起来,所以在这里总结一下我遇到的双冒号::在PHP中使用的情况!双冒号操作符即作用域限定操作符Scope Resoluti...2015-11-08
  • PHP mysql与mysqli事务使用说明 分享

    mysqli封装了诸如事务等一些高级操作,同时封装了DB操作过程中的很多可用的方法。应用比较多的地方是 mysqli的事务。...2013-10-02
  • Element Steps步骤条的使用方法

    这篇文章主要介绍了Element Steps步骤条的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-07-27
  • Postman安装与使用详细教程 附postman离线安装包

    这篇文章主要介绍了Postman安装与使用详细教程 附postman离线安装包,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-03-05