1、网页制作案例教程第12章 图像调整与合成l 掌握图像色彩调整的基本方法。l 掌握使用文字的基本方法。l 掌握使用图层的基本方法。l 掌握应用图层样式的基本方法。l 掌握创建蒙板的基本方法。学习目标12.1.1 快速调整图像12.1 图像色调色彩 使用快速调整图像命令无须设置任何参数，即可在图像上显示效果，非常方便快捷。可以快速调整图像的命令有【自动色调】、【自动对比度】、【自动颜色】、【去色】、【反相】等。选择菜单命令【图像】/【自动色调】和【图像】/【自动颜色】，调整图像颜色效果.12.1.1 快速调整图像12.1 图像色调色彩 选择菜单命令【图像】/【调整】/【去色】，将彩色图像变为灰阶图
2、。选择菜单命令【图像】/【调整】/【反相】，创建反相效果。12.1.2 调整图像曝光12.1 图像色调色彩 不同的图像获取方式会产生不同的曝光问题，可以使用相应的命令加以解决，常用的命令有【亮度/对比度】、【色阶】、【曲线】、【曝光度】、【阴影/高光】等。一、【亮度/对比度】命令 亮度即图像的明暗，对比度表示的是图像中明暗区域最亮的白色和最暗的黑色之间不同亮度层级的范围，范围越大对比越大。使用【亮度/对比度】命令可以增亮或变暗图像中的色调。12.1.2 调整图像曝光12.1 图像色调色彩 二、【色阶】命令 使用【色阶】命令可以通过调整图像的阴影、中间调和高光的强度级别，从而校正图像的色调范围和
3、色彩平衡。12.1.2 调整图像曝光12.1 图像色调色彩 三、【曲线】命令 使用【曲线】命令与【色阶】命令相似，都是用来调整图像的色彩范围。不同的是，【色阶】命令只能调整图像的亮部、暗部和中间灰度，而【曲线】命令可以对图像颜色通道中0255范围内的任意点进行调节，从而创造出更多种色调和色彩效果。选择菜单命令【图像】/【调整】/【曲线】，打开【曲线】对话框，调整RGB通道曲线的形状12.1.2 调整图像曝光12.1 图像色调色彩 在【通道】下拉列表框中选择“红”，并调整曲线的形状。12.1.2 调整图像曝光12.1 图像色调色彩 在【通道】下拉列表框中选择“蓝”，并调整曲线的形状12.1.2
4、调整图像曝光12.1 图像色调色彩 四、【曝光度】命令 使用【曝光度】命令可以调整HDR（32位）图像色调，也可用于8位和16位图像。曝光度是通过在线性颜色空间（灰度系数1.0）执行计算而得出的。选择菜单命令【图像】/【调整】/【曝光度】，打开【曝光度】对话框。12.1.2 调整图像曝光12.1 图像色调色彩 五、【阴影/高光】命令 使用【阴影/高光】命令可以对象的阴影和高光部分进行调整。【阴影/高光】命令不是简单地使图像变亮或变暗，它基于阴影或高光中的周围像素增亮或变暗。选择菜单命令【图像】/【调整】/【阴影/高光】，打开【阴影/高光】对话框。12.1.2 调整图像曝光12.1 图像色调色彩
5、 如果需要，还可以勾选【显示更多选项】打开如图12-23所示对话框，进行更多参数设置，包括色调、半径等。12.1.3 调整图像色彩12.1 图像色调色彩 对于图像的颜色，也可以进行调整修饰，常用的命令有【色相/饱和度】、【色彩平衡】、【匹配颜色】、【替换颜色】、【黑白】等。一、【色相/饱和度】命令 使用【色相/饱和度】命令可以改变图像像素的色相、饱和度和明度，而且还可以通过给像素定义新的色相和饱和度实现给灰度图像上色的功能，也可创作单色调效果。由于位图和灰度模式的图像不能使用该命令，所以使用前必须将图像转化为RGB模式或其他的颜色模式。12.1.3 调整图像色彩12.1 图像色调色彩 单击【全
6、图】按钮，选择“绿色”，将饱和度调整为“-45”。12.1.3 调整图像色彩12.1 图像色调色彩 二、【色彩平衡】命令 使用【色彩平衡】命令可以调整彩色图像中颜色的组成，多用于调整偏色图像。选择菜单命令【图像】/【调整】/【色彩平衡】，打开【色彩平衡】对话框，将色阶调整为“55”“25”“10”，色调平衡为“中间调”，勾选【保持明度】复选框保证在调整色彩时图像透明度不变。12.1.3 调整图像色彩12.1 图像色调色彩 勾选【阴影】单选按钮，然后将色阶调整为“55”“25”“10”。12.1.3 调整图像色彩12.1 图像色调色彩 三、【匹配颜色】命令 使用【匹配颜色】命令可以将源图像的颜色
7、与目标图像的颜色相匹配，适合使多幅图像的颜色保持一致。使用同样一张图像进行匹配不同颜色后，可以产生不同的礼堂效果。该命令还可以匹配多个图层和选区之间的颜色。选择菜单命令【窗口】/【排列】/【双联垂直】。12.1.3 调整图像色彩12.1 图像色调色彩 选择菜单命令【图像】/【调整】/【匹配颜色】，打开【匹配颜色】对话框，在【图像统计】选项区的【源】下拉列表框中选择“fg01.jpg”。12.1.3 调整图像色彩12.1 图像色调色彩 在【图像选项】中，勾选【中和】复选框，设置渐隐数值为“30”，颜色强度为“90”。12.1.3 调整图像色彩12.1 图像色调色彩 四、【替换颜色】命令 使用【替
8、换颜色】命令可以创建临时性蒙板以选择图像中的特定颜色，然后替换颜色，也可以设置选定区域的色相、饱和度和亮度，或者使用拾色器来选择替换颜色。选择菜单命令【图像】/【调整】/【替换颜色】，打开【替换颜色】对话框，设置颜色容差为“150”，并使用【吸管】工具在图像底部蓝色区域上单击。12.1.3 调整图像色彩12.1 图像色调色彩 在【替换】选项区中，将色相设置为“80”。12.1.3 调整图像色彩12.1 图像色调色彩 在对话框中单击（添加到取样）按钮，在图像底部右侧的黄色区域单击。12.1.3 调整图像色彩12.1 图像色调色彩 五、【黑白】命令 应用【黑白】命令可将彩色图像转换为灰度图像，同时
9、保持对各颜色的转换方式的完全控制。也可以为灰度图像着色，将彩色图像转换为单色图像。选择菜单命令【图像】/【调整】/【黑白】，打开【黑白】对话框，在【红色】文本框中输入“-150”，在【绿色】文本框中输入“90”，在【蓝色】文本框中输入“-10”。12.1.3 调整图像色彩12.1 图像色调色彩 勾选【色调】复选框，在【色相】文本框中输入“200”，在【饱和度】文本框中输入“10”。12.2.1 创建点文字12.2 使用文字 点文字是一个水平或垂直文本行，它从在图像中单击的位置开始。要向图像中添加少量文字时，在某个点输入文本是一种适当的方式。当输入点文字时，每行文字都是独立的，其长度随着文本的输
10、入而不断增加，但不会换行。字数较少的标题等可以使用点文字来完成。如使用横排文字工具。12.2.2 创建段落文字12.2 使用文字 段落文字使用以水平或垂直方式控制字符流的边界。当想要创建一个或多个段落（如宣传手册）时，采用这种方式输入文本十分有用。12.2.3 创建路径文字12.2 使用文字 路径文字是指沿着开放或封闭的路径的边缘流动的文字。可以输入沿着用钢笔或形状工具创建的工作路径的边缘排列的文字。12.2.4 转换文字图层12.2 使用文字 文字作为特殊的矢量对象，不能够像普通对象一样进行编辑操作。在处理文字时要先将文字图层进行转换。转换后的文字对象无法再像先前一样能够编辑和设置属性。一、
11、将文字转换为形状 在将文字转换为形状时，文字图层被替换为具有矢量蒙版的图层。可以编辑矢量蒙版并对图层应用样式，可以使用路径选择工具对文字效果进行调节，但无法在图层中将字符作为普通文本进行编辑。转换方法是，选择文字图层，然后选择菜单命令【文字】/【转换为形状】即可。12.2.4 转换文字图层12.2 使用文字 二、将文字转换为工作路径通过将文字字符转换为工作路径，可以将这些文字字符用作矢量形状。工作路径是出现在【路径】面板中的临时路径，用于定义形状的轮廓。从文字图层创建工作路径之后，可以像处理任何其他路径一样对该路径进行存储和操作。虽然无法以文本形式编辑路径中的字符，但原始文字图层将保持不变并可
12、编辑。转换方法是，选择文字图层，然后选择菜单命令【文字】/【创建工作路径】即可。三、栅格化文字图层 要对文本图层中创建的文字使用描绘工具或滤镜命令等工具，必须提前栅格化文字。栅格化表示将文字图层转换为普通图层，并使其内容成为不可编辑的文本图像图层。栅格化文字的方法是，选择文字图层，然后选择菜单命令【图层】/【栅格化】/【文字】即可。12.3.1 创建普通图层12.3 使用图层 普通图层是常规操作中使用频率最高的图层。通常所说的新建图层就是指新建普通图层，普通图层包括图像图层和文字图层。在处理和编辑图像时，要经常建立普通图层。要使用默认选项创建普通图层，可通过【图层】面板进行。12.3.1 创建
13、普通图层12.3 使用图层 【图层】面板是用来创建、编辑和管理图层以及为图层添加样式等。面板中列出了所有的图层、图层组和图层效果。如果要对某一图层进行编辑，首先需要在【图层】面板中单击选中该图层，所选中的图层被称为当前图层。在【图层】面板中有一些功能按钮和选项，通过相关设置可以直接对图层进行相应的编辑操作。使用这些按钮等同于执行【图层】面板菜单中的相关命令。【图层面板选项】对话框12.3.1 创建普通图层12.3 使用图层 除了使用【图层】面板创建图层外，还可以使用以下任意一种方式打开【新建图层】对话框，设置相关参数后来创建新图层。12.3.2 创建填充图层12.3 使用图层 填充图层就是创建
14、一个纯色、渐变或图案的新图层，也可基于图像中的选区进行局部填充。12.3.3 创建调整图层12.3 使用图层 调整图层主要用来调整图像的色彩，调整图层可以对其下面图层中的图像进行调整处理，并且不会破坏原图像文件。创建调整图层，通常在【图层】/【新建调整图层】中根据实际需要选择相应的菜单命令即可。12.3.3 创建调整图层12.3 使用图层 选择菜单命令【图层】/【调整】打开【调整】面板，在【调整】面板中单击需要的图标，在打开的【属性】面板中进行相应的参数设置，这也是创建调整图层的一种途径。12.3.4 使用图层样式12.3 使用图层 图层样式也称为图层效果，是应用于一个图层或图层组的一种或多种图像特效。可以使用Photoshop CC 2017附带提供的某一种预设样式，也可以使用【图层样式】对话框来创建自定义样式。可以在单个图层样式中应用多个效果。部分效果的多个实例可以构成一个图层样式。12.4 应用实例制作网站页眉 在制作网站时，网页的页眉部分是通常是非常重要的。下面介绍综合运用Photoshop CC 2017的基本功能设计网页页眉的基本方法，效果如图12-79所示。
