分享

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

 123doc801 2019-10-08

大家好,我是好色之图,这一节,我们来学习PS种的'混合颜色带'。这个工具隐藏的比较深,所以平时并不被大家关注,但这又是一个非常好用的工具,在调色的过程中,会给予我们很大的帮助,开始了解它吧。

先看一下网上找的素材:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

一张圣诞树局部的照片,之所以选这张素材作为课件,是因为这张照片中有着丰富的层次,暗部、中间调、高光都一目了然。那么到这里就先请大家记住,这张素材种哪里是最亮的,哪里是最暗的,先有个印象,这样方便后面了解新工具的工作原理。

好了,开始操作。首先在图层面板上点击'新建空白图层'按钮,在背景层之上,创建一个新的空白图层:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

接下来在工具栏中,找到渐变工具(快捷键G),然后将前景色设置为黑色,背景色设置为白色,将渐变样式选择为第一项,从'前景色到背景色',然后按住键盘上的SHIFT就可以从左至右水平的拖出一条渐变,也就是从黑色到白色的渐变:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

这样,基本准备工作就完成了,现在我们来找一下,'混合颜色带'这个工具到底在哪里。我这里提供四个可以找到它的方法:

  • 第一种,点击软件菜单栏中第四项'图层'菜单,里面的'图层样式',子菜单中第一项'混合选项',就能打开了。
  • 第二种,鼠标右键点击你要操作的图层,就会弹出菜单,菜单最顶部第一项'混合选项'中就能看到。
  • 第三种,图层面板下方,有个'fx'的按钮,点击后,弹出的菜单顶部第一项'混合选项',也是它。
  • 第四种,鼠标左键双击你要进行调整的图层,注意,是图层名称的后方,不是双击文字,这样也能弹出'混合选项'。这个方法更快捷,所以我更推荐大家使用。

现在来看看这个说了半天的混合选项中都有什么内容,大家看图:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

可以看到面板中部,从上到下也有好多选项,上面的'常规混合',看到下拉菜单了吧,点击之后,就能看到我们以前所讲过的各种图层混合模式,原理以前都讲过,如果你想让图层样式以混合模式进行计算,可以尝试在这里挑选一个你喜欢的混合模式。

再往下看'高级混合',这里的功能不在我们今天讲解的内容之内,所以不在这里浪费篇幅,直接看最下面,红框里面的内容,这就是今天的主角:'混合颜色带'。

正如同学们在图中所见到的那样,在混合颜色带上,有一个下拉菜单,里面分别有灰色、红、绿、蓝的选项:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

灰色代表亮度,红绿蓝则是PS中的通道,这些基本知识在讲解曲线、通道、色彩的时候都说过,没有看到的同学请自行查阅之前的教程。先把颜色通道放在一边,我们从灰色开始讲解。

将菜单选中为灰色,就意味着我们接下来的处理,只是针对亮度问题,而不会影响颜色。

大家看图片上,混合颜色带有两个带有滑块的渐变条,它们都代表着某个图层的亮度。上面这一条,写着'本图层',那么就是你目前在图层面板上选中的这个图层,比如我现在所选中的,就是刚才我们拖出黑白渐变的这个图层。

下面这一条,写着'下一图层',那就是你目前选中图层的下方图层,比如在我示例的图片里,下一图层就是背景层,也就是圣诞树素材。每个渐变条上都有三角形的滑块,可以供你拖动调节。

我们先从第一根渐变条开始研究,也就是'本图层'的那根。经过刚才的解释,我们知道,调整这根渐变条,可以影响到我们新建的黑白渐变图层,那么我们现在向右侧拖动黑色的三角形滑块,看看会出现什么效果:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

可以看到,黑色滑块向右调整后,渐变图层上的黑色被裁切掉了,或者说被消除了。接下来再去向左拖动白色滑块,看看是不是同样也会裁切白色呢:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

果然如此,渐变图层上最黑和最白的地方,随着滑块的调整,都被裁掉了。这根'本图层'渐变条的原理大家一下就看明白了吧,它可以裁掉一些阴影,也可以裁掉一些高光。

当前的裁切非常生硬,我们可以让它变得柔化一些,就像做了羽化的效果一样。那怎么做呢?大家仔细看,每个三角形滑块中间,都有一条小小的竖线,其实它不是一个整体,而是由两个更小的三角形拼合而成。现在我们要做的,就是把它们拆开,按住键盘上的ALT键,拖动其中一半,往回拖动,就能分开它们,并且,图片上的显示形式也发生了变化:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

