学会好的配色最重要的是什么?这是16个调整图层吗?
还是参数复杂的ACR滤波器?
其实都不是!我们需要知道颜色的一些潜在逻辑。
一、屏幕显示成像原理
很小的时候,不小心把一滴水掉在了电脑屏幕上。水滴在屏幕上产生了放大的效果。透过水滴,我看到了由蓝、绿、红长方形彩条组成的方形小颗粒。
如果把这么小的颗粒缩小到一定程度,发出同样的光量,就可以得到一个小白点。
无数这样的小颗粒首尾相连,可以形成一条白线。
如果用无数条白线平铺屏幕,可以得到一个接近白色的色块(PS中演示过,色块之间没有办法形成纯白,但原理是一样的)。
无数的白线:
白色色块:
这样就可以总结出一个原理:显示器会发出白光是因为有很多微小的发光二极管在一起。每个二极管可以显示红色、绿色和蓝色。当蓝、绿、红三种颜色完全显示出来,叠加在一起,就得到纯白。如果你以不同的比例展示它,你会得到不同的颜色。
就像这样:
所以我们看到的每一张图片,其实都是无数个发光量不同的蓝绿红色块的组合。
下图各部分的红黄蓝比例不同,所以天空是灰白色,其他地方是不同的颜色。
了解了这个原理之后,我们再来看看PS里的渠道。你会发现有:红绿蓝通道。(注意:RGB通道是三种颜色通道的混合)
那么我们要讲的配色的底层逻辑是:在一张图片中,使用调整图层,对不同的颜色应用不同的命令,从而得到你想要的颜色。例如,下图使用了色阶、通道混合器、曲线、可选颜色、色调/饱和度和色彩平衡。
说到这里,接下来我们要用简单的语言让你了解这些调整图层的功能:通道混合器、可选颜色、色相/饱和度。
1.频道混合器
输出单位(图中)是我们需要调整的通道颜色。底部的红、绿、蓝分别代表不同颜色在输出单位中的比例。
我们想得到一张偏青色的图片,只需减少一张图片中的红色即可。
在这张图片中,如果要使图片的色调为绿色,将输出单位设置为红色,并降低底部红色参数的值。
(红色从100%变成只有60%)。
以上是通道混合器的原理。
2.可选颜色
颜色(图中):用于调整图片显示的颜色。此图显示的颜色可以调整,未显示的颜色无法调整。
下滑块(图中):青色、品红色、黄色对应蓝、绿、红的混合色。黑色是所选颜色的饱和度。
这个图没有蓝绿,我们可以把蓝绿调一下,就没有效果了。
当我们需要让这张图片底部的草更绿的时候,我们可以通过混色,减少图片中的红蓝,或者红蓝品红的混色来达到这个目的。
所以经过分析总结,我们得到了我们需要做的操作:草原中的颜色由红色和黄色组成。
下面我来演示一下。选择红色作为颜色,减少红色中的品红色,使红色变成绿色。
颜色选择黄色,减少黄色中的洋红色,使颜色更绿。
分别加强红色和黄色中的黑色参数,可以增加绿色的饱和度。
以上是可选色的使用原则。
3.色调/饱和度
色相的难度主要是底部的两个渐变条,上面的条是参考组,下面的条是调整组。
如果你希望图片中的草是绿色的,你只需要修改色调,使上面颜色栏中的草范围的颜色与下面的绿色对齐。
原来草原的颜色是红黄相间的。调整色调滑块,用要调整的绿色覆盖红色和黄色。
如果你想把图中的背景布换成蓝色背景布,可以用同样的方法把下面的蓝色调和红色调搭配起来。
二、调色中明暗与色彩的关系
:从张平平随机选取一个图片素材。
如果我们把图片转换成马赛克的小网格,可以得到这样的彩色网格图片。
如果我们给这张图片加上黑白效果,就可以得到一个黑、白、灰关系的网格图。
把明度不同的色块按规律从左到右、从深到浅排列,就可以得到这样一幅图。
看着眼熟吗?这是直方图或色阶图。水平方向表示颜色的亮度,垂直方向表示该亮度的颜色在图片中所占的比例。
直方图中颜色层次的分布:表示一幅图片中不同颜色所占的比例。因为这张图中没有明亮的高光和白色,所以直方图中不会有关于高光和白色的信息。
比如在原图的曲线上加几个锚点,保证其他颜色不受影响,然后调整高光和白色部分之间的曲线,画面就不会受影响。
调整后天空更亮了,其他地方的颜色没有变化。
了解直方图之后,我们再来学习剩下的三个调整图层:色阶、曲线、色彩平衡。
1.彩色温标
我们先来看看色标上面的三个三角点。
最左边的点表示:直方图中的深色,或纯黑色。最右边的点表示:直方图中的纯白。中间点表示:直方图中的纯灰色。
当我们将左边的三角形向右移动时,意味着将直方图的黑色范围移动到中间颜色。移动左三角形后,三角形的左范围变成黑色,即原来的深色地变成黑色地。
010-350038 此时,如果想让画面中天空的范围不受影响,只需要将中间三角形移动到色标中间即可。正因为如此,修改前后中间色和白色的色标关系并没有改变,而在这张图中,天空的颜色正好介于中间色和白色之间。
调整前:
调整后的:
后面是较低的输出色标,左边的输出色标表示:画面中最深的颜色,右边的输出色标表示:画面中最浅的颜色。
将左输出色调向右移动,意思是突出画面中最暗的颜色。
根据色标原理和颜色关系,可以调出你想要的颜色。
2.曲线
曲线的直方图在曲线的背景,图中斜线为曲线,从右上角到左下角,分别映射图中的白色部分、高光部分、中间色部分、阴影部分和黑色部分。
选择曲线上的一个点来调整曲线的输入和输出值:
输入一个值可以使曲线上的关键点在坐标中左右移动,0为最左边的坐标,255为最右边的坐标。
输出值可以使曲线上的关键点在坐标中上下移动,0为坐标底部,255为坐标顶部。
沿原曲线将曲线坐标网格分为两部分:
左上角是浅色区域,曲线上任何一点越过原曲线移动到左上角都会高亮显示对应的点。
右下角是一个暗区,曲线上的任何一点越过原曲线移动到右下角,都会使对应的点变暗。
通过结合曲线和直方图,可以调出你看到的大部分颜色,对初学者学习配色很有帮助。
比如我们要把演示的素材调整到《银翼杀手2049》的基调,我只要找一张参考图片,根据直方图里的参数对图片做一个基本的分析就可以了。
因为彩色图片是三色通道混合的,复制色调时可以先调整三色通道。
红色通道
分析:图中大部分红色通道颜色集中在中间色,高光白色范围没有红色。
但是在我们的参考图中,高光和中间色有大面积的红色。
调整:使红光接收效果变亮,暗部效果变暗。
绿色通道
分析:图片的绿色通道没有分布在高光和白色范围内。根据参照物,需要使高光范围的绿色,暗区的绿色增加。
所以我们突出绿色高光曲线,使绿色效果出现在图片的高光范围内。
蓝色通道
分析:图片的蓝色通道没有分布在高光和白色范围内。根据参照物,需要让画面中的一些高光有蓝色。
010-350057 调整蓝色曲线,增加深蓝色,减少高亮蓝色。
RGB曲线
三色通道调整完成后,画面的深色会比较暗,需要通过RGB曲线把暗部提亮。
最终效果对比:
3.色彩平衡
在色彩平衡中,色相表示调整的范围,与色标曲线中的色彩分布一致。因为没有黑白,色彩平衡无法让画面变成纯粹的黑白。
色彩平衡在一个画面中起到平衡色彩的作用。如果你增加一种颜色的颜色值,其他两种颜色也会改变。
例如,增加蓝色和减少红色和绿色是一样的。色彩平衡通常用于统一画面的色调,调整画面的偏色。
可以保存图片,尝试在PS中自己调整。毕竟记性好不如笔差,练一次效果会更好。
下面的合成作品采用了本文提到的配色思路。大家一起欣赏吧~