
第1章 图像色彩/色调处理

在平面设计中,好的色彩色调搭配不仅能给观赏者带来舒适的感觉,还能充分展现作品的结构和创意。Photoshop CS3提供了强大的图像色彩和色调调整功能,设计者可以在任何时候改变图像的色彩或色调,使平面作品看上去更具有说服力,更能打动观赏者。
实例1 制作黑白图像
素材:\实例1\首饰.jpg
源文件:\实例1\黑白图像.psd
包含知识
■ 打开图像
■ 去除图像彩色信息
■ 调整亮度和对比度
重点难点
■ 去除图像彩色信息
■ 调整亮度和对比度
制作思路

打开图像

去除彩色

降低亮度

增加对比度
01

1 启动Photoshop CS3,选择“文件-打开”命令,在打开的“打开”对话框中选择“首饰.jpg”图像。
02

1 单击“打开”按钮,打开选择的图像。
03

1 选择“图像-调整-去色”命令,系统将自动去除原图像中的彩色信息。
04

1 选择“图像-调整-亮度/对比度”命令,在打开的“亮度/对比度”对话框中设置亮度为-70,降低图像的亮度。
05

1 设置对比度为100,以增强图像的明暗对比关系,从而使图像更具层次感,单击“确定”按钮,完成实例的制作。
知识延伸
启动Photoshop CS3后,在窗口的任意空白区域双击鼠标左键,可快速打开“打开”对话框,再双击图像文件的名称,可快速打开图像文件。图像打开的时间与图像本身的大小有关,图像越大,打开的时间就越长,所以有的图像可能打开需要几秒钟,用户应耐心等待。
另外,按【Ctrl+Shift+U】组合键可快速实现对图像的去色处理,即去除图像中的彩色信息,但图像的亮度不会发生任何变化。在通过“亮度/对比度”对话框调整图像的亮度时,为了防止因亮度的变化而减少图像的细节,应注意要根据图像的实际情况有选择性地调整对比度。
实例2 制作单色调图像
素材:\实例2\婚纱照.jpg
源文件:\实例2\紫色调图像.psd
包含知识
■ 转换图像色彩模式
■ “色相/饱和度”命令
重点难点
■ 转换图像色彩模式
■ 调整图像色相
制作思路

打开图像

转换图像色彩模式

增加默认颜色

调整色相
01

1 打开“婚纱照.jpg”图像。
02

1 选择“图像-模式-灰度”命令。
2 在打开的“信息”对话框中单击“扔掉”按钮,将图像转换成灰度模式。
03

1 选择“图像-模式-RGB颜色”命令,将图像色彩模式重新转换为RGB模式。
04

1 选择“图像-调整-色相/饱和度”命令,在打开的对话框中选中“着色”复选框。
05

1 向右拖动“色相”滑块,直至“色相”文本框中显示为“290”,单击“确定”按钮,制作出单色彩图像效果,完成实例的制作。
举一反三
根据本例介绍的方法,练习制作一个如下图所示的褐色调图像(源文件:\实例2\褐色调图像.psd)。

实例3 制作古铜色图像
素材:\实例3\射击.jpg
源文件:\实例3\古铜色图像.psd
包含知识
■ 图像模式的多次转换
■ 为通道上色
重点难点
■ 图像模式的多次转换
制作思路

打开图像

转换为灰度模式

转换为CMYK模式

为通道上色
01

1 打开“射击.jpg”图像,如图所示该图像为RGB颜色模式。
02

1 选择“图像-模式-CMYK颜色”命令,将图像转换为CMYK颜色模式。
03

1 选择“图像-模式-多通道”命令,将图像转换为多通道模式。
04

1 选择“图像-模式-灰度”命令,将图像转换为灰度模式。
05

1 选择“图像-模式-CMYK颜色”命令,再次将图像转换为CMYK颜色模式。
06

1 双击洋红通道,在对话框中单击颜色块,打开“选择专色”对话框,选择颜色为橙色,单击“确定”按钮返回“专色通道选项”对话框,单击“确定”按钮。
2 将图像转换为RGB颜色模式,完成实例的制作。
实例4 制作双色调图像
素材:\实例4\风景.jpg
源文件:\实例4\双色调图像.psd
包含知识
■ 编辑双色调模式
■ 转换图像模式
重点难点
■ 编辑双色调模式
制作思路

打开图像

转换为灰度模式

编辑双色调模式

最终效果
01

1 打开“风景.jpg”图像,该图像为RGB颜色模式。
02

1 选择“图像-模式-灰度”命令,在打开的对话框中单击“扔掉”按钮,将图像转换为灰度模式。
03

