网页制作教程第16课photoshop.ppt

《网页制作教程第16课photoshop.ppt》由会员分享，可在线阅读，更多相关《网页制作教程第16课photoshop.ppt（105页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社第16章 Photoshop 路径、色彩和通道在网页设计中的应用 学习目标 本章要点 上机练习 习 题电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社学习目标 Photoshop 中 的 路 径、色 彩 和 色 调 的 调 整 以

2、及 通 道 功能 在 网 页 设 计 中 非 常 有 用，如 制 作 形 状 独 特 的 文 字就 需 要 用 到 路 径；对 图 像 的 色 彩 进 行 调 整，就 需 要掌 握 色 彩 模 式 的 应 用、对 图 像 色 调 的 调 整 以 及 对 整体 图 像 效 果 的 调 整 等；要 制 作 具 有 特 殊 效 果 的 图 像，就 必 须 掌 握 通 道 的 基 本 操 作 及 专 色 通 道 的 建 立。只有 掌 握 了 路 径、色 彩 和 通 道 在 网 页 设 计 中 的 应 用，才 能 将Photoshop 与 网 页 制 作 真 正 地 结 合 起 来。本章 将 讲 解Ph

3、otoshop 中 路 径、色 彩 和 通 道 等 相 关 知识及应用方法。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社本章要点 创建路径 调整图像色彩和色调 通道的应用电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社创 建 路 径 绘制图形、选择图像以及制作随路径变化的文字

4、时需要用到路径，创建路径之前必须先了解路径的概念以及路径的一些相关术语。路径的概念 路径工具的使用 编辑路径 应用实例绘制网站LOGO 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社路径的概念 路径就是用一系列点连接起来的曲线或线段，它可以是直线也可以是曲线，可以是封闭图形也可以是开放图形。Photoshop 是处理位图的专业软件，它引入路径这个概念是为了弥补位图的不足。锚点、控制点和控制线是路径的基本构成要素。锚点：曲线上空心的方框

5、就叫做锚点，它标记组成路径各线段的端点。在曲线线段上，每个锚点都带有12 个控制线。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社绘制路径 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社路径的概念 控制点：鼠标正在控制着的锚点，叫做控制点。控制线：由锚点引出的曲线的切线叫控制

6、线。其倾斜度控制曲线的弯曲方向，长度则控制曲线的弯曲幅度。在绘制路径时，还涉及闭合路径和开放路径。它们的具体含义如下：闭合路径：路径的起点和终点重合，即没有明显的起点和终点。开放路径：路径的起点和终点未重合。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社路径工具的使用 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一

7、教程 网页制作三合一教程 清华大学出版社路径工具的使用 钢笔工具 自由钢笔工具 添加锚点和删除锚点工具 转换点工具 形状工具 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社钢笔工具电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社钢笔工具属性栏 电脑基础 实例 上机系列丛书中文版

8、 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社钢笔工具电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社钢笔工具 用钢笔工具绘制曲线时，用鼠标单击确定第一个锚点，然后再次单击确定第二个锚点，同时拖动鼠标，得到一个曲线段。重复刚才的操作即可完成曲线的绘制。电脑基础 实例 上机系列丛书中文版 中文版Dreamweav

9、er+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社钢笔工具电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社自由钢笔工具 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社属性栏和创建不

10、规则路径 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社添加锚点和删除锚点工具 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社转换点工具 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Ph

11、otoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社形状工具 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社形状工具电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社形状工具电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photo

12、shop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社不同多边形效果 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社形状工具电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社预置形状和自定形状 电脑基础 实例 上机

13、系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社编辑路径 使用路径工具创建路径后，还需要对路径进行编辑，包括创建新路径、保存路径、复制路径和删除路径等。创建新路径 保存路径 复制路径 删除路径 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社创建新路径电脑基础 实例 上机系列丛书中文版 中文版Dre

14、amweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社创建新路径和“新建路径”对话框 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社保存路径 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教

