PS笔记：调色部分理论基础

墨蓝 2023-06-21 04:59 31阅读 0赞

### 文章目录 ###

*  调色简介
 *  调色关键词
 *  调色的基本原则（如何调色）
 *   *  第一步：校正画面整体的颜色错误
     *  第二步：细节美化
     *  第三步：帮助元素融入画面
     *  第四步：强化气氛，辅助主题表现

# 调色简介 #

调色是数码照片编修以及平面设计中非常重要的功能，图像的色彩在很大程度上能够决定图像的“好坏”，与图像主题相匹配的色彩才能正确传达图像的内涵。对于设计作品来说也一样，正确地使用色彩对设计作品而言也是非常重要的。不同的颜色往往带有不同的情感倾向，对于消费者心理的影响也不相同。

调色在平面设计中也是不可忽视的一个重要组成部分。平面设计作品中经常需要用到各种各样的图片元素，而图片元素的色调与画面是否匹配也会影响到设计作品的成败。调色不仅要使元素变“漂亮”，更重要的是通过色彩的调整使得元素"融合"到画面中，使元素不再显得突兀，画面整体气氛更统一。

# 调色关键词 #

在视觉世界里，“色彩”被分为两类：无彩色和有彩色，无彩色为黑、白、灰；有彩色则是除了黑、白、灰以外的其他颜色。每种彩色都有三大属性（色彩三要素）：

*  **色相**：决定是什么颜色
 *  **明度**：决定照射在颜色上的白光有多亮
 *  **纯度（饱和度）**：决定颜色浓淡

除此之外还有其他一些调色专业术语：

*  **色温（色性）**：颜色除了色相、明度、纯度这三大属性外，还具有“温度”。色彩的“温度”也被称为色温、色性，指色彩的冷暖倾向。越倾向于蓝色的颜色或画面为冷色调。越倾向于橘色的为暖色调。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70]  
    冷色调  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 1]  
    暖色调
 *  **色调**：“色调”也是我们经常提到的一个词语，指的是画面整体的颜色倾向。为青绿色调图像为紫色调图像。  
    ![在这里插入图片描述][20191211143501790.png]  
    青绿色色调图像  
    ![在这里插入图片描述][20191211143533528.png]  
    紫色色调图像
 *  **影调**：对摄影作品而言，“影调”又称照片的基调，是指画面的明暗层次、虚实对比和色彩的色相明暗等之间的关系。由于影调的亮暗和反差的不同，通常以“亮暗”将图像分为“亮调”，“暗调”和“中间调”。也可以以“反差”将图像分为“硬调”、“软调”和“中间调”等多种形式。

![在这里插入图片描述][20191211143705968.png]  
亮调图像  
![在这里插入图片描述][20191211144214355.png]  
暗调图像

*  **直方图**：“直方图”是用图形来表示图像的每个亮度级别的像素数量。在直方图中横向代表亮度，左侧为暗部区域，中部为中间调区域，右侧为高光区域。纵向代表像素数量，纵向越高表示分布在这个亮度级别的像素越多。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 2]
 *  **颜色模式**：”颜色模式“是指千千万万的颜色表现为数字形式的模型。可以将图像的“颜色模式”理解为记录颜色的方式。在Photoshop中有多种“颜色模式。执行“图像>模式”命令，我们可以将当前的图像更改为其他颜色模式：RGB模式、CMYK模式、HSB模式、Lab颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 3]  
    在设置颜色时，拾色器窗口中可以选择不同的颜色模式进行颜色的设置。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 4]  
    虽然图像可以有多种颜色模式，但并不是所有的颜色模式都经常使用。通常情况下，制作用于显示在电子设备上的图像文档时使用RGB颜色模式。涉及需要印刷的产品时使用CMYK颜色模式。而Lab颜色模式是色域最宽的色彩模式，也是最接近真实世界颜色的一种色彩模式，通常使用在将RGB转换为CMYK过程中，可以先将RGB图像转换为Lab模式，然后再转换为CMYK。下面表格具体认识一下各种颜色模式：