1 选择“图像-模式-双色调”命令,在打开的“双色调选项”对话框中设置类型为双色调,单击“油墨2”对应的颜色块。
04

1 在打开的“选择油墨颜色:”对话框中调整颜色为蓝色(R0,G54,B255),单击“确定”按钮。
05


1 返回“双色调选项”对话框,在“油墨2”文本框中输入“蓝色”文本,单击“确定”按钮关闭对话框,此时的图像由黑色和蓝色组成,完成实例的制作。
举一反三
根据本例介绍的方法,自行制作一个如下图所示的三色调图像(源文件:\实例4\三色调图像.psd)。

实例5 制作黄昏图像
素材:\实例5\小镇.jpg
源文件:\实例5\黄昏.psd
包含知识
■ 四色调图像模式
■ “色彩平衡”命令
■ “亮度/对比度”命令
■ 转换图像模式
重点难点
■ 四色调图像模式
■ “色彩平衡”命令
制作思路

打开图像

采用四色调模式

色彩平衡处理

增加亮度
01

1 打开“小镇.jpg”图像,该图像为RGB颜色模式。
02

1 选择“图像-模式-灰度”命令,将图像转换为灰度模式。
03

1 选择“图像-模式-双色调”命令,在打开的对话框中设置类型为四色调,并设置各个油墨颜色如图所示。
04

1 转换并编辑图像为四色调模式的效果如图所示。
2 将图像转换为RGB颜色模式。
05

1 选择“图像-调整-色彩平衡”命令,在打开的对话框中增加红色和黄色调,然后单击“确定”按钮。
06

1 选择“图像-调整-亮度/对比度”命令,在打开的“亮度/对比度”对话框中设置亮度为90,单击“确定”按钮,完成实例的制作。
实例6 制作淡墨图像
素材:\实例6\海边.jpg
源文件:\实例6\淡墨画.psd
包含知识
■ 设置图层混合模式
■ 高斯模糊滤镜
■ “色阶”命令
■ 复制生成图层
重点难点
■ 高斯模糊滤镜
■ “色阶”命令
制作思路

打开图像

调整亮度和对比度

高斯模糊

调整色阶
01

1 打开“海边.jpg”图像,该图像为RGB颜色模式。
02

1 选择“图像-调整-去色”命令,将图像中的彩色信息去除。
03

1 选择“图像-调整-亮度/对比度”命令,在打开的对话框中设置亮度为60,单击“确定”按钮。
04

1 按【Ctrl+J】组合键复制生成图层1。
2 在“图层”面板的“设置图层的混合模式”下拉列表中设置图层的混合模式为“变暗”。
05

1 选择“滤镜-模糊-高斯模糊”命令,在打开的对话框中设置半径为10像素,单击“确定”按钮。
06

1 选择“图像-调整-色阶”命令,在打开的对话框中设置输入色阶为72,1 和240,单击“确定”按钮,完成实例的制作。
实例7 校正曝光和偏色
素材:\实例7\山坡.jpg
源文件:\实例7\山坡.psd
包含知识
■ “色阶”命令
■ “亮度/对比度”命令
重点难点
■ “色阶”命令高级应用
制作思路

原始图像

调整色阶

调整亮度
01

1 打开“山坡.jpg”图像,观察发现该图像存在曝光不足及黄色调过多的现象。
02

1 选择“图像-调整-色阶”命令,在打开的“色阶”对话框中观察发现高光区和阴影区出现不连续直方图显示。
03

1 向左拖动“高光输入色阶”滑块,以适当增加图像的亮度。
04

1 向右拖动“阴影输入色阶”滑块,以适当增加图像的阴影区域。
05

1 单击“在图像中取样以设置灰场”按钮,在图像中任意黄色调区域单击取样,去除图像中多余的黄色调,然后单击“确定”按钮。
06

1 选择“图像-调整-亮度/对比度”命令,在打开的对话框中设置亮度为70,单击“确定”按钮,完成实例的制作。
实例8 为黑白图像快速上色
素材:\实例8\湖水.jpg
源文件:\实例8\湖水.psd
包含知识
■ “渐变映射”命令
■ “亮度/对比度”命令
重点难点
■ 设置渐变色
制作思路

原始图像

渐变映射填充颜色

编辑渐变颜色

调整亮度和对比度
01

1 打开“湖水.jpg”图像,观察发现该图像为一幅黑白图像,没用任何彩色信息。
02

1 选择“图像-调整-渐变映射”命令,在打开的“渐变映射”对话框中,系统采用默认的前景色和背景色渐变填充图像。
03