15、程 清华大学出版社下拉菜单和“存储路径”对话框 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社复制路径 复制路径可以为路径制作副本，复制的路径自动在路径名称的后面加上“副本”两字。在要复制的路径上右击，在弹出的快捷菜单中选择“复制路径”命令，或在“路径”面板菜单中选择“复制路径”命令。复制后的“路径”面板。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flas

16、h+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社快捷菜单、面板菜单和“路径”面板 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社删除路径 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社应用实例绘制网站LOGO LOGO 在网页设计中很重要，它与平

17、面设计中的LOGO 效果一样，都以简洁明了的图形和强烈的视觉效果来准确地表达企业的寓意，给人留下深刻的印象，以达到宣传企业的目的。本例制作的网站LOGO 最终效果（光盘:源文件 第16章LOGO.psd）。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社最终效果 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网

18、页制作三合一教程 清华大学出版社调整图像色彩和色调 对图像色彩和色调进行调整也是网页制作中经常涉及的操作，下面分别讲解如何调整图像色彩和色调。调整图像的色彩 调整图像的色调 应用实例校正网页中的偏色图片 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社调整图像的色彩 通过Photoshop 的“调整”命令可以对图像的色彩进行调整，包括“亮度/对比度”、“色阶”、“自动色阶”、“自动对比度”、“自动颜色”和“变化”命令等。下面介绍在网页设

19、计中常用的几个命令。亮度/对比度 色阶 变化 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社亮度/对比度 通过“亮度/对比度”命令可以调整图像的亮度和对比度。选择“图像/调整/亮度/对比度”命令，打开“亮度/对比度”对话框。其中各参数的含义分别如下：电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一

20、教程 清华大学出版社亮度/对比度“亮度”文本框：调整图像的亮度。当输入的数值为正时，将增加图像的亮度；当输入的数值为负时，将降低图像的亮度；当输入的数值为0时，图像无变化。“对比度”文本框：调整图像的对比度。当输入的数值为正时，将增加图像的对比度；当输入的数值为负时，将降低图像的对比度；当输入的数值为0时，图像无变化。调整图像“亮度/对比度”前后的对比效果。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社调整“亮度/对比度”前后的对比效

21、果 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色阶“色阶”命令用于调整图像的明暗程度，它通过使用高光中间调和暗调3个变量进行图像色调调整。通过该命令不仅可以对整个图像的色调进行调整，还可以只对图像的某一选取范围、某一图层图像，或某一个颜色通道进行调整。选择“图像/调整/色阶”命令，打开“色阶”对话框。其中各参数含义分别如下：电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dream

22、weaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社“色阶”对话框 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色阶“通道”下拉列表框：选择需要调整的颜色通道。“输入色阶”文本框：其中第一个文本框用来设置图像的暗部色调，低于该值的像素将变为黑色，取值范围为0253；第二个文本框用来设置图像的中间色调，取值范围为0.109.99；第三个文本框用来设置图像的亮部色调，高于该值的像素将变为白

23、色，取值范围为1255。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色阶电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色阶电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop

24、 网页制作三合一教程 网页制作三合一教程 清华大学出版社色阶 调整“色阶”前后的对比效果。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社变化 使用“变化”命令可让用户直观地调整图像或选区中图像的色彩平衡、对比度和饱和度。选择“图像/调整/变化”命令，打开“变化”对话框。其中各项含义如下：电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photosho

25、p 网页制作三合一教程 网页制作三合一教程 清华大学出版社“变化”对话框 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社变化电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社变化电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dr

26、eamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社使用“变化”命令的前后对比效果 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社调整图像的色调 使用“色彩平衡”、“色相/饱和度”、“匹配颜色”、“替换颜色”、“可选颜色”和“通道混合器”等命令可以对图像的色调进行调整，下面分别进行讲解。色彩平衡 色相/饱和度 替换颜色 可选颜色 通道混合器 电脑基础 实例 上机系列丛书中文版 中文