看到了吗,对于黑色和白色的裁切边缘变得柔和了,从有到无变得有了过渡,这个功能大家可以多做尝试,敲黑板划重点了啊,小伙伴们一定要记住这个三角形的拆分方法,未来在照片调色的时候,一定会用得上。

现在我们将第一个渐变条复位,开始说下面这根'下一图层'渐变条。这根渐变条,稍微有些复杂,但是我们也必须把它搞清楚。正如大家现在看到的,我们目前有两个内容不同的图层,上方图层是自己做的黑白渐变,它下面的背景图层是圣诞树:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

两个图层叠在一起,由于上方渐变图层的阻挡,我们并不能看到下方的圣诞树图层。整张照片的明暗度完全被渐变图层所影响,从全黑到全白的色调,这就是我们看不到圣诞树图层的原因,被完全覆盖了。如果我们移动一下这些三角滑块,会出现什么呢?还是先从左侧的黑色滑块开始,我向右移动它,我们看看效果:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

随着拖动力度的增加,它会逐渐显示底层的一些内容,从图中可以看出,这些内容都是黑色的,这就说明,它目前显示的,是圣诞树图层中,最黑色的部分,这是为什么呢?因为两个图层叠在一起,圣诞树图层仍然受到黑白渐变图层的影响,当我拖动黑色滑块的时候,圣诞树图层中最黑的部分就率先显示出来。

那再试试拖动白色滑块,又会出现什么情况:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

相同的道理,圣诞树图层中最亮的部分开始显现,到这里,相信大家都明白了,当我们调整三角滑块时,下方图层的最黑和最白区域不受上方黑白渐变图层的影响,渐变图层仅仅能影响到两个滑块之间的亮度。到这里,同学们设想一下,我们是不是可以通过移动这个滑块,来保护照片中的阴影和高光呢?

在这个过程中,你依然可以按住键盘上的ALT键,来设置裁剪效果的羽化程度,将滑块拆分,然后得到更好更顺畅的过渡效果:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

好了,现在希望同学们能够理解,第二根'下一图层'渐变条的作用和原理。

现在我们来总结一下前面的内容,颜色混合带上一共有两根渐变条,第一根渐变条,调整上面的渐变条上的两个滑块,影响当前图层。黑色滑块向右移动,就会裁掉最黑色的部分,也就是阴影。白色滑块向左移动,就会裁掉最亮的部分,也就是高光。所保留下来的区域,就是两个滑块之间的内容。

第二根渐变条,影响的是下方图层。黑色滑块向右移动,下方图层的阴影部分开始显现,白色滑块向左移动,下方图层的高光部分开始显现,因为上面的图层无法影响到它们,上方图层的影响力只在两个滑块之间的范围。换个角度去理解,就是这两个滑块可以保护图片上的阴影和高光。希望大家都能准确了解和熟练掌握这些滑块的作用。


接下来我们来聊一聊下拉菜单中的红绿蓝选项。在刚才的素材图片中,我又拖入了一个新的色轮素材,因为色轮上颜色比较多,更容易说明问题:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

现在双击色轮图层,弹出混合选项的面板,把下拉菜单中的灰色,切换为红色:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

与此同时,下方的两根渐变条也由刚才的从黑到白,变成了从黑到红。如果把第一根渐变条的白色滑块向左移动,随便移动多少都行,看看效果:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

图片中带有红色调的部分,随着滑块调整幅度,开始消失,被裁掉了。也就是说,在灰色时,向左拖动白色滑块,是裁掉白色。而在红色中,向左拖动白色滑块,是裁掉具有红色调的颜色。现在把滑块复位,我们去拖动黑色滑块,看看又会发生什么:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

它会裁掉红色调的互补色,也就是包含青色的部分,挺有意思吧?这就说明,当你把颜色设置为红色的时候,拖动白色滑块,是裁剪掉红色与其相近色,拖动白色滑块,就会裁剪掉红色的互补色青色,与其相近色。

颜色的课题我们是讲过很多次的,大家都该知道什么是互补色和相近色,那么依此类推,当我们在下拉菜单中选择绿色,去拖动白色滑块,裁掉的就是绿色和它的相近色,而拖动黑色滑块,裁掉的就是绿色的互补色洋红,和它的相近色,看看是不是这样:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

没有问题,事实就是如此。那蓝色我们就不用再截图了,在蓝色中,拖动白色滑块,裁掉的肯定是蓝色和它的相近色,而拖动黑色滑块,裁掉的就一定是蓝色的互补色黄色,和它的相近色。这就是第一根渐变条上,两个滑块在颜色中的工作方法。

我们再来看看下面这根渐变条再颜色菜单中会有怎样的表现:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