1 单击“灰度映射所用的渐变”栏中渐变色块右侧的按钮,在弹出的下拉列表中双击选择第6 种渐变颜色样式。
04

1 在渐变色块上单击鼠标左键,在打开的对话框中分别双击渐变编辑条底部的第1个和第2个“色标”滑块,在打开的“选择色标颜色”对话框中分别设置颜色参数,完成后依次单击“确定”按钮关闭对话框。
05

1 修正颜色后的效果如图所示。
06

1 选择“图像-调整-亮度/对比度”命令,在打开的“亮度/对比度”对话框中设置亮度为68,对比度为-10,单击“确定”按钮,完成实例的制作。
实例9 强化图像色彩
素材:\实例9\墙角.jpg
源文件:\实例9\墙角.psd
包含知识
■ “色相/饱和度”命令
■ “亮度/对比度”命令
重点难点
■ “色相/饱和度”命令高级应用
制作思路

原始图像

增加红色和黄色饱和度

增加绿色和青色饱和度

调整亮度和对比度
01

1 打开“墙角.jpg”图像,观察发现该图像具有明显的灰度,且颜色不够鲜艳。
02

1 按【Ctrl+U】组合键,在打开的对话框的“编辑”下拉列表中选择“红色”选项,设置饱和度为50。
03

1 在“编辑”下拉列表中选择“黄色”选项,并设置饱和度为70。
04

1 在“编辑”下拉列表中选择“绿色”选项,并设置饱和度为75。
05

1 在“编辑”下拉列表中选择“青色”选项,并设置饱和度为85,单击“确定”按钮。
06

1 选择“图像-调整-亮度/对比度”命令,在打开的“亮度/对比度”对话框中设置亮度为35,对比度为-50,单击“确定”按钮,完成实例的制作。
实例10 制作非主流浓彩图像
素材:\实例10\凝望.jpg
源文件:\实例10\凝望.psd
包含知识
■ “色阶”命令
■ “强光”图层混合模式
重点难点
■ 设置通道颜色
制作思路

原始图像

洋红和青色通道色阶调整

模糊青色通道

设置图层混合模式和不透明度
01

1 打开“凝望.jpg”图像。
2 按【Ctrl+J】组合键复制背景图层,生成图层1。
02

1 选择“图像-模式-CMYK颜色”命令,在打开的对话框中单击“不拼合”按钮,将图像转换为CMYK颜色模式。
03

1 在“通道”面板中,选择洋红通道,按【Ctrl+L】组合键,调整输入色阶参数,单击“确定”按钮。
04

1 选择青色通道,并对该通道也进行色阶处理,如图所示,单击“确定”按钮。
05

1 选择“滤镜-模糊-高斯模糊”命令,在打开的对话框中设置半径为3像素,单击“确定”按钮。
06

1 在“通道”面板中,选择CMYK通道。
2 切换到“图层”面板,设置图层1的混合模式为“强光”,不透明度为80%,完成实例的制作。
实例11 校正严重偏色图像
素材:\实例11\童趣.jpg
源文件:\实例11\童趣.psd
包含知识
■ “曲线”命令
■ “色彩平衡”命令
■ “亮度/对比度”命令
重点难点
■ “曲线”命令
■ “色彩平衡”命令
■ “亮度/对比度”命令
制作思路

原始图像

调整曲线

增加绿色和蓝色调

调整亮度和对比度
01

1 打开“童趣.jpg”图像,观察发现该图像过于灰暗且具有过多的红色调。
02

1 选择“图像-调整-曲线”命令,在打开的对话框中移动鼠标至45°倾斜的直线的中部单击,增加调整点。
03

1 向左上侧拖动增加的调整点,同时观察图像效果,直到图像的亮度增加至如图所示为止,单击“确定”按钮。
04

1 选择“图像-调整-色彩平衡”命令,在打开的对话框中向右拖动“洋红-绿色”滑块,以增加绿色调。
05

1 向右拖动“黄色-蓝色”滑块,以增加蓝色调。
2 单击“确定”按钮。
06

1 选择“图像-调整-亮度/对比度”命令,在打开的“亮度/对比度”对话框中设置亮度为40。
2 单击“确定”按钮,完成实例的制作。
实例12 替换图像中部分颜色
素材:\实例12\花架.jpg
源文件:\实例12\花架.psd
包含知识
■ “替换颜色”命令
重点难点
■ “替换颜色”命令的应用
制作思路

原始图像

替换花叶颜色

替换花朵颜色
01

1 打开“花架.jpg”图像。
02

1 选择“图像-调整-替换颜色”命令,打开“替换颜色”对话框,在图像窗口中的任意花叶处单击,同时选择图像中与取样点处相似的颜色。
03

