灰度色彩模式
Photoshop有色彩管理功能。我们目前主要针对网页设计,为了与其他不带色彩管理的软件(如GoLive等)保持一致,应将它关闭。
可从菜单【编辑>颜色设置】打开色彩管理,在顶部的“设置”中选择“色彩管理关闭”。如下图:
在前面讲述RGB色彩,以及在颜色面板选取颜色的时候,有没有想到过RGB值相等的情况下是什么颜色?那是一个灰度色。如下图:
现在我们将颜色面板切换到灰度方式(切换方式可参考前面),可看到灰度色谱,如下图:
所谓灰度色,就是指纯白、纯黑以及两者中的一系列从黑到白的过渡色。
我们平常说所的黑白照片、黑白电视,实际上都应该称为灰度色才确切。
灰度色中不包含任何色相,即不存在红色、黄色这样的颜色。但灰度隶属于RGB色域(色域指色彩范围)。
我们已经知道,在RGB模式中三原色光各有256个级别。由于灰度的形成是RGB数值相等。而RGB数值相等的排列组合是256个,那么灰度的数量就是256级。
其中除了纯白和纯黑以外,还有254种中间过渡色。纯黑和纯白也属于反转色。
灰度的通常表示方法是百分比,范围从0%到100%。Photoshop中只能输入整数,在Illustrator和GoLive允许输入小数百分比。
注意这个百分比是以纯黑为基准的百分比。与RGB正好相反,百分比越高颜色越偏黑,百分比越低颜色越偏白。
灰度最高相当于最高的黑,就是纯黑。灰度最低相当于最低的黑,也就是“没有黑”,那就是纯白。如下图:
既然灰度和RGB一样,是有数值的,那么这个数值和百分比是怎么换算的?比如18%的灰度,是256级灰度中的哪一级呢?是否是256x18%呢?
没错,灰度的数值和百分比的换算就是相乘后的近似值,由于灰度与RGB是“黑白颠倒”的,所以18%的灰度等于82%的RGB亮度。
256 x 82% = 209.92,近似算作210,我们可以先在灰度滑块选择18%,再切换到RGB滑块看数值。如下2图:
注意如果没有关闭色彩管理功能,在颜色设置中的灰度标准就有可能不是Gray Gamma 2.2,那么上面的等式就不成立了。
比如灰度的标准如果是Gray Gamma 1.8,18%的灰度换算成RGB就是218,218,218。
印刷品与网页的区别在于色彩模式不同,印刷品必须是CMYK色彩模式,而网页主要使用RGB色彩模式。
Photoshop的色彩管理功能主要是针对印刷品的,而我们目前针对网页,因此可以关闭这个功能。
不用担心,即使不了解色彩管理的具体内容和灰度Gamma的标准,也不影响后面的学习和操作。
在教程以后的内容中,默认都是在关闭色彩管理的前提下进行的。如果需要开启的话,会特别提到。
虽然灰度共有256级,但是由于Photoshop的灰度滑块只能输入整数百分比,因此实际上从灰度滑块中只能选择出101种(0%也算一种)灰度。
大家可以在灰度滑块中输入递增的数值然后切换到RGB滑块察看,可以看到:
0%的灰度RGB数值是255,255,255;1%灰度的RGB数值是253,253,253;2%灰度RGB值为250,250,250。
也就是说,252,252,252这样的灰度是无法用Photoshop的灰度滑块选中的。
相比之下Illustrator的灰度允许输入两位小数,使得选色的精确性大大提高了。如下图:
由于灰度色不包含色相,属于“中立”色,因此它常被用来表示颜色以外的其它信息。
比如我们下面要讲到的通道,灰度在其中已经不是作为一种色彩模式存在,而是作为判断通道饱和度的标准。
而在以后的蒙板中,灰度又被用作判断透明度的标准。
图像通道
在Photoshop中有一个很重要概念叫图像通道,在RGB色彩模式下就是指那单独的红色、绿色、蓝色部分。
也就是说,一幅完整的图像,是由红色绿色蓝色三个通道组成的。
回顾一下前面的三张通道图(顺序为RGB):
他们共同作用产生了完整的图像,如下图:
大家也许会问:如果图像中根本没使用蓝色,只用了红色和绿色,是不是就意味着没了蓝色通道?
我们已经知道黄色和蓝色是互补色,那么一幅全部是纯黄色的图像中,是不是就不包含蓝色通道?
这是错误的概念,一幅完整的图像,红色绿色蓝色三个通道缺一不可。
即使图像中看起来没有蓝色,只能说蓝色光的亮度均为0,但不能说没有蓝色通道存在。
“存在、亮度为零”和“不存在”是两个不同的概念。
现在大家在Photoshop中调入上面那幅完整的图片。再调出通道面板。
一般来说通道面板和图层面板是拼接在一起的,可以通过调出图层面板〖快捷键F7〗后切换到通道。也可以使用菜单【窗口>通道】。
如果面板中没有显示出缩览图,可以右键点击面板中蓝色通道下方的空白处,在弹出的菜单中选择“小”或“中”或“大”。我们看到的通道面板类似下图:
此时注意红色绿色蓝色三个通道的缩览图都是以灰度显示的。
如果我们点击通道名字,就会发现图像也同时变为了灰度图象。快捷键分别是:〖Ctrl ~〗〖Ctrl 1〗〖Ctrl 2〗〖Ctrl 3〗
点击通道图片左边的眼睛图标,可以显示或关闭那个通道。可以动手试试看不同通道组合的效果。
注意不要混淆:最顶部的RGB不是一个通道,而是代表三个通道的总合效果。如果关闭了红色绿色蓝色中任何一个,最顶部的RGB也会被关闭。
点击了RGB后,所有通道都将处在显示状态。
我们可以看到:
如果关闭了红色通道,那么图像就偏青色。如下图:
如果关闭了绿色通道,那么图像就偏洋红色。如下图:
如果关闭了蓝色通道,那么图像就偏黄色。如下图:
以上的现象再次印证了反转色模型:红色对青色、绿色对洋红色、蓝色对黄色。
现在点击察看单个通道,发现每个通道都显示为一幅灰度图像(不能说是黑白图像)。
如下3图,从左至右分别是灰度的红色、绿色、蓝色通道图像:
乍一看似乎没什么不同,仔细一看却又有很大不同。
虽然都是灰度图像,但是为什么有些地方灰度的深浅不同呢?这种灰度图象和RGB又是什么关系呢?
在回答这些问题之前先复习一下前面的一些概念。
电脑屏幕上的所有颜色,都由红色绿色蓝色三种色光按照不同的比例混合而成。这就是说,实际上图像是由三幅图像(红色图绿色图和蓝色图)合成的。
如果对这两个概念有还不明确的话,请再次学习本篇前面有关RGB色彩理论的部分。明白了上面的话后,再看下面的部分。
对于红色而言,它的图像中的分布是不均匀的,有的地方多些,有的地方少些。相当于:有的地方红色亮度高些,有的地方红色亮度低些。
现在再来看红色通道的灰度图,可以看到,有的地方偏亮些,有的地方偏暗些,如下图:
那么把两者对应起来看,这幅灰度图实际上等同于红色光的分布情况图。
在红色通道灰度图中,较亮的区域说明红色光较强(成分较多),较暗的区域说明红色光较弱(成分较少)。
纯白的区域说明那里红色光最强(对应于亮度值255),纯黑的地方则说明那里完全没有红色光(对应于亮度值0)。
某个通道的灰度图像中的明暗对应该通道色的明暗,从而表达出该色光在整体图像上的分布情况。
由于通道共有三个,所以也就有了三幅灰度图像。
从上面的红色通道灰度图中,我们看到车把上挂着的帽子较白,说明红色光在这区域较亮。
那么,是否可以凭借这个红色通道的灰度图象,就断定在整个图像中,帽子就是红色的呢?
还不能,完整图像是由三个通道综合的效果,因此还需要参考另外两个通道才能够定论。
下面再次列出RGB三个通道的灰度图:
我们从中可以分析出:
三个通道中帽子部分都是白。代表这个地方的RGB都有最高亮度,那么可以判断出这个地方是白色(或较白)。
三个通道中坐垫下的挂包中部都是黑色,那么这个地方RGB都不发光,可以判定这个地方是黑色的(或较黑)。
R通道中的前轮圈是白色,G和B通道中为黑色,说明这个地方只有红色,没有绿色和蓝色,那么这个地方应该是红色(或较红色)。
三个通道中后轮胎都是差不多的灰度,说明这个地方RGB值较为接近,那么这个地方应该是灰色(或接近灰色)。
做完以上的推理分析后,可以回到前面原图部分去对照一下。