27、版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色彩平衡 使用“色彩平衡”命令可以调整图像整体的色彩平衡。选择“图像/调整/色彩平衡”命令，打开“色彩平衡”对话框。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色彩平衡 其中各参数的含义分别如下：电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Fla

28、sh+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色彩平衡 调整“色彩平衡”的前后对比效果。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色相/饱和度 使用“色相/饱和度”命令可以调整图像中单个颜色的色相、饱和度和亮度，还可以给像素指定新的色相和饱和度，从而给灰度图像添加颜色。选择“图像/调整/色相/饱和度”命令，打开“色相/饱和度”对话框。电脑基础

29、 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社“色相/饱和度”对话框 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色相/饱和度 其中各参数含义分别如下：“编辑”下拉列表框：在该下拉列表框中可选择编辑范围。如果选择“全图”选项将对图像中所有颜色像素进行调整，其余选项表示对某一颜色像素

30、进行调整。“色相”文本框：色相即颜色。在文本框中输入数值或拖动下方的滑块可改变图像的颜色。“饱和度”文本框：即颜色的鲜艳程度。在文本框中输入数值或拖动下方的滑块可改变图像的饱和度。当饱和度为0时，为灰度图像。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社色相/饱和度电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程

31、 网页制作三合一教程 清华大学出版社给图像着色 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社替换颜色 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社“替换颜色”对话框“替换颜色”对话框 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photo

32、shop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社替换颜色前后的对比效果 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社可选颜色“可选颜色”命令可对选择的颜色范围进行有针对性的调整，调整图像中指定颜色而不影响其他颜色。选择“图像/调整/可选颜色”命令，打开“可选颜色”对话框。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photosh

33、op Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社可选颜色 其中各参数的含义分别如下：电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社可选颜色 将图中花的颜色从紫色变成洋红色的效果。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程

34、 清华大学出版社通道混合器 使用“通道混和器”命令，可以通过颜色通道的混合来调整颜色通道，产生图像合成的效果。选择“图像/调整/通道混和器”命令，打开“通道混合器”对话框。其中各参数的含义分别如下：电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社通道混合器“输出通道”下拉列表框：在该下拉列表框中可以选择要调整的颜色通道。若打开的是RGB 色彩模式的图像，则其中的选项为“红”、“绿”和“蓝”三原色通道；若打开的是CMYK色彩模式的图像，则

35、其中的选项为“青色”、“洋红”、“黄色”和“黑色”4 种颜色通道。“源通道”栏：拖动滑块或直接在文本框中输入数值可调整源通道在输出通道中所占的百分比，其取值范围在-200%200%之间。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社通道混合器电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清

36、华大学出版社使用“通道混合器”命令的前后对比效果 使用“通道混和器”命令前后的对比效果。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社应用实例校正网页中的偏色图片 在网页设计中会使用很多图片，有时图片会因为光线、拍摄技巧等因素而出现偏色问题。在Photoshop 中可以对偏色的图片进行校正，使图片恢复正常的颜色。本例将选择一张偏色的照片来讲解怎样对图片颜色进行校正（光盘:源文件第16章 偏色照片调整后的效果.jpg）。电脑基础 实例

37、上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社校正偏色图片的对比效果 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社通 道 在Photoshop 中，打开图像文件后即会自动创建颜色通道。如果图像有多个图层，则每个图层都有各自的一套颜色通道。通道的概念 通道的操作 专色通道 应用实例对网页中的

38、图片进行处理 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社通道的概念 通道是存储不同类型信息的灰度图像，可分为原色通道、Alpha 通道和专色通道。各通道作用如下：电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社通道的概念 原色通道：在打开新图像时自动创建。由图像的色彩模式决

