【PS】浅谈PS颜色模式-RGB模式

    在Photoshop的【拾色器】中我们通常看到几种颜色的表达方式,分别为HSB、LAB、RGB、CMYK,另外还有16进制的RGB颜色表示。由于RGB颜色模式经常使用,所以笔者先从RGB开始讲起,过程难免会有缺漏。

【PS】浅谈PS颜色模式-RGB模式_第1张图片

    就我们所知,光的三原色是红绿蓝,这三种光是其他颜色光混合不出来的,RGB颜色模式也可以简单称为发光模式,因为RGB模式主要应用在显示设备上,如电脑显示、电视显示、手机屏幕显示等。所以在制作网站时一定要选择RGB颜色模式。

    RGB颜色常见的表达有两种,一种是16进制表示,另一种是十进制0~255数值的表示。如上图所示,上图选种颜色RGB(235,170,63),转化为16进制是为ebaa3f。其中16进制eb对应的是235,aa对应170,3f对应63。在网页HTML颜色属性中,我们可以用#ffffff或者RGB(255,255,255)来表示白色,其他颜色也是一样的道理。

    为什么十进制颜色表示范围是0~255呢,原因是在计算机中每种颜色都用8位来存储其数值(RGB公用24为表示,这是24位真彩色的由来),每位数值只有0或者1,所以表示R的8位数值组合情况为2的8次方为256种,同理G和B也有256种,所以RGB能表示的颜色有256*256*256种颜色。颜色的数量超过了我们肉眼能分辨的范围。

    在RGB颜色表示中,颜色数值越大,表示该种颜色发光越强烈。其中黑色数值为RGB(0,0,0),代表三种颜色都不发光,犹如我们站在没有光亮的屋子里,看到的都是黑色。白色的数值是RGB(255,255,255),表示三种颜色都发光到最强。其他在黑白两色之间的数值代表了各种颜色。

接下来我们说说Photoshop的RGB通道,在说通道之前先来了解一下灰度颜色模式。

    灰度模式可以使用256级灰度来表现图像,没有色相这个概念,它使图像的过渡更平滑细腻。灰度图像的每个像素有一个0(黑色)到255(白色)之间的亮度值。灰度颜色也可以说是RGB颜色模式种三种颜色取值一样时的颜色。如在下图PS的颜色面板中,当RGB都取值为90时,显示的是一种灰色。所以灰度颜色包括黑(RGB0,0,0))和白色(RGB255255,255))以及黑白过渡的254种灰色。

【PS】浅谈PS颜色模式-RGB模式_第2张图片

    好,说完灰度模式我们来说一下RGB通道,在PS界面中通道面板如下:

【PS】浅谈PS颜色模式-RGB模式_第3张图片

    只点击一个通道显示的是一个灰度图像,如图所示:

【PS】浅谈PS颜色模式-RGB模式_第4张图片

    通过点击红色通道我们可以看到红色的玫瑰花变成了比较亮的灰色,接近于白色。而其他地方则比较暗。这说明灰色越亮红光发光越强烈,越暗代表红光发光越少

    我们可以通过绿通道来检验一下,按照上面的说法在绿通道中玫瑰花的叶子绿色比较多,所以只点击绿通道时叶子是比较亮的,其他部分比较暗。

【PS】浅谈PS颜色模式-RGB模式_第5张图片

    对比与红色通道来说绿色通道叶子更亮,但是我们发现玫瑰花的花瓣和花瓶的一些部位比叶子更亮,这是什么原因呢?我们可以看回原图:

【PS】浅谈PS颜色模式-RGB模式_第6张图片

    原图中我们可以看到花瓣和花瓶有偏白色的地方,我们知道白色的RGB值是255,255,255,也就是说白色是三种颜色都发光到最强烈,所以白色在三个通道中都会显示为白色,黑色也是同理。

    说了那么多,到底理解颜色模式有什么作用呢?我们来看下面的图:

【PS】浅谈PS颜色模式-RGB模式_第7张图片

    可以发现当用【曲线】调整命令将蓝色通道调亮后,原先的图片明显的偏向了蓝色,这是因为蓝通道变亮,说明蓝色发光更强烈导致图片偏蓝。它与在【图像】-【调整】-【色彩平衡】中调整增加蓝色数值有异曲同工之妙,如下图所示,增大蓝色数值后图像发生了色偏,而且可以看到蓝通道明显变亮了。

【PS】浅谈PS颜色模式-RGB模式_第8张图片

    当然PS中的通道也不一定就显示为灰度模式,我们可以在【编辑】-【首选项】-【界面】中把【用彩色显示通道】前面的勾勾上,这样的话通道显示就会变成下图所示,但是这样会影响我们对色彩的判断,所以最好使用灰度显示。

【PS】浅谈PS颜色模式-RGB模式_第9张图片

    下面随便用一张图片举个例子来探究色彩原理的应用,如下:

【PS】浅谈PS颜色模式-RGB模式_第10张图片

    可以看到图片有点稍微偏向绿色,红色发光不够强烈,所以通过调整色彩平衡增加红色光,减少绿色光就变成下图效果,当然这还没有完全解决问题,因为小狗的色侵也是比较严重的,这个笔者将在【调整】的其他选项中另行介绍。

【PS】浅谈PS颜色模式-RGB模式_第11张图片

    也许看完上图后有读者疑问,红色的左方怎么是青色呢?绿色又怎会与洋红对应在一起,这个我顺便解释一下,首先我们来看个色环:

【PS】浅谈PS颜色模式-RGB模式_第12张图片

    看到问题了没有,色环上红色的180度对应的就是青色,我们再来看几个【颜色】面板:

【PS】浅谈PS颜色模式-RGB模式_第13张图片

    发现了没有,当R值为0,其他两色为255时,显示的就是青色,也就是说青色为红色的反转色,所以为什么说在【色彩平衡】中红色光减少的方向显示为青色,就很好理解了吧。




Author:事始

Sign:只要你还在尝试,就不算失败。

你可能感兴趣的:(设计前沿)