《网页设计基础教程与上机指导(第2版)》第14章：选取与处理图像
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
– 【工具选项】：设置画笔的大小、颜色 工具选项】 设置画笔的大小、 以及填充后的区域颜色。 以及填充后的区域颜色。 – 【抽出】：设置调整抽出图像后图像的 抽出】 平滑度。 平滑度。 – 【预览】：设置抽出图像以外区域的显 预览】 示方式。 示方式。 – 【边缘高光器】工具：勾画需要抽出图 边缘高光器】工具： 像的边缘。 像的边缘。 – 【缩放】工具：对图像进行放大或缩小 缩放】工具： 操作。 操作。 – 【抓手】工具：对图片进行移动。 抓手】工具：对图片进行移动。 – 【橡皮擦】工具：对选择有误的区域进 橡皮擦】工具： 行修改。 行修改。
– 1. 【色相 饱和度】命令 色相/饱和度 饱和度】
» 在【色相 饱和度】对话框中可以进行如下设置。 色相/饱和度 对话框中可以进行如下设置。 饱和度】 » 【编辑】：在下拉列表中可以选择一种特定的颜色成分，选择【全图】选项，将对图像中所有图像 编辑】 在下拉列表中可以选择一种特定的颜色成分，选择【全图】选项， 颜色进行调整。 颜色进行调整。 » 【色相】：可拖动滑块直到出现需要的颜色。 色相】 可拖动滑块直到出现需要的颜色。 » 【饱和度】：用于调整图像的饱和度，将滑块向右拖动将增加饱和度，向左拖动将减少饱和度。 饱和度】 用于调整图像的饱和度，将滑块向右拖动将增加饱和度，向左拖动将减少饱和度。 » 【明度】：用于调整图像的亮度，向右拖动滑块可以增加亮度 向颜色中增加白色 ，向左拖动可以降 明度】 用于调整图像的亮度，向右拖动滑块可以增加亮度(向颜色中增加白色 向颜色中增加白色)， 低亮度(向颜色中增加黑色 向颜色中增加黑色)。 低亮度 向颜色中增加黑色 。 » 【着色】：将使用一种颜色来对原图像进行上色，常用于对灰度图像进行上色操作。 着色】 将使用一种颜色来对原图像进行上色，常用于对灰度图像进行上色操作。 » 在对话框中设置以下参数。 在对话框中设置以下参数。 » 【颜色】：在下拉列表中可以选择要调整的颜色，有【红色】、【黄色】、【绿色】、【青色】、 颜色】 在下拉列表中可以选择要调整的颜色， 红色】 黄色】 绿色】 青色】 蓝色】 洋红】 白色】 中性色】 黑色】 种颜色选项 然后分别拖动【青色】 种颜色选项， 【蓝色】、【洋红】、【白色】、【中性色】和【黑色】9种颜色选项，然后分别拖动【青色】、 洋红】 黄色】 黑色】滑块来调整所选颜色的成份。 【洋红】、【黄色】和【黑色】滑块来调整所选颜色的成份。 » 【方法】：包含两个选项，【相对】选项表示按 方法】 包含两个选项， 相对】选项表示按CMYK总量的百分比来调整颜色；【绝对】选项表示 总量的百分比来调整颜色； 绝对】 总量的百分比来调整颜色 总量的绝对值来调整颜色。 按CMYK总量的绝对值来调整颜色。 总量的绝对值来调整颜色
2. 磁性套索工具
– 使用工具箱中的【磁性套索】工具，将鼠标指针移动到图 使用工具箱中的【磁性套索】工具， 像上，按住鼠标左键在图像上的边缘上进行拖动，单击， 像上，按住鼠标左键在图像上的边缘上进行拖动，单击， 转换为选区，即可选取不规则区域，如图14.4所示。 所示。 转换为选区，即可选取不规则区域，如图 所示
14.1.1 选取规则区域
选取规则区域可以使用【矩形选框】工具和【椭圆选框】工具。 选取规则区域可以使用【矩形选框】工具和【椭圆选框】工具。 使用【矩形选框】工具和【椭圆选框】 使用【矩形选框】工具和【椭圆选框】工具选取规则区域具体 操作如下。 操作如下。
14.1.2 选取不– 使用工具箱中的【多边形套索】工具，将鼠标指针移动到 使用工具箱中的【多边形套索】工具， 图像上，按住鼠标左键在图像的边缘进行勾选，选择完毕， 图像上，按住鼠标左键在图像的边缘进行勾选，选择完毕， 单击，即可选取不规则区域，如图14.3所示。 所示。 单击，即可选取不规则区域，如图 所示
14.2.1 色调调整
选择【图像】 【调整】命令，在弹出的子菜单中选择相应的命令来调整。调整命令分为4 选择【图像】|【调整】命令，在弹出的子菜单中选择相应的命令来调整。调整命令分为 如图14.11所示。 所示。 组，如图 所示 – 【色阶】等命令组主要用于调整图像色调； 色阶】等命令组主要用于调整图像色调； – 【色相 饱和度】命令组主要用于调整图像的色彩； 色相/饱和度 命令组主要用于调整图像的色彩； 饱和度】 – 【反相】等命令用于调整图像中的颜色或亮度值，以增强颜色或产生特殊效果，而不 反相】等命令用于调整图像中的颜色或亮度值，以增强颜色或产生特殊效果， 用于校正图像颜色； 用于校正图像颜色； – 【变化】命令则用于对图像整体色彩进行调整。 变化】命令则用于对图像整体色彩进行调整。 1. 【色阶】命令 色阶】 » 在【色阶】对话框中可以进行如下设置。 色阶】对话框中可以进行如下设置。 » 【通道】：在下拉列表中可以选择要调整的颜色。 通道】 在下拉列表中可以选择要调整的颜色。 » 【输入色阶】：用于调整图像的暗调和高光。 输入色阶】 用于调整图像的暗调和高光。 » 【输出色阶】：用于重新定义图像的暗调和高光值。 输出色阶】 用于重新定义图像的暗调和高光值。 2. 【自动色阶】命令 自动色阶】 3. 【色彩平衡】命令 色彩平衡】 » 在【色彩平衡】对话框中可以进行如下设置。 色彩平衡】对话框中可以进行如下设置。 » 选择【阴影】、【中间调】或【高光】作为需要着重调整的色调范围。 选择【阴影】 中间调】 高光】作为需要着重调整的色调范围。 » 选择相应的色调调整范围后，将显示 个颜色滑杆，分别用于调整和显示红色、绿 选择相应的色调调整范围后，将显示3个颜色滑杆 分别用于调整和显示红色、 个颜色滑杆， 色和蓝色通道的颜色变化值，调整时可将滑块拖向要在图像中增加的颜色端， 色和蓝色通道的颜色变化值，调整时可将滑块拖向要在图像中增加的颜色端，或 将滑块拖离要在图像中减少的颜色端，也可直接在【色阶】 将滑块拖离要在图像中减少的颜色端，也可直接在【色阶】文本框中输入具体的 数值。 数值。 4. 【亮度 对比度】命令 亮度/对比度 对比度】
– – – – – 掌握选取规则区域 掌握选取不规则区域 掌握使用抽出选取图像 掌握对选区图像进行色彩处理 掌握羽化网页图像
14.1 选 取 区 域
很多时候，需要修改图像的一部分， 很多时候，需要修改图像的一部分，而不是 图像的全部，这时选择操作就发挥作用。 图像的全部，这时选择操作就发挥作用。 14.1.1 选取规则区域 14.1.2 选取不规则区域 14.1.3 选取颜色相近的区域 14.1.4 利用【抽出】命令制作透明图像 利用【抽出】
– 2. 【可选颜色】命令 可选颜色】
– 3. 【照片滤镜】命令 照片滤镜】
» 在【照片滤境】对话框中可以进行如下设置。 照片滤境】对话框中可以进行如下设置。 » 【滤镜】：在其下拉列表框可以选择一种预设的滤色效果。若选中【颜色】单选项，单击其右侧的 滤镜】 在其下拉列表框可以选择一种预设的滤色效果。若选中【颜色】单选项， 颜色框，可自定颜色滤镜，在弹出的【拾色器】对话框中选择颜色。 颜色框，可自定颜色滤镜，在弹出的【拾色器】对话框中选择颜色。 » 【浓度】：用于控制着色的强度，值越大，滤色效果越明显。 浓度】 用于控制着色的强度，值越大，滤色效果越明显。 » 【保持亮度】：可以在添加照片滤镜的同时保持图像原来的明暗程度。 保持亮度】 可以在添加照片滤镜的同时保持图像原来的明暗程度。
– 2. 使用【椭圆选框】工具选取区域
» 使用工具箱中的【椭圆选框】工具，将鼠标指针移动到图像上，按住鼠标 使用工具箱中的【椭圆选框】工具，将鼠标指针移动到图像上， 左键在图像上进行拖动，即可选取一个椭圆规则区域，如图14.2所示。 所示。 左键在图像上进行拖动，即可选取一个椭圆规则区域，如图 所示
第14章 选取与处理图像 14章
教学提示和教学目标 14.1 选取区域 14.2 对选区图像进行色彩处理
教学提示和教学目标
教学提示： 中处理图像时， 教学提示：在Photoshop中处理图像时，进行范围选取是一 中处理图像时 项比较重要的工作。选取范围的准确与否， 项比较重要的工作。选取范围的准确与否，都与图像编辑的成 败有着密切的关系。本章就详细介绍图像范围选取的各种方法， 败有着密切的关系。本章就详细介绍图像范围选取的各种方法， 以及选取完成后的初步处理。 以及选取完成后的初步处理。 教学目标： 教学目标：
14.1.3 选取颜色相近的区域
使用【魔棒】 使用【魔棒】工具可以 选取颜色相近的区域。 选取颜色相近的区域。 使用【魔棒】 使用【魔棒】工具方法 如下。 如下。 打开一幅图像， 打开一幅图像，使用工 具箱中的【魔棒】工具， 具箱中的【魔棒】工具， 在图像上单击即可选取 颜色相近的区域， 颜色相近的区域，如图 14.5所示。 所示。 所示
14.1.4 利用【抽出】命令制作透明图像 利用【抽出】
使用【抽出】 使用【抽出】命令可以把复杂的物体与 其所在的背景分离。 其所在的背景分离。下面通过实例讲述 利用【抽出】命令制作透明图像， 利用【抽出】命令制作透明图像，具体 操作步骤如下。 操作步骤如下。 抽出】对话框中可以进行如下设置。 在【抽出】对话框中可以进行如下设置。
14.2 对选区图像进行色彩处理
对图像色彩和色调的控制是编辑图像的关键， 对图像色彩和色调的控制是编辑图像的关键， 只有处理好图像色彩和色调， 只有处理好图像色彩和色调，才能制作出高 质量地图像。 质量地图像。 14.2.1 色调调整 14.2.2 色彩调整
图14.11 图像调整命令
14.2.2 色彩调整
Photoshop CS2提供了丰富的色彩调整命令，主要有【色相 饱和度】、【替换颜 提供了丰富的色彩调整命令， 饱和度】 提供了丰富的色彩调整命令 主要有【色相/饱和度 可选颜色】 通道混合器】 渐变映射】等命令。 色】、【可选颜色】、【通道混合器】和【渐变映射】等命令。
– 1. 使用【矩形选框】工具选取区域
» 使用工具箱中的【矩形选框】工具，将鼠标指针移动到图像上，按住鼠标 使用工具箱中的【矩形选框】工具，将鼠标指针移动到图像上， 左键在图像上进行拖动，即可选取一个矩形规则区域，如图14.1所示。 所示。 左键在图像上进行拖动，即可选取一个矩形规则区域，如图 所示
– 1. 【色相 饱和度】命令 色相/饱和度 饱和度】
» 在【色相 饱和度】对话框中可以进行如下设置。 色相/饱和度 对话框中可以进行如下设置。 饱和度】 » 【编辑】：在下拉列表中可以选择一种特定的颜色成分，选择【全图】选项，将对图像中所有图像 编辑】 在下拉列表中可以选择一种特定的颜色成分，选择【全图】选项， 颜色进行调整。 颜色进行调整。 » 【色相】：可拖动滑块直到出现需要的颜色。 色相】 可拖动滑块直到出现需要的颜色。 » 【饱和度】：用于调整图像的饱和度，将滑块向右拖动将增加饱和度，向左拖动将减少饱和度。 饱和度】 用于调整图像的饱和度，将滑块向右拖动将增加饱和度，向左拖动将减少饱和度。 » 【明度】：用于调整图像的亮度，向右拖动滑块可以增加亮度 向颜色中增加白色 ，向左拖动可以降 明度】 用于调整图像的亮度，向右拖动滑块可以增加亮度(向颜色中增加白色 向颜色中增加白色)， 低亮度(向颜色中增加黑色 向颜色中增加黑色)。 低亮度 向颜色中增加黑色 。 » 【着色】：将使用一种颜色来对原图像进行上色，常用于对灰度图像进行上色操作。 着色】 将使用一种颜色来对原图像进行上色，常用于对灰度图像进行上色操作。 » 在对话框中设置以下参数。 在对话框中设置以下参数。 » 【颜色】：在下拉列表中可以选择要调整的颜色，有【红色】、【黄色】、【绿色】、【青色】、 颜色】 在下拉列表中可以选择要调整的颜色， 红色】 黄色】 绿色】 青色】 蓝色】 洋红】 白色】 中性色】 黑色】 种颜色选项 然后分别拖动【青色】 种颜色选项， 【蓝色】、【洋红】、【白色】、【中性色】和【黑色】9种颜色选项，然后分别拖动【青色】、 洋红】 黄色】 黑色】滑块来调整所选颜色的成份。 【洋红】、【黄色】和【黑色】滑块来调整所选颜色的成份。 » 【方法】：包含两个选项，【相对】选项表示按 方法】 包含两个选项， 相对】选项表示按CMYK总量的百分比来调整颜色；【绝对】选项表示 总量的百分比来调整颜色； 绝对】 总量的百分比来调整颜色 总量的绝对值来调整颜色。 按CMYK总量的绝对值来调整颜色。 总量的绝对值来调整颜色
2. 磁性套索工具
– 使用工具箱中的【磁性套索】工具，将鼠标指针移动到图 使用工具箱中的【磁性套索】工具， 像上，按住鼠标左键在图像上的边缘上进行拖动，单击， 像上，按住鼠标左键在图像上的边缘上进行拖动，单击， 转换为选区，即可选取不规则区域，如图14.4所示。 所示。 转换为选区，即可选取不规则区域，如图 所示
14.1.1 选取规则区域
选取规则区域可以使用【矩形选框】工具和【椭圆选框】工具。 选取规则区域可以使用【矩形选框】工具和【椭圆选框】工具。 使用【矩形选框】工具和【椭圆选框】 使用【矩形选框】工具和【椭圆选框】工具选取规则区域具体 操作如下。 操作如下。
14.1.2 选取不– 使用工具箱中的【多边形套索】工具，将鼠标指针移动到 使用工具箱中的【多边形套索】工具， 图像上，按住鼠标左键在图像的边缘进行勾选，选择完毕， 图像上，按住鼠标左键在图像的边缘进行勾选，选择完毕， 单击，即可选取不规则区域，如图14.3所示。 所示。 单击，即可选取不规则区域，如图 所示
14.2.1 色调调整
选择【图像】 【调整】命令，在弹出的子菜单中选择相应的命令来调整。调整命令分为4 选择【图像】|【调整】命令，在弹出的子菜单中选择相应的命令来调整。调整命令分为 如图14.11所示。 所示。 组，如图 所示 – 【色阶】等命令组主要用于调整图像色调； 色阶】等命令组主要用于调整图像色调； – 【色相 饱和度】命令组主要用于调整图像的色彩； 色相/饱和度 命令组主要用于调整图像的色彩； 饱和度】 – 【反相】等命令用于调整图像中的颜色或亮度值，以增强颜色或产生特殊效果，而不 反相】等命令用于调整图像中的颜色或亮度值，以增强颜色或产生特殊效果， 用于校正图像颜色； 用于校正图像颜色； – 【变化】命令则用于对图像整体色彩进行调整。 变化】命令则用于对图像整体色彩进行调整。 1. 【色阶】命令 色阶】 » 在【色阶】对话框中可以进行如下设置。 色阶】对话框中可以进行如下设置。 » 【通道】：在下拉列表中可以选择要调整的颜色。 通道】 在下拉列表中可以选择要调整的颜色。 » 【输入色阶】：用于调整图像的暗调和高光。 输入色阶】 用于调整图像的暗调和高光。 » 【输出色阶】：用于重新定义图像的暗调和高光值。 输出色阶】 用于重新定义图像的暗调和高光值。 2. 【自动色阶】命令 自动色阶】 3. 【色彩平衡】命令 色彩平衡】 » 在【色彩平衡】对话框中可以进行如下设置。 色彩平衡】对话框中可以进行如下设置。 » 选择【阴影】、【中间调】或【高光】作为需要着重调整的色调范围。 选择【阴影】 中间调】 高光】作为需要着重调整的色调范围。 » 选择相应的色调调整范围后，将显示 个颜色滑杆，分别用于调整和显示红色、绿 选择相应的色调调整范围后，将显示3个颜色滑杆 分别用于调整和显示红色、 个颜色滑杆， 色和蓝色通道的颜色变化值，调整时可将滑块拖向要在图像中增加的颜色端， 色和蓝色通道的颜色变化值，调整时可将滑块拖向要在图像中增加的颜色端，或 将滑块拖离要在图像中减少的颜色端，也可直接在【色阶】 将滑块拖离要在图像中减少的颜色端，也可直接在【色阶】文本框中输入具体的 数值。 数值。 4. 【亮度 对比度】命令 亮度/对比度 对比度】
– – – – – 掌握选取规则区域 掌握选取不规则区域 掌握使用抽出选取图像 掌握对选区图像进行色彩处理 掌握羽化网页图像
14.1 选 取 区 域
很多时候，需要修改图像的一部分， 很多时候，需要修改图像的一部分，而不是 图像的全部，这时选择操作就发挥作用。 图像的全部，这时选择操作就发挥作用。 14.1.1 选取规则区域 14.1.2 选取不规则区域 14.1.3 选取颜色相近的区域 14.1.4 利用【抽出】命令制作透明图像 利用【抽出】
– 2. 【可选颜色】命令 可选颜色】
– 3. 【照片滤镜】命令 照片滤镜】
» 在【照片滤境】对话框中可以进行如下设置。 照片滤境】对话框中可以进行如下设置。 » 【滤镜】：在其下拉列表框可以选择一种预设的滤色效果。若选中【颜色】单选项，单击其右侧的 滤镜】 在其下拉列表框可以选择一种预设的滤色效果。若选中【颜色】单选项， 颜色框，可自定颜色滤镜，在弹出的【拾色器】对话框中选择颜色。 颜色框，可自定颜色滤镜，在弹出的【拾色器】对话框中选择颜色。 » 【浓度】：用于控制着色的强度，值越大，滤色效果越明显。 浓度】 用于控制着色的强度，值越大，滤色效果越明显。 » 【保持亮度】：可以在添加照片滤镜的同时保持图像原来的明暗程度。 保持亮度】 可以在添加照片滤镜的同时保持图像原来的明暗程度。
– 2. 使用【椭圆选框】工具选取区域
» 使用工具箱中的【椭圆选框】工具，将鼠标指针移动到图像上，按住鼠标 使用工具箱中的【椭圆选框】工具，将鼠标指针移动到图像上， 左键在图像上进行拖动，即可选取一个椭圆规则区域，如图14.2所示。 所示。 左键在图像上进行拖动，即可选取一个椭圆规则区域，如图 所示
第14章 选取与处理图像 14章
教学提示和教学目标 14.1 选取区域 14.2 对选区图像进行色彩处理
教学提示和教学目标
教学提示： 中处理图像时， 教学提示：在Photoshop中处理图像时，进行范围选取是一 中处理图像时 项比较重要的工作。选取范围的准确与否， 项比较重要的工作。选取范围的准确与否，都与图像编辑的成 败有着密切的关系。本章就详细介绍图像范围选取的各种方法， 败有着密切的关系。本章就详细介绍图像范围选取的各种方法， 以及选取完成后的初步处理。 以及选取完成后的初步处理。 教学目标： 教学目标：
14.1.3 选取颜色相近的区域
使用【魔棒】 使用【魔棒】工具可以 选取颜色相近的区域。 选取颜色相近的区域。 使用【魔棒】 使用【魔棒】工具方法 如下。 如下。 打开一幅图像， 打开一幅图像，使用工 具箱中的【魔棒】工具， 具箱中的【魔棒】工具， 在图像上单击即可选取 颜色相近的区域， 颜色相近的区域，如图 14.5所示。 所示。 所示
14.1.4 利用【抽出】命令制作透明图像 利用【抽出】
使用【抽出】 使用【抽出】命令可以把复杂的物体与 其所在的背景分离。 其所在的背景分离。下面通过实例讲述 利用【抽出】命令制作透明图像， 利用【抽出】命令制作透明图像，具体 操作步骤如下。 操作步骤如下。 抽出】对话框中可以进行如下设置。 在【抽出】对话框中可以进行如下设置。
14.2 对选区图像进行色彩处理
对图像色彩和色调的控制是编辑图像的关键， 对图像色彩和色调的控制是编辑图像的关键， 只有处理好图像色彩和色调， 只有处理好图像色彩和色调，才能制作出高 质量地图像。 质量地图像。 14.2.1 色调调整 14.2.2 色彩调整
图14.11 图像调整命令
14.2.2 色彩调整
Photoshop CS2提供了丰富的色彩调整命令，主要有【色相 饱和度】、【替换颜 提供了丰富的色彩调整命令， 饱和度】 提供了丰富的色彩调整命令 主要有【色相/饱和度 可选颜色】 通道混合器】 渐变映射】等命令。 色】、【可选颜色】、【通道混合器】和【渐变映射】等命令。
– 1. 使用【矩形选框】工具选取区域
» 使用工具箱中的【矩形选框】工具，将鼠标指针移动到图像上，按住鼠标 使用工具箱中的【矩形选框】工具，将鼠标指针移动到图像上， 左键在图像上进行拖动，即可选取一个矩形规则区域，如图14.1所示。 所示。 左键在图像上进行拖动，即可选取一个矩形规则区域，如图 所示