<table> 
 <thead> 
  <tr> 
   <th>颜色模式</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>位图模式</td> 
   <td>使用黑色、白色两种颜色值中的一个来表示图像中的像素。将一幅彩色图像转换为位图模式时，需要先将其转换为灰度模式，删除像素中的色相和饱和度信息之后才能执行“图像&gt;模式&gt;位图“命令，将其转换为位图。</td> 
  </tr> 
  <tr> 
   <td>灰度模式</td> 
   <td>灰度模式是用单一色调来表现图像，将彩色图像转换为灰度模式之后会扔掉图像中的颜色信息</td> 
  </tr> 
  <tr> 
   <td>双色调模式</td> 
   <td>双色调模式不是指由两种颜色构成图像的颜色模式，而是通过1~4种自定油墨创建的单色调、双色调、三色调和四色调的灰度图像。想要将图像转换为双色调模式，需要先将图像转换为灰度模式。</td> 
  </tr> 
  <tr> 
   <td>索引颜色模式</td> 
   <td>索引颜色是位图像的一种编码方法，可以通过限制图像中的颜色总数来实现有损压缩。索引颜色模式的位图较其他模式的位图占用更少的空间，所以索引颜色模式位图广泛应用于网络图形、游戏制作中，常见的格式有GIF、PNG-8等。</td> 
  </tr> 
  <tr> 
   <td>RGB颜色模式</td> 
   <td>RGB颜色模式是进行图像处理时最常使用到的一种模式，RGB颜色模式是一种“加光”模式。RGB分别代表Red、Green、Blue。RGB颜色模式下的图像只有在发光体上才能显示出来，如显示器、电视、手机等。该模式所包含的颜色信息（色域）有1670多万种，是一种真色彩颜色模式。</td> 
  </tr> 
  <tr> 
   <td>CMYK颜色模式</td> 
   <td>CMYK颜色模式是一种印刷模式，也叫“减光”模式，该模式下的图像只有在印刷品上才可以观察到。CMY是三种印刷油墨名称的首字母，C表示Cyan（青色）， M表示Magenta（洋红），Y表示Yellow（黄色），K表示Black（黑色）。CMYK颜色模式包含的颜色总数比RGB颜色模式少很多，所以在显示器上观察到的图像要比印刷出来的图像更亮丽一些。</td> 
  </tr> 
  <tr> 
   <td>Lab颜色模式</td> 
   <td>Lab颜色模式是由L（照度）和有关色彩的a、b这三要素组成，L表示Luminosity（照度），相当于亮度；a表示从红色到绿色的范围；b表示从黄色到蓝色的范围。</td> 
  </tr> 
  <tr> 
   <td>多通道颜色模式</td> 
   <td>多通道颜色模式图像在每个通道中都包含256个灰阶，对于特殊打印时非常有用。将一张RGB颜色模式的图像转换为多通道模式的图像后，之前的红、绿、蓝三个通道将变成青色、洋红、黄色三个通道。多通道模式图像可以存储为PSD、PSB、EPS和RAW格式</td> 
  </tr> 
 </tbody> 
</table>

# 调色的基本原则（如何调色） #

在Photoshop的“图像”菜单中包含多种可以用于调色的命令，其中大部分位于“图像>调整”子菜单中，还有三个自动调色命令位于“图像”菜单下，这些命令可以直接作用于所选图层。  
![在这里插入图片描述][20191211153359882.png]  
执行“图层>新建调整图层”命令，在子菜单中可以看到与“图像>调整”子菜单中相同的命令，这些命令起到的调色效果是相同的，但是其使用方式略有不同。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 5]  
上面两幅图"调色"命令与调整图层，是PS中的两种常用的调色方法，最大的区别在于“调色命令”直接作用于原图层，而调整图层不会破坏原图层，类似于图层蒙版。

一张曝光正确的照片通常应当是大部分色阶集中在中间调区域，亮部区域和暗部区域也应当有适当的色阶。但需要注意的是：并不是一味追求“正确”曝光。很多时候画面的主题才是控制图像是何种影调的决定因素。。所谓“调色”，是通过调整图像的明暗（亮度）、对比度、曝光度、饱和度、色相、色调等几大方面来进行调整，从而实现图像整体颜色的改变。但如此多的调色命令，在真正调色时要从何处入手呢？只需要遵循以下原则：

## 第一步：校正画面整体的颜色错误 ##

处理一张图片时，通过对图像整体的观察，最先考虑到的就是图像整体的颜色有没有“错误”。例如：

*  偏色（画面过于偏向暖色调/冷色调、偏紫色等）
 *  画面太亮（曝光过度）
 *  太暗（曝光不足）
 *  偏灰（对比度低）
 *  明暗反差过大

如果出现上述这些问题，首先要对以上问题进行处理，使得图像变为一张曝光正常、色彩正确的图像。而对于新闻图片的处理，可能无需对画面进行美化，而需要最大限度地保留画面的真实度。调色步骤到此为止，不再进行下面步骤。

## 第二步：细节美化 ##

通过第一步的整体调整，已经得到一张“正常”的图像。虽然这些图像是基本“正确”的，但是仍然可能存在一些不尽如人意的细节。例如：

*  想要重点突出的部分比较暗
 *  照片背景颜色不美观

对“细节”的处理是非常有必要的，因为画面的重点常常就集中在一个很小的部分上。

## 第三步：帮助元素融入画面 ##

在制作一些平面设计作品或者创意合成作品时，经常需要在原有的画面中添加一些其他元素，例如

*  在版面中添加主体人物
 *  为人物添加装饰
 *  为海报中产品周围添加陪衬元素
 *  为整个画面更换一个新背景

当后添加的元素出现在画面中时，可能会感觉“假”颜色奇怪，除去元素内容、虚实程度、大小比例、透视角度等问题，最大的可能性就是新元素与原始图像的“颜色”不统一。例如“

*  环境颜色为偏冷色调，而人物为偏暖色调

此时需要对色调倾向不同的内容进行调色操作了。

## 第四步：强化气氛，辅助主题表现 ##

到此步骤，画面的整体、细节、新增元素的颜色都被正确“处理”了，很多时候想要使自己的作品脱颖而出，需要的是超越其他作品的“视觉感受”所以，需要对图像的颜色进行进一步的调整，即考虑的是与图像主题相契合。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191211143202448.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2019121114321688.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA==,size_16,color_FFFFFF,t_70
[20191211143501790.png]: https://img-blog.csdnimg.cn/20191211143501790.png
[20191211143533528.png]: https://img-blog.csdnimg.cn/20191211143533528.png
[20191211143705968.png]: https://img-blog.csdnimg.cn/20191211143705968.png
[20191211144214355.png]: https://img-blog.csdnimg.cn/20191211144214355.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191211145218616.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191211145031967.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/2019121114561432.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA==,size_16,color_FFFFFF,t_70
[20191211153359882.png]: https://img-blog.csdnimg.cn/20191211153359882.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20191211153414236.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjEyNDIzNA==,size_16,color_FFFFFF,t_70