1 向右拖动“颜色容差”滑块,以增加图像中花叶的选择范围。
04

1 向左拖动“色相”滑块,向右拖动“饱和度”滑块,然后单击“确定”按钮。
05

1 选择“图像-调整-替换颜色”命令,打开“替换颜色”对话框,在图像中的任意红色花朵处单击,然后向右拖动颜色容差滑块,直至预览框中红色花朵所在区域全部显示为白色为止。
06

1 向左拖动“色相”滑块至参数值为-75处,向右拖动“饱和度”滑块至参数值为100处,单击“确定”按钮。至此,已对原始图像中的花叶和花朵颜色进行了替换。
实例13 通道互换调整色调
素材:\实例13\窗格.jpg
源文件:\实例13\窗格.psd
包含知识
■ 分离通道
■ 合并通道
重点难点
■ 分离通道
■ 合并通道
制作思路

打开图像

分离通道

合并通道

最终效果
01

1 打开“窗格.jpg”图像,该图像颜色模式为RGB,且只有一个背景图层。
02

1 切换到“通道”面板,单击右上角的按钮,在弹出的下拉菜单中选择“分离通道”命令。
03

1 系统自动将原图像中的红、绿和蓝通道分离为3个灰度模式的图像。
04

1 再次单击“通道”面板右上角的按钮,在弹出的下拉菜单中选择“合并通道”命令。
05

1 在打开的“合并通道”对话框中设置模式为“RGB颜色”,单击“确定”按钮。
2 在打开的“合并RGB通道”对话框中交换绿通道和蓝通道,单击“确定”按钮。
06

1 应用“合并通道”命令后,分离后的3个灰度模式图像重新组合为一个RGB模式的图像,由于交换了蓝通道和绿通道,所以合并后的图像色调发生了变化。
实例14 去除图像中部分颜色
素材:\实例14\滑雪者.jpg
源文件:\实例14\滑雪者.psd
包含知识
■ 创建并编辑调整图层
■ 画笔工具
重点难点
■ 创建并编辑调整图层
制作思路

原始图像

去除图像彩色信息

重新显示部分彩色信息
01

1 打开“滑雪者.jpg”图像,本实例中将突出显示女滑雪者,而弱化显示男滑雪者。
02

1 单击“图层”面板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“色相/饱和度”命令。
03

1 在打开的“色相/饱和度”对话框中设置饱和度为-100,单击“确定”按钮。
04

1 去除图像的彩色信息后图像呈灰度显示,并且系统自动生成“色相/饱和度1”调整图层。
05

1 按【D】键复位前景色和背景色。
2 按【X】键交换前景色和背景色,此时前景色为黑色。
3 单击图层蒙版缩略图。
06

1 按【B】键选择画笔工具,设置画笔大小,在图像中的女滑雪者所在区域涂抹,直至女滑雪者中的彩色信息全部显示为止,完成实例的制作。
实例15 快速染发
素材:\实例15\背影.jpg
源文件:\实例15\背影.psd
包含知识
■ “阴影/高光”命令
■ 创建并编辑调整图层
■ 画笔工具
重点难点
■ 创建并编辑调整图层
制作思路

原始图像

改变图像色相

显示头发处色相
01

1 打开“背影.jpg”图像,观察发现图像中人物的头发颜色为板粟色。
02

1 选择“图像-调整-阴影/高光”命令,在打开的对话框中保持默认参数,单击“确定”按钮,以增加暗部亮度。
03

1 按【Ctrl+J】组合键新建图层1,并在“图层”面板中将图层1的混合模式设置为“颜色”。
04

1 创建“色相/饱和度1”图层,并在打开的“色相/饱和度”对话框中设置色相为-40。
05

1 按【D】键复位前景色和背景色,按【X】键交换前景色和背景色,单击图层蒙版缩略图,按【Alt+Delete】组合键填充前景色。
06

1 按【X】键交换前景色和背景色,按【B】键选择画笔工具,调整画笔尺寸在图像中人物头发所在区域涂抹,直至得到如图所示的效果,完成实例的制作。
实例16 图像颜色变清晰
素材:\实例16\高原植物.jpg
源文件:\实例16\高原植物.psd
包含知识
■ “阴影/高光”命令
■ “叠加”图层混合模式
■ “亮度/对比度”命令
■ “曲线”命令
重点难点
■ “阴影/高光”命令
■ “叠加”图层混合模式
制作思路

原始图像

调整阴影和高光

叠加混合图层

调整曲线增加亮度
01

1 打开“高原植物.jpg”图像,观察发现该图像过于灰暗,从而使图像的细节显示不完整。
02