在我拖动白色滑块的时候,下方圣诞树图层中的红色部分优先显示出来。

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

我再去拖动黑色滑块,下方圣诞树图层中的青色部分会优先显示。这看起来与刚才第一根渐变条的原理相似,都是以互补色的形式进行调整。绿色和蓝色也是相同的道理,我们就不逐个演示了。

到此,我们知道了,在颜色混合带的下拉菜单中中,是分为灰色和红绿蓝彩色的,灰色对应的就是亮度,黑白灰。红绿蓝对应的就是RGB的三原色和它们的互补色,搞懂了这些原理,相信再遇到使用颜色混合带调色的时候,你就不会那么困惑了。


我们再来看看颜色混合带还能做点什么,换张图片,随便在照片上打几个字吧:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

文字一看就像贴上去的,不能与背景相溶。这时候我们可以双击文字图层,调出混合选项,在混合颜色带上做一点小小的处理:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

联系前面所有的内容,想一想为什么在拖动了第二根渐变条上的黑色滑块后,会出现这样的效果?再说一次,第二根渐变条的名字是'下一图层',下一图层指的是哪个?肯定是文字下面的背景图层,当我们拖动黑色滑块的时候,就是保护这个图层的阴影,所以拖动以后,木纹上的阴影被保留,就呈现当前的效果了。接下来按住ALT键,拆分滑块,让这些效果过渡的好看一点:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

是不是看起来自然多了。点击确定,完成调整后,你还可以使用移动工具(V),随意拖动文字图层放在任何位置,随着你的鼠标拖动位置的变化,下方木纹颜色不同,也会使文字上混合出来的效果产生变化:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

还有个更好玩的小技巧,我们新建一个空白图层,使用白色的画笔,在松树枝上随意涂抹几下:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

然后同样使用与刚才文字效果一样,保护阴影的方法,去拖动滑块,看看会发生什么:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

已经为刚才的松树枝填上了雪。因为我们保护了阴影,这样画上去的白色就不会影响阴影。所以就产生了树枝被雪覆盖的效果了。这是混合颜色带在灰色模式下的一个小实例,再次证明在灰色下,无论怎样拖动滑块,拖动哪一根渐变条上的滑块,你所能影响到的,只有亮度。


再来看个例子:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

前段时间热映的电影《哪吒》海报,设计的很炫酷,通体暖色调,现在我想把它的暗部变成冷色调,让它产生一些冷暖对比,该怎么操作?如果你看懂了前面内容的原理,那这个操作就太小儿科了:

新建一个曲线的调整图层,看着海报中的颜色去做调整,以前咱们说过,调色就是一个此消彼长的过程,增加一个颜色,就一定会相对应的减少另一个颜色。海报中的暗部都有哪些颜色?主要是红色和黄色对吧,想让它变为冷色调,该加什么颜色?一定是红色和黄色的互补色,那就是青色和蓝色,想明白了,就动手:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

首先在曲线的红通道中,减少红色,就是增加青色。

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

再到蓝通道中,增加蓝色,就等于对等的减少黄色。现在整张海报颜色已经改变了,但我们前面说的是,把暗部变为冷色调,那就双击曲线图层,调出混合选项,在混合颜色带上来完成:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

只改变暗部的颜色,那就该把底层的高光保护起来,让它不受影响,所以拖动第二根渐变条的白色滑块,从图上就可以看到,高光恢复到曲线调整前的样子了,这就说明曲线调整图层不能影响高光部分。接下来拆分白色滑块,增加一点羽化效果:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

现在阴影和高光之间的过渡不那么生硬了,做个动图,看看效果:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

在这里,我们讨论的不是这张海报该不该这样调整,而是看这个工具怎样使用,请大家注意力不要偏移。

那么把刚才的例子反过来,我只想改变高光的颜色,不影响阴影的颜色,那就反过来做呗,只拖动黑色滑块,然后拆分滑块,做个羽化也就完成了:

强大的PS混合颜色带 你真的会用吗?带你彻底了解它的工作原理

这一节,我们只去了解'混合颜色带'的工作原理和基本使用方法,这个工具还有好多种用法,比如搭配图层混合模式来使用,单独锐化暗部或高光,为照片换个天空等等,我们会在未来的实例中慢慢接触和学习。希望大家喜欢这个教程,并从中学习到新的知识。希望小伙伴们多加练习,多做尝试,习惯去使用这个功能,相信你会爱上它的强大!

很重要的一点:以上内容仅代表我个人观点,只是我自己对软件用法的理解,希望大家选择性吸收。


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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多