39、定所创建颜色通道的数目。如RGB 色彩模式时，图像有红、绿、蓝3个原色通道和1个RGB 复合通道。Alpha 通道：用于存储选择范围，可以通过添加Alpha 通道来创建和存储蒙版，这些蒙版用于处理或保护图像的某些部分。专色通道：用于记录专色信息，指定用于专色油墨印刷的附加印版。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社通道的操作 通道的操作一般都在“通道”面板中完成，主要包括新建通道、复制通道、删除通道、分离和合并通道等。要对通道

40、进行操作，首先必须对“通道”面板有一个大致的了解。选择“窗口/通道”命令显示“通道”面板。前面的通道是RGB 模式的，这里以CMYK 色彩模式时的“通道”面板为例进行讲解。其中主要按钮的作用如下：电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社通道的操作电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合

41、一教程 清华大学出版社“通道”调板 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社通道的操作电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社通道的操作 新建通道 复制通道 删除通道 分离通道 合并通道 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash

42、+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社新建通道电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社复制通道 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社“复制通道”对话框 电脑基础 实例

43、 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社复制通道“为”文本框：用来设置复制的新通道的名称。“文档”下拉列表框：在该下拉列表框中列出了所有打开的图像文件名，从中可以选择要复制到的目标文件。如果选择“新建”选项，则可创建一个新的图像文件，并将选择的通道复制到该文件中。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作

44、三合一教程 清华大学出版社复制通道电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社删除通道 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社分离通道 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flas

45、h+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社分离通道 如将RGB 图像文件进行通道分离操作，分离后的结果。可以看到原来的图像文件已被关闭，而原图中的3个原色通道各自生成为一个新的图像文件，并在图像名称后添加R、G 或B 进行区分。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社分离后的通道 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamwea

46、ver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社合并通道 合并通道是分离通道的逆操作，可以将多个灰度图像合并为一个图像的通道。要合并的图像必须在灰度模式下，具有相同的像素尺寸并且处于打开状态。已打开的灰度图像的数量决定了合并通道时可用的颜色模式。如果打开了3个图像，可以将它们合并为一个RGB 图像；如果打开了4个图像，则可以将它们合并为一个CMYK图像。【例16-1】利用合并通道操作，将打开的灰度图像合并为一个RGB 色彩模式的图像。电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweav

47、er+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社专色通道 专色，即除了CMYK颜色以外的颜色。每个专色通道都有一个属于自己的印版，如果要印刷带有专色的图像，则需要创建存储此颜色的专色通道，专色通道会作为一张单独的胶片输出。创建专色通道 将Alpha 通道转换为专色通道 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社创建专色通道电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+

48、Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社专色通道“名称”文本框：在该文本框中可输入新建专色通道的名称。“颜色”颜色框：单击该颜色框可以打开“拾色器”对话框，用于选择油墨的 颜色。“密度”文本框：用于在屏幕上模拟印刷后专色的密度。在该文本框中可以输入0%100%的数值来确定油墨密度，数值越大颜色越不透明。密度只用于在屏幕上显示模拟打印专色的密度，并不影响打印输出的效果。数值100%模拟完全覆盖下层的油墨；0%模拟完全显示下层油墨的透明油墨。用该选项也可查看其他透明专色的显示位置。电脑基础 实例

49、上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社专色通道的效果 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社将Alpha 通道转换为专色通道 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photosho

50、p 网页制作三合一教程 网页制作三合一教程 清华大学出版社“通道选项”对话框 电脑基础 实例 上机系列丛书中文版 中文版Dreamweaver+Flash+Photoshop Dreamweaver+Flash+Photoshop 网页制作三合一教程 网页制作三合一教程 清华大学出版社应用实例对网页中的图片进行处理 在处理网页中的图片时，很多时候需要选择图片中的某些区域。当遇到很难选择的图像时（例如白云、头发和婚纱等），使用通道可方便地完成选择。本例为了让网页中的图片效果更加真实，特意为没有云彩的图片添加上白云的效果，白云的选择是通过通道来完成的（光盘:源文件 第16章 添加白云效果.psd）