1 按【Ctrl+J】组合键复制生成图层1。
03

1 选择“图像-调整-阴影/高光”命令,在打开的对话框中设置阴影数量为30%,增加图像暗部区域的亮度,单击“确定”按钮。
04

1 选择“图像-调整-亮度/对比度”命令,在打开的对话框中设置亮度和对比度为50,单击“确定”按钮。
05

1 在“图层”面板中设置图层1 的混合模式为“叠加”,观察发现此时图像中各颜色的边缘得能够清晰显示。
06

1 选择“图像-调整-曲线”命令,在打开的对话框中水平向左拖动右上角的调整点,垂直向上拖动左下角的调整点,以增加图像中暗部区域的亮度,单击“确定”按钮,完成实例的制作。
实例17 制作老照片
素材:\实例17\深山人家.jpg
源文件:\实例17\深山人家.psd
包含知识
■ “计算”命令
■ 填充通道
重点难点
■ “计算”命令的应用
■ 填充通道
制作思路

原始图像

计算图像

用黑色填充绿通道

用白色填充绿通道
01

1 打开“深山人家.jpg”图像,该图像模式为RGB颜色模式。
02

1 选择“图像-计算”命令,在打开的对话框中设置“源1”和“源2”栏下的通道分别为绿通道和蓝通道,在“混合”下拉列表中选择“变暗”选项,单击“确定”按钮。
03

1 应用“计算”命令后,系统会自动根据对绿通道和蓝通道的计算生成一个名为“Alpha 1”的新通道。
04

1 选择绿通道,按【D】键复位前景色和背景色。
2 按【Alt+Delete】组合键填充前景色。
05

1 按住【Ctrl】键的同时单击Alpha 1通道对应的通道缩略图,载入该通道中的选区(此时的当前工作通道仍为绿通道)。
06

1 按【Ctrl+Delete】组合键填充背景色。
2 按【Ctrl+D】组合键取消选区,完成实例的制作。
实例18 匹配图像色调
素材:\实例18\流水.jpg、古建筑.jpg
源文件:\实例18\古建筑.psd
包含知识
■ “匹配颜色”命令
重点难点
■ “匹配颜色”命令的应用
制作思路

原始图像

初始匹配色调

调整匹配色调的亮度

消隐部分匹配色调
01

1 打开“流水.jpg”图像,本实例将把该图像中的色调应用到另一个图像中。
02

1 打开“古建筑.jpg”图像,本实例将把该图像中的色调作为被匹配的色调。
03

1 选择“图像-调整-匹配颜色”命令,在打开的对话框的“图像统计”栏中设置源图像为“流水.jpg”图像。
04

1 选中“图像选项”栏中的“中合”复选框,以混合两幅图像的色调。
05

1 在“图像选项”栏中拖动“明亮度”滑块至滑条最右侧,以适当增加图像的亮度。
06

1 在“图像选项”栏中向右拖动“渐隐”滑块,直至其数值框中显示为“20”为止,适当降低匹配的色调。
2 单击“确定”按钮,完成实例的制作。
实例19 制作颜色反相效果
素材:\实例19\冲浪.jpg
源文件:\实例19\冲浪.psd
包含知识
■ “反相”命令
■ “渐隐反相”命令
■ “色相”图层混合模式
重点难点
■ “渐隐反相”命令的应用
制作思路

原始图像

颜色反相

修改颜色反相

设置图层混合模式
01

1 打开“冲浪.jpg”图像。
02

1 选择“图像-调整-反相”命令,此时图层1的颜色反相。
2 按【Ctrl+J】组合键,复制背景图层,生成图层1。
03

1 选择“编辑-渐隐反相”命令,在打开的对话框中设置不透明度为80%,以降低图层1中颜色反相的程度。
04

1 设置模式为“颜色”,单击“确定”按钮。
05

1 在“图层”面板中设置图层1 的混合模式为“色相”,增加图像中的黄色调,观察发现图像中暗部区域亮度增加了,完成实例的制作。
注意提示
按【Ctrl+I】组合键可快速执行“反相”命令。对“渐隐”对话框中的不透明度和模式参数进行设置,可以对上一次操作的结果进行简单的再编辑,就如同先在“图层”面板中设置图层1的不透明度为85%,然后再修改其图层混合模式为“色相”。另外,按【Shift+Ctrl+F】组合键可快速打开“渐隐”对话框。执行任何图像色彩或色调调整命令后,“编辑”菜单下的“渐隐”命令名称都会有相应的变化,例如,执行“色阶”命令后,该命令将变为“渐隐色阶”命令。