郝兴伟
山东大学计算机科学与技术学院
hxw@sdu.edu.cn
第 4章 网页及多媒体制作
4.6 Photoshop和图像处理
Photoshop是一个非常优秀的图像处理软件，是
Adobe公司的产品，具有强大的图像处理功能，在传
统的印刷业、平面广告业中具有相当重要的地位。
Photoshop是一个用起来非常得心应手的图像处理软
件，但一些初学者往往以为它很专业，有点“敬而
远之”，而宁愿用 Windows中的图画板
4.6.1 图像处理基础知识
1,图形与图像
2,什么是图像处理？
3．常用的图像格式
4,图像的类型、大小和分辨率
5,色彩模式和模型
6,色调、色相、饱和度和对比度
1,图形与图像
（ 1）图形是指由外部轮廓线条构成的图，即由计算机绘制的
直线、圆、矩形、曲线、图表等，分为位图和矢量图两种。
（ 2）图像是由数码相机、扫描仪、摄像机等输入设备捕捉实
际的画面产生的数字图像，是由像素点阵构成的位图。用数
字任意描述像素点、强度和颜色。
图形 图像
2,什么是图像处理？
图像处理是一门综合技术，包括
（ 1）图像编码，不同的图像存储格式
（ 2）图像压缩，压缩存储
（ 3）图像增强
（ 4）图像复原
（ 5）图像识别
（ 6）图像理解
3．常用的图像格式
数字图像往往根据应用的不同保存为一些特
定的格式。 Windows中的图像以,bmp 或,dib格
式存储。
另外还有很多图像文件格式，如,PCX,PIC，
TIF,GIF,TGA和 JPG等
（ 1） PCX格式
PCX由 PC Paintbrush得名，由 Z-Soft公司设计，随该
公司的 图形图像编辑软件 PC Paintbrash一起发布，
故也经常叫做 Z-Soft PCX图像文件格式。
后来微软公司将 PC Paintbrash移植到 Windows中，
PCX格式的图象文件得到了广泛的应用。 PCX格式
可以支持 16色,256色甚至真彩色图像。
PCX是微机上使用最广泛的图像文件格式之一，绝
大多数图像编辑软件均能处理这种格式。由各种扫
描仪扫描得到的图像几乎都能存成 PCX格式的文件。
（ 2） BMP格式
BMP(Windows Bitmap)是 Windows图形图像的基本位
图格式，是微软专为 Windows环境应用图象而设计的，
Windows下的软件的图像资源多数以 BMP格式存储。
大多数图形图像软件，特别是在 Windows环境下运行
的软件，都支持这种文件格式。 BMP文件有压缩和
非压缩之分，一般作为图像资源使用的 BMP文件都
是不压缩的。 BMP支持黑白图像,16色和 256色的伪
彩色图像以及 RGB真彩色图像
（ 3） GIF格式
GIF(Graphics Interchange Format)格式的全称是“图
形交换文件格式”，是由 CompuServe公司开发的 压
缩图像存储格式,支持黑白图像及 16色和 256色的彩
色图像。
GIF格式的图象文件可以在 不同平台 上交流和传输，
是世界上通用的图象格式。 GIF格式的文件压缩比较
高，文件长度较小。
（ 4） TIF格式
TIF(Tagged lmage File Format)格式是由 Aldus和
Microsoft合作开发的一种通用的位映射图象文件格
式，支持从单色模式到 32bit真彩色的所有图像类型。
TIF格式不针对某一特定的操作平台，可用于多种操
作系统及不同机型。 TIF格式文件有多种压缩方式，
解压缩比较复杂。
（ 5） JPG和 PIC格式
JPG（ Joint Photographic Experts Group） 和 PIC原是
AppleMac机器上使用的一种图像格式，近来在 PC机
上也十分流行。
这两种格式的最大特点是文件非常小，而且可以调
整压缩比。 JPG文件的显示比较慢，图像的边缘有不
太明显的失真。 JPG的压缩比很高，常用于要处理大
量图像的场合。它是一种有损压缩的静态图像文件
存储格式，压缩比可以选择，支持灰度图像,RGB
真彩色图像和 CMYK真彩色图像。
（ 6） PNG格式
PNG（ Portable Network Graphic） 为了可移植的网络
图象文件格式，是 Web图像中最通用的格式。
它是一种无损压缩格式，但是如果没有插件支持，
有的浏览器可能不支持这种格式。 PNG格式最多可
以支持 32位颜色，但是不支持动画图。
4,图像的类型
计算机图像分为位图图像和矢量图像两类，它是以数字的方式
来记录、处理和保存的，因此又称之为 数字图像 。
（ 1）位图图像
用像素来代表图像，每个像素都被分配一个特定位置和颜
色值。位图图像与分辨率有关，当以较大的放大倍数显示，或
以过低的分辨率打印时，会出现锯齿边缘且会遗漏细节。位图
图像在缩放和旋转时会产生失真。
但由于它能记录每个点的数据信息，可以精确地记录下色
调丰富的图像，尤其在表现阴影和色彩的细微变化方面，位图
图像是最佳选择。常用 Photoshop,Corel PhotoPaint等图像处理
软件来处理位图图像。
图像的类型（续）
（ 2）矢量图像
是以数学上的矢量方式来记录图像内容的，它
以线条和色块为主，根据图形的几何特性来对其进
行描述。
矢量图像与分辨率无关，缩放到任意大小或在
任意分辨率的输出设备上打印出来都不会失真，可
以制作 3D图像，但色调不够丰富。常用 Illustrator、
CorelDraw,AutoCAD等来生成和处理矢量图像。
图像的大小
图像的大小是指图像的高度和宽度，它有像素点
（ Pixels）,英寸 (Inches),厘米 (cm)等度量单位。
屏幕上显示的尺寸是由图像本身的像素尺寸和显示器
的特性决定的。显示器的像素为 800′600,1024′768
等。
在 Photoshop中，图像像素是直接转换为显示器像素的，
当图像分辨率高于显示器的分辨率时，图像将显示得
比指定的尺寸大。
图像在显示器上的尺寸与打印尺寸无关。
图像的分辨率
分辨率是指单位长度内所含有的像素点数，分为如
下几种,
（ 1）图像分辨率。是指每平方英寸含有多少个像素
点数 (ppi),如 32ppi的图像含有 32(宽 )X32(高 )个像素，
300ppi的图像含有 90000个像素。分辨率越高，单位
尺寸内的像素数越多，图像就越逼真。
图像的分辨率、图像尺寸的大小和图像文件的大小
之间有密切的关系。同样尺寸的图像，分辨率越大，
单位尺寸内的像素数就越多，文件也越大。
图像分辨率（续）
（ 2）显示器分辨率。即显示器上每单位长度显示的点数或像素
数（ dpi）,它取决于显示器的类型、大小及其显示设置。
（ 3）打印机分辨率。即打印机产生的每英寸的油墨点数（ dpi），
最佳的打印效果应是使用与打印机分辨率成正比的图像分辨率。
大多数激光打印机的输出分辨率为 300-1200 dpi或更高。
（ 4）位分辨率。也叫位深，用来衡量每个像素存储的信息位元
数，它决定每个像素存放多少颜色信息。如一个 24位的 RGB图
像，每个像素都要记录 R,G,B三原色的值，所存储的位元数
位 24bit。
在 Photoshop中，图像像素是直接转换为显示器的像素的，即当
图像的分辨率 高于 显示器的分辨率 时，图像将显得比指定的尺
寸大。
5,色彩模式和模型
色彩模式是指在显示或打印图像时定义颜色的不同方式。常见
的模型有
（ 1） HSB（ 基于人类对颜色的感觉，表示色相、饱和度、亮
度）,
（ 2） RGB（ 可描述绝大部分的可见光，表示红、绿、蓝）,
（ 3） CMYK（ 以打印在纸张上油墨的光线吸收特性为基础，部
分光谱被吸收，表示青、洋红、黄、黑，使用 K是为了避免与蓝
色混淆）。色彩模式主要包括 RGB模式,CMYK模式,HSB模
式,Lab模式、灰度模式、位图模式和多通道模式等。
RGB色彩模式常称为真彩色模式，它给每个像素的 RGB分量分
配一个从 0（黑色）到 255（白色）范围的强度值。该模式下每
个像素用三个字节 (24bit)来表示，可表示约 1670余万种颜色，是
屏幕显示的最佳模式。
6,色调、色相、饱和度和对比度
（ 1）色调，主要是指彩色画面中色彩的基调，由色彩的明暗和色别所组成。
具体的讲色调是图形 原色 的 明暗度,如 RGB图像的原色为 R（ Red）,G
（ Green）,B（ Blue） 三种。色调的调整也就是明暗度的调整，其范围从 0
到 255，包括 256种色调 。如灰度模式就是将白色到黑色间连续划分为 256个
色调； RGB模式中将红色加深就成了深红色。
在画面上起着主要作用，或在量上占有相当比重的色彩称为主色调。
（ 2）色相就是色彩的颜色，如红、橙、黄、绿、青、蓝、紫，每种颜色即
代表一种色相，调整色相即是调整图像的颜色。
（ 3）饱和度是指图像颜色的彩色程度，若饱和度为 0，则彩色图像变成灰色
图像。增加饱和度就会增加其彩色程度。
（ 4）对比度是指不同颜色之间的差异。对比度越大，两种颜色之间的差异
越大。如增加一幅灰度图像的对比度后，会使其黑白更加分明，继续增加则
变成了一幅黑白图像。
4.6.2 启动 Photoshop6
启动 Photoshop6。 启动 Photoshop后的主界面如图 4-43所示
浮动面板
Photoshop的
界面和
Dreamweaver
类似，工具栏
和活动面板不
是依附于主窗
口，可以单独
停靠，从而有
效的节省客户
工作区空间。
工具栏
对图像的处理是通过
各种各样的工具实现
的，这些工具被组织
在工具栏中。
在工具栏中，可以看
到有的工具按钮的右
下方带有一个很小的
黑色的三角箭头,表
明该按钮对应了几个
不同的按钮,右单击
该按钮可以打开其它
的工具按钮。
工具选项栏
在 Photoshop5.5以前，双击工具后会出现其相应的 属
性活动面板 。
而在 Photoshop6中 Adobe将所有工具的属性活动面板
都统一组织到工具选项栏。选项栏的出现使得修改、
设定工具的属性更加方便，并且大大节省了活动面板
所占的屏幕空间，从而提高工作效率。
在工具栏中的每一种 工具按钮,都对应一个相应的选
项栏。用户可以通过 Photoshop主菜单的, 窗口, 中的
,隐藏选项, 关闭，或者, 开启选项, 打开工具选项
栏。
活动面板
Photoshop中的活动面板对
应于 Photoshop主菜单的
“窗口”菜单，每个面版
的功能将在后面的讲解中
介绍。
工具栏
工具选项栏
4.6.3图像文件
Photoshop是一个图像处理工具，目的是把一幅图片处理成
自己需要的形式。
1．打开或新建图像文件
2,设定图像和画布的大小
3．旋转画布
1,打开或新建图像文件
（ 1）打开一个现有
的图像文件
在, 文件, 菜单中，
执行, 打开 …, 命
令
（ 2） Photoshop不
仅可以对现有的图
片进行处理，还可
以创作图片。要创
建一幅新的图片，
执行, 文件, 菜单
下的, 新建, 命令，
打开, 新建, 对话
框
例如
编辑完
成后，
保存图
像文件
2.设置图像大小
2,设定图像打开一幅
图像，在“图像”菜
单下，执行“图像大
小 …,,打开“图像
大小”对话框
默认状态下图像的
“宽度”和“高度”
是锁定在一起的，修
改其中一个数值后，
另一个也会成比例地
随之改变。如果取消
“约束比例”，则修
改后的图像会变形。
设置画布大小
选择, 图像, 菜单下
的, 画布大小,,打
开, 画布大小, 对话
框
进行画布高度宽度的
设定不会影响图像本
身，“定位”项可以
设定图片在画布中的
位置，正中心的白色
方块，表明进行画布
的增加或减少时，图
像是在中心位置。
3．旋转画布
在“图像”菜单下，指向
“旋转画布”，可以选择
,180度”、,90度（顺时
针）”、,90度（逆时
针）”、“任意角度”、
“水平翻转”、“垂直翻
转”，来旋转画布；若选
择“任意角度”，则弹出
对话框，输入要旋转的角
度。
画布旋转可以使得其中的
图片旋转，从而达到旋转
图片的目的。
4.6.4 用 Photoshop6绘制图片
在介绍 图片处理 以前，我们先介绍一下 Photoshop的 绘图
功能。
1、图层
2、在图层上绘画
3、保存图片文件
图层的概念
在 Photoshop中，用得最多的恐怕要算是图层、通道和蒙板了，
这些概念已开始往往让不少初学者感到迷惑。但是当真正将
它们弄清楚后，你就可以充分的发挥 Photoshop强大的图像处
理功能了。
什么是图层呢？
在图像绘制时，图像往往是分层次的，分别描述远景、
中景和近景。通俗地讲，我们可以将图层理解为一张
张透明的胶片，分别绘制图像的一个部分。最后把所
有的胶片（图层）按顺序叠放在一起，组合起来形成
图像的最终效果。
新建图层
使用图层，在主菜单的“窗口”菜单
中，执行“显示图层”命令，可以弹
出图层浮动选项板,
（ 1）新建图层
在图层浮动面板的右下角是一组按钮，
单击“创建新图层”按钮，可以新建
一个图层。新建的图层在图层浮动面
版中列出，并给出默认的图层名称
“图层 1” … 。
（ 2）显示图层
在图层浮动面板中，每一个图层的前
面都有一个 按钮，该按钮决定图层是
否显示。
例：在图层上绘画 -1
如何在图层上绘画呢？如要在 t01图片上，要添加“泰山日出”
四个字，具体步骤如下,
（ 1）执行“文
件”,“打开,.”
命令，在“打开”
对话框中，选择
要打开的文件
T01.JPG
在图层上绘画 -2
（ 2）选中该图片，单击工具栏中的文字工具按钮，则自动增
加一个文字图层，名称为“图层 1”,
或者，在图层面板中，单击右下角的“新建图层”按钮，新
建一个图层
在图层上绘画 -3
（ 3）在图层面版中，单击“图层一”，点击工具栏中的文字
工具按钮，输入文字“泰山日出”，此时可以通过菜单栏下
面的选项栏对文字格式化。输入完成后，图层名称自动变成
“泰山日出”。
在图层上绘画 -4
（ 4）在图层面版中，单击“泰山日出”图层，在工具栏中，
选择“移动工具”按钮可以将文字移动到合适的位置
保存图片文件
当图片编辑完成后，
可以执行, 文件,
菜单中的, 保存,
命令，或者, 另存
为,,在打开的对
话框中，在保存选
项区域，选择, 图
层,,可以将图层
信息一并保存下来，
便于以后的图片处
理。
4.6.5 基本绘图操作
在 t01图片上，新建
一个图层，通过该
图层，我们介绍基
本的绘图操作。
在图层面版中，选
择新建的图层,
单击, 背景, 和
,泰山日出, 两个
图层前面的眼睛按
钮，隐藏两个图层
的显示。
1,颜色的选取
画图的第一步就是要选择颜色了，颜色又分成前景色和背
景色两种。在 Photoshop中，有多种颜色选取的途径。
方法一, 颜色浮动面板
（ 1）在, 窗口, 菜单中，执行, 显示颜色,,或, 显示色
板,,, 显示样式, 命令，打开, 颜色, 浮动面板
颜色的选取 （续）
（ 2）在颜色面版中，单击, 选取前景色, 或, 选取背景色,
按钮，打开, 拾取器, 对话框
颜色的选取 -2
方法二、用户也可以直接在工具栏中，单击
选取前景色或被景色按钮来打开拾取器对话
框，和上面的方法相同。
颜色的选取 -3
方法三、使用工具栏中的吸管工具，或颜色
拾取器工具
（ 1）吸管工具：点按图像以选取前景颜色。
如果要获得背景颜色，可以点击, 前景颜色
和背景颜色切换, 按钮
“前景颜色和背
景颜色切换”按
钮
颜色的选取 –3（续）
（ 2）颜色拾取器工具
执行, 窗口,,, 显示信息, 命令，打开, 导航器、
信息, 面板，打开颜色, 拾取器, 面板
2,使用画笔工具
画笔工具 用于 模拟毛笔的效果在图像或选区内绘图。其使用
方法同喷枪工具,单击画笔工具按钮，在主菜单的下面显示
画笔选项栏
（ 1） 在画笔后面的下拉列
表中, 可以选择画笔的粗细
和边的效果 。
使用画笔 工具 -模式
（ 2） 在模式对应得下拉列表中, 对应
了不同的模式, 即 图像混合模式 。
图像混合模式, 就是在画图时, 如果已
经有图像, 画笔颜色和所经过位置图像
颜色的混合方式 。 五组不同的模式产生
的效果,
使用画笔和铅笔工具 -不透明度
（ 3） 不透明度，用于设定当前 画笔 的不透明程度，设置低的
不透明度将使 画笔颜 色与图像已存在的颜色混合在一起，数
值越大越不透明。可直接输入数值或拖移滑块来设定。
从左到右的不透
明度 100%到 10%
的效果
使用铅笔工具
铅笔工具和画笔工具类似，铅笔工具用作徒手画 硬质边界
的线。
铅笔工具和画笔工具几乎相同，它们最大的区别就是不管
所选的画笔有多模糊，铅笔工具不会产生毛边，它甚至不
需要“边缘平滑”。
为什么要使用如此原始的工具呢？也许最常见的用法就是
处理非常小的图像时，比如图标，在很高的放大率下需要
确保每个像素都是正确的。用铅笔工具就能够保证画笔边
缘的每个像素的变换都是和设想的一样。
使用铅笔工具画直线
如果您要用铅笔 (或其它许多涂画工具 )画直线，先点起点，
然后按住 Shift 再点终点。
3．喷枪工具
喷枪工具模拟传统的喷枪机制，将渐变色调应用到图像，其
边缘较发散（与画笔工具相比）。单击喷枪工具按钮，在主
菜单的下面显示喷枪工具选项栏栏
各个选项的设置与画笔工具选项栏类似，不作介绍。压力后
面的下拉列表用于设定喷色的浓度，值越大，喷色越浓。
涂画工具小结
在 photoshop中，铅笔、画笔、喷枪是三种涂画工具，在工具
栏中排列在一起
（ 1）铅笔是该组中最原始的工具：它产生硬质，没有平滑边
缘的画笔笔划。铅笔能画出硬边的自由手绘效果的线形的工
具。工作原理与实际中的铅笔相似，画出的曲线是硬的、有
棱角的，铅笔没有边缘羽化。
（ 2）画笔则高级一些，可以画出柔软边缘的像素。它和喷枪
的区别在于绘画时画出的线条不会因为鼠标停留的时间而变
粗。
（ 3）喷枪
和画笔工具类似，显示的选想栏也是画笔的
4．使用直线、矩形、椭圆等绘图工具
直线、矩形、椭圆等是最基本的图形元素 。 选择直线、矩形、
椭圆等某种绘制工具，即可在某个图层上绘制图形了，操作
非常简单。选择某个图形形状工具后，在主菜单下面显示相
应的选项栏，例如，矩形工具按钮的选项栏
形状图层、工作路径 和填充区域
使用直线、矩形、椭圆等形状工具，可以工作在两种情形。
即形状图层和工作路径
选择某个图形形状工具后，在主菜单下面显示相应的选项栏，
例如，直线工具按钮的选项栏
在选项栏的右侧，有一个“解散目标路径”按钮 单击该
按钮
新建形状图层
新建工作路径
建立填充区域
形状图层、工作路径 和填充区域（续）
新建形状图层、新建工作路径或着建立填充区域不同的状态，
都可以绘制矩形。
（ 1）如果是新建形状图层按钮按下，将自动创建一个新的形
状图层。
（ 2）可以在任意的图层上，新建工作路径（非填充的矩形、
多边形、圆等）
（ 3）按下, 新建填充区域,,可以在除形状图层以外的图层
上绘制填充图形
4-1形状图层
（ 1）执行, 文件,,, 新建, 命令，创建一个新图片文件。
显示背景图层
（ 2）在, 新建形状图层, 按钮按下的状态下，点击, 直线,,
,矩形,,, 椭圆,,, 多边形, 等绘图工具，在背景图层
上绘制，则自动创建一个新的图层, 形状 1”
形状的移动和删除
（ 1）使用, 选取, 工具，选取形状图层中的一个区域
（ 2）然后使用选取工具右侧的, 移动, 工具，发现无法单独
移动选取内的图形。整个图层跟着移动。
点击群选取工具，在选取内有单击，执行, 取销选取,
命令。
（ 3）使用, 路径组件选择工具,,单击某个形状，可以单独
移动
说明,使用, 路径组件选择工具,,单击某个形状，选中某
个形状，按 del键课删除该形状
4-2 新建工作路径
（ 1）在, 新建工作路径, 按钮按下的状态下,
（ 2）选择直线、矩形、多边形和园等工具，可以在, 背景,
图层或其他图层上绘制图形。并不创建新的图层。
此时图形工具选项栏的右侧显示,解散目标路径”按钮
在各个图层都隐藏显示
时，路径仍然显示
4-3 建立填充区域
（ 1）在, 建立填充区域, 按钮按下的状态下,
（ 2）选择要绘制的图层，或新建图层
（ 3）选择直线、矩形、多边形和园等工具，可以在, 背景,
图层或其他图层上绘制图形。并不创建新的图层。
直线 -1
（ 1）新建一个图层
选择矩形等绘图工具按钮，在选项栏选择图层为,
-新建形状图层
-新建工作路径
-建立填充区域
（ 2）点击, 直线, 工具，绘制一条直线
直线 -2
选择某个图形形状工具后，在主菜单下面显示相应的选项栏，
例如，直线工具按钮的选项栏
在选项栏的右侧，有一个“解散目标路径”按钮
添加形状区域（ +）
从形状区域减去（ -）
相交形状区域（ +）
排除重叠形状区域（ +）
形状切换按钮 线条粗细
矩形
（ 1）在上面绘制直线的图层上
（ 2）点击, 矩形, 工具，绘制一个矩形。矩形是填充的
多边形
（ 1）在上面绘制之显的图层上
（ 2）点击, 多边形, 工具，显示多边形工具选项栏
（ 3）选择多边形边数
椭圆
（ 1）在上面绘制直线的图层上，或新建图层
（ 2）点击, 椭圆, 工具，绘制一个椭圆。按住 shift键，画正
圆
形状调整
当图形绘制完成后，
可以通过, 编辑, 菜
单中的, 自由变换,
和, 变换, 命令对图
形进行缩放操作。
“编辑”菜单中的“变换”命
令
形状调整 -自由变换
（ 1）首先，使用, 选取, 工具，选取要进行变换的图形区域
（ 2）执行, 编辑, 菜单中的, 自由变换,,或者在选取内右
单击，在快捷菜单中，执行, 自由变换,
形状工具小结
（ 1）形状工具，在 Photoshop中直线、矩形、椭圆等基本的
图形元素，又称形状工具 。
（ 2）形状图层、工作路径、建立填充区域
（ 3）自由变换和变换
（ 4）理解路径
路径就可以解决, 选区, 存在的问题。使用路径，可以为将
来的使用创建和保存指定的选取区域。可以在 Photoshop文件
里保存路径，就像保存图层一样。
随后，既可以把它们当作选取区域使用，也可以把他们 当作
图像中的对象或线条,对他们进行描边和填充操作。
5,文字工具
(1)要在图片上添加文字，可以单击工具栏中的文字工具按钮
A,在菜单栏的下面显示文字工具选项栏,
(2)添加文字的时候，会自动的创建一个图层,
(3)可以通过, 编辑, 菜单，中的, 自由变换, 命令调整文
字。
6,油漆桶工具
油漆桶工具和渐变工具都是色彩填充工具，只是使用的方式
不同 。
（ 1）油漆桶工具
油漆桶工具为单击出色彩相近并连通的区域填充颜色或图案。
油漆桶工具选项栏
矩形、椭圆等的填充
矩形、椭圆等是一种形状图层。具体的填充步骤为,
（ 1）选择形状图层为当前图层。
（ 2）单击, 路径组件选择工具,,右单击一个形状，打开
快捷菜单，执行, 建立选区, 命令
（ 3）在保持选区的情况下，建立新的图层
（ 4）取消其它图层的显示。
（ 5）在工具栏下面，选取一种前景色。
（ 6）在新建图层上，选择, 油漆桶, 工具，在选区上点击，
完成对选区内的颜色填充（前景色）。
6,渐变工具
选择渐变工具，显示渐变工具选项栏
在渐变工具选项栏中, 从左到右分别是色彩 （ 对应渐变方式
下拉列表 ）, 渐变工具按钮 （ 分别是线性渐变, 光线渐变,
角度渐变, 反射渐变和菱形渐变 ） 。
用鼠标在图像上，或者在选区内，点击渐变的起点，然后拖
动鼠标，在终点在点击鼠标，这样一个渐变就完成了，可以
通过线段的拖拉长度和方向改变渐变效果。
自定义渐变
用户也可以自己定义渐变 。
具体步骤是,
（ 1） 双击色彩 （ 下拉列表区
域 ）, 打开, 渐变编辑, 对
话框, （ 2）渐变类型包括, 原色,
和, 杂色, 两种，在滑块区域，
有若干游标，可以在某个位置
单击鼠标建立新游标，或者选
中后，按 Del键删除游标。
（ 3）单击, 确定, 按钮,显
示刚刚定义的渐变
4.6.6图像编辑
当图像基本绘制结束后，或者对现有的一幅图像，往往还需
要做编辑处理。这些操作也是通过工具栏中的工具来实现的。
1.选框、套索和魔棒工具
2,路径组件选择工具和直接选择工具
3,锚点工具
4,图像的移动、复制和删除工具
5,图章工具
6,橡皮擦除工具
7,裁切工具
8,切片工具
9,图像的缩放、旋转等
1,选框、套索和魔棒工具 --建立选区
在 Photoshop中，最难完成的任务之一，就是选择一个物件从
背景中提取出来，并将它完美的合成到另一幅图像中
（ 1）建立选区
在 Photophop中，选框、套索和魔棒工具
为选择工具，其目的是建立选区，对图
像进行编辑
（ 2）取消选区
要取消已经建立的选区。首先单击选区
按钮，然后在选区内右单击，快捷菜单
如图，执行“取消选区”命令
选框工具
右单击选框工具，选择其中一种，在
菜单栏的下面显示相应工具选项栏，
如：矩形选取框工具箱栏
新选择按钮，用于选择一个新选区，原先的选区（如果存在）被取消。
添加到选区按钮，按下该按钮后，所作的新的选区将增加到原有的选区
中，成为一个选区，这些选区不一定连同。
从选区中减去按钮，即在原有选区的基础上减去新选区
相交选区按钮，取两个选区的重叠部分作为选区。
,羽化, 选项用于设定选区边界的羽化程度。
,消除锯齿, 用于清除选区边缘的锯齿
套锁工具 -1
对于不规则的物件，套索工具主要可
以用手控的方式选择一些不规则形状
的选区，有三种不同的套锁工具,
（ 1）套索工具：套索工
具最简单，常用于手绘
线段，套索 路径 将跟随
鼠标移动的轨迹，松开
鼠标时选区会闭合。
套索工具建立的选区
套锁工具 -2
（ 2）多边形套索工具：多边形
套索工具用于绘制选框的直边
线段
多边形套索工具建立
的选区
套锁工具 -3
（ 3）磁性套索工具：磁
性套索工具特别适用于快
速选择与背景对比强烈且
边缘复杂的对象。它以一
定频率跟踪图像中对比较
大的区域，以紧固点固定
选框。在高对比度图像上
比低对比度图像工作的更
好。
磁性套索工具建立的
选区
魔棒工具
魔棒工用于选取图像中色彩一致的区域。当在图像中选择某一
点时，与之颜色相同或相近的点都自动溶入选区中。魔棒工具
选项栏,
,容差, 选项用于控制色彩的范围，其值从 0到 255，默认 32。
数值越大，所选颜色范围就越大，数值越小，所选颜色就越接
近；要定义一个平滑边缘，请选择, 消除锯齿, ；, 相邻, 用
于选择单一颜色范围；, 用于所有图层, 选择所有图层中的颜
色数据，否则只对当前图层起作用。
魔棒工具 -续
（ 1）选择, 魔棒,,
（ 2）在图像上点击，在图像中选择某一点，与之颜色相同或
相近的点都自动溶入选区中。
2,路径组件选择工具和直接选择工具
(1)路径组件选择工具,
对图形位置的移动
(2)直接选择工具,
图形形状的调整。
注意：上述选择工具适合于形状图层
中的形状。不适合一般图层建立的填
充区域
例子
（ 1）选择路径组件选择工
具，单击图形，图形四周
显示四个实心的节点，通
过鼠标可以任意的移动图
形
（ 2）选择直接选择工
具，然后单击图形，显
示如图 4-69所示。然后
用户可以拖动节点来任
意的改变图形形状。
3.锚点工具
路径是由一系列的猫点连接而成的，在 Photoshop的工具栏中，
包含了一组有关锚点的工具，分别是,
钢笔工具,点按添加锚点到路径
自由钢笔工具,拖移添加路径
添加锚点工具,点按路径，插入锚点
删除锚点工具,
转换点工具等,
可以增加减少锚点。从而更便于对图形形状的变化，制作出
丰富的任意的形状，例如火焰等。
例,
（ 1）对于形状图层
（ 2）点击, 路径选择工具,,
选择一个图形
（ 3）根据需要选择锚点工具，
可以增加减少锚点。从而更便于
对图形形状的变化，制作出丰富
的任意的形状,
4.图像的移动、复制和删除 工具
对于选区中的图像，我们可以执行移动、复制和删除操作。
单击移动工具按钮，在主菜单栏的下面显示移动工具选项栏
显示边界
图像的移动 -1
① 选择要移动的图像区域, 单击移动工具按钮, 将光标置
于选区内
② 按鼠标左键并拖动至指定位置, 原图像位置被背景色填
充 。
如果是要移动某个图层, 可以将其设为当前图层, 然后单
击 按钮, 即可以平滑的移动当前图层中的图像 。
图像的移动 -2
对于形状图层, 若 在一个图层中有几个图形, 如一个椭圆, 一
个矩形, 如果只希望移动矩形, 如何操作呢？
根据上面的介绍, 发现选择一个图形, 在移动的时候, 整个图
层都移动了 。 为什么呢？ 这与 Photoshop的设计思想有关, 我
们知道在 Windows中的, 画图, 程序中, 可以单独的移动画布
中的某个区域内的图像 。 但是, 在 Photoshop中, 为了更加精
细的处理图像, 我们总是需要把一个复杂的图像分成很多层,
然后对每一层进行单独处理 。 这样, 如果一个图像包括一个椭
圆和一个矩形, 就应该分在两个不同的图层中 。
图像的移动 -3
要单独移动, 需要使用, 路径组件选择工具,, 单击某个图
形, 单独移动
图像的复制
（ 1） 建立要复制图像区域,
（ 2） 单击移动工具按钮, 将光标置于选区内
（ 3） 按下 Alt键, 按下鼠标左键并拖动至指定位置 。
使用橡皮图章工具 和图案图章工具 也可完成图像的复
制任务 。
图像的删除
（ 1） 使用橡皮擦工具 可在拖动的过程中, 擦除图像颜色,
并用背景色填充 。 具体介绍参见下面的橡皮擦除工具 。
或者,
（ 2） 选中区域, 按 Del键即可删除 。
5,图章 工具
复制图章工具分成橡皮图章工具和图案图章工
具两种。两种图章的功能都是复制图像，但复
制的方式不同。
使用橡皮图章 工具
橡皮图章工具选项栏如图 4-71所示
具体步骤是,
(1)首先选择橡皮图章 。
(2)选择选区
(3)点击,移动工具,按钮,
将鼠标移到相要复制的图
像选区上, （ 4） 按住 Alt
键, 拖动鼠标, 在图像的
任意位置开始复制 。
图案图章工具
图案图章工具选项栏如图 4-71所示
使用图案图章首先要定义图
案，方法是：用矩形选取框
选择所需要复制的图像，然
后在选项栏的图案下拉列表
中选择一个图案，或定义新
图案。
6.橡皮擦 工具
使用橡皮擦工具可在拖动的过程中，
擦除图像颜色，并用背景色填充。
橡皮擦除工具分成,
(1)橡皮擦工具
(2)背景橡皮擦工具,可以擦除指定颜色，擦除后，背景图层
变为一般图层。
(3)魔术橡皮擦工具,可以自动擦除颜色相近的区域。
单击橡皮擦除工具按钮，在主菜单的下面显示橡皮擦除工具
选项栏
7.裁切 工具 -1
使用裁切工具,可以在图像或图层中裁剪下所选区域的
大小。具体步骤如下
① 打开一幅图像, 单击, 裁切工具, 按钮, 拖动鼠标则画出
矩形裁剪框 。
② 松开鼠标按键, 图像剩下裁减框内容, 其他内容灰化 。
7.裁切 工具 -2
对已经画出的矩形裁剪框, 将光标移到边线上可调整裁切框
的大小；移到边线外侧, 就会出现旋转光标, 拖动鼠标即
可旋转选区 。 或者按 Esc键, 取消裁剪框 。
③ 当裁减框确定后，在框内双击，完成裁剪操作。裁减后的
图像
8,切片 工具
在网页制作中，图片越小下载速度
越快。因此，在不影响效果的情况
下，切图是目前制作网页的主要方
式。
在 Photoshop中，切片工具包括,
(1)切片工具
(2)切片选择工具
切片 工具 -1
单击选择切片工具按钮，显示切片工具选项栏
在模式后面的下拉列表中,
? 正常, 表示切片的大小由鼠标任意拉出 。
? 约束长宽比, 输入切片宽和高度的比例 。
? 固定大小, 输入宽度和高度值 。
在正常模式下，点击切片工具，拖动鼠标得到的一个切片如
图 4-75所示。在图 4-75中，并不是每一个区域都是用户切片，
只有用实线圈定的区域才为用户切片，名称为蓝底白字，其
它的区域为非用户切片。可以在上面右单击，在谈出菜单中
选择某个命令。
切片 工具 -1（续 1）
在所需编辑的切片上右单
击，打开“切片选项”对
话框
切片选择 工具 -排列切片
切片往往造成图片的重叠，可以使用切片选择工具来排列切
片的顺序。
选择切片选择工具，在对应的切片选择工具选项栏中
置为顶层 。
前移顶层 。
后移顶层 。
置为底层。
9.图像的缩放、旋转等
图像编辑绘制完成后，往往还需要进行大小、位置的调整。
这次操作可以通过“编辑”菜单中的“自由变换”和“变换”
命令来完成。
（ 1）首先选择图像区域
（ 2）打开“编辑”菜单，选
择“自由变换”和“变换”命
令
或者，在选择区域上右单击
4.6.7 图像修饰与调整
在图像处理中，除了一些刚性化的编辑外，往往还需要对图
像进行修饰，这样得到的图片才更加具有艺术美感。
1,模糊、锐化和涂抹
2,减淡、加深和海绵工具
3,图像色彩调节
1,模糊、锐化和涂抹
在工具栏中，选择模糊工具，
显示模糊工具选项栏
模糊工具通过减少相邻像素间的颜色反差来使图像变得柔和
模糊，一般用于颜色与颜色之间比较生硬的地方加以柔和，
也用于颜色与颜色过渡比较生硬的地方。
而锐化工具则是通过增加像素间的颜色反差来使图像变得更
清晰。
选择笔刷
使用模糊、锐化还是涂抹，首先要选择一个合适的笔刷，在
选项栏中，单击画笔下拉列表,
笔刷,
（ 1）实圆
（ 2）柔边
圆
（ 3）飞溅
模糊工具（ Blur Tool）
通过笔刷使图像变模糊的工具。它的工作原理是降低像素之
间的反差。
应用,
（ 1）用模糊工具涂抹，使远处的景色模糊，与近处的景物形
成对比，这样图象的景深就被很好的表现出来
（ 2）对于合成的图像，对边缘进行模糊处理，减少拼图的痕
迹。使用模糊工具还可以使色块之间的衔接变得柔和
例子
模糊前 模糊后
锐化工具 （ Sharpen ）
Sharpen（ 锐化工具）：同模糊工具相反，可以使图像
变得清晰，以达到特定效果。原理是增加像素间的反差。
涂抹工具 （ Smudge Tool ）
使用时产生的效果好像时用干笔刷在未干的油墨上擦过。也
就是说笔触周围的像素随笔触一起移动。
（ 1） 选择一个中号的柔性笔刷 使用涂抹
2,减淡、加深和海绵工具
减淡工具 和加深工具主要用来改变图像的 曝光度 。对于曝光
不足的区域，使用减淡工具可以增加 该区域的亮度；对于曝
光过度的区域，我们可以用加深工具来使该区域变得暗淡
?模式, 分成暗调, 中间调和高光三种 。
?曝光度, 调整处理图像时的曝光强度, 一般开始值较小,
15%左右 。
使用减淡、加深工具效果
（ 1）选择曝光度，例如 5%
（ 2）选择柔边圆中号笔刷
（ 3）选择中色调 左上角处理后的效果
海绵工具（ Sponge Tool ）
海绵工具是一种用于调整图像饱和度的工具，可以
提高或降低色彩的饱和度，海绵工具可以对图像进
行加色或去色 (就象一块海绵在水彩中吸掉一些水分，
使颜色变浅 )操作。对应的工具选项栏如图
其中模式分为去色和加色两种。
3,图像色彩调节
图像色彩的调整是将当前
范围的像素值映射到新范
围的像素值上。
在 Photoshop中，色彩调节
主要包括,
（ 1）色阶
（ 2）色相 /饱和度
再谈色彩模式
两大色彩模式 RGB和 CMYK。 色彩模式有很多种，但这两种是
最重要和最基础的。其余的色彩模式，实际上在显示的时候都
需要转换为 RGB,在打印或印刷 (又称为输出 )的时候都需要转
为 CMYK。 虽然如此，但这两种色彩模式都比较抽象，不符合
我们对色彩的习惯性描述。
如果问：图中“生日快乐”
四个字颜色的 RGB或
CMYK值是多少？你一定
会觉得不得其所。如果现
在要你在 RGB模式下组合
出一个浅绿色，也很难准
确地做到。
再谈色彩模式（续 1）
习惯上：我们都会说图中“生日快乐”四个字颜色是黄色的。
或者说是亮黄色的。比如晴空，我们首先想到蓝色，然后是浅
蓝色。比如湖水，首先想到绿色，进一步想到碧绿色。我们大
脑对色彩的直觉感知，首先是色相，即红色橙黄色绿色青色蓝
色紫中的一个，然后是它的深浅度。
HSB色彩就是籍由这种模式而来的，它把颜色分为 色相、饱和
度、明度 三个因素。
注意它将我们人脑的“深浅”概念扩展为 饱和度 (S)和明度 (B)。
所谓饱和度相当于家庭电视机的色彩浓度，饱和度高色彩较艳
丽。饱和度低色彩就接近灰色。明度也称为亮度，等同于彩色
电视机的亮度，亮度高色彩明亮，亮度低色彩暗淡，亮度最高
得到纯白，最低得到纯黑。
再谈色彩模式（续 2）
在 HSB模式中,S和 B的取值都是百分比，唯有 H的取值单位是
度，这个度是什么意思？是角度，表示色相位于色相环上的位
置，将我们前面学过的色相环加上角度标志就明白了
从 0度的红色开始，逆时针方向
增加角度,60度是黄色,180度
是青色等等。 360度又回到红色。
可以自己调节 H滑块对照一下。
再谈色彩模式（续 3）
如果我们需要一个浅绿色，那么先将 H拉到绿色，再调整 S和 B
到合适的位置。一般浅色的饱和度较低，亮度较高。如果需要
一个深蓝色，就将 H拉到蓝色，再调整 S和 B到合适的位置。一
般深色的饱和度高而亮度低。
这种方式选取的颜色
修改方便，比如要将
深蓝色加亮，只需要
移动 B就可以了，既
方便又直观。如果要
选择灰度，只需要将
S放在 0%，然后拉动
B滑杆就可以如同灰
度模式那样选择了
（ 1）色阶的概念
什么是色阶？颜色亮度的变化，色阶值 0(黑色 )..255（ 白色）
如果图片片暗，可以通过色阶来调整,RGB三种色阶，在, 图
像, 菜单中，指向, 调整,,执行, 色阶 …, 命令，打开
,色阶, 对话框,
通道列表包括：
RGB
红色
绿色
蓝色
可以对复合通道或者单色通道进行分别调整，也可以对几个
单色通道进行同时调整。方法就是：按住 Shift键，同时在
Channel浮动窗口中选择通道）。选择好之后,Channel选项
色阶图
色阶图是根据图像中
每个亮度值（ 0~255）
处的像素点的多少进
行区分。（ 1）右面的
白色三角滑块 控制图
像的深色部分，（ 2）
左面的黑色三角滑块
控制图像的浅色部分，
（ 3）中间那个灰色三
角滑块 则控制图像的
中间色。
色阶图（续）
移动滑块可以使通道中（被选通道）最暗和最亮的像素分别转
变为黑色和白色，以调整图像的色调范围 —— 因此可以利用它
调整图像的对比度,
（ 1）靠左的滑块用来调整图像中暗部的对比度，左边的黑色
滑块向右移，图像颜色变深，对比变弱
（ 2）右边的白色三角用来调整图像中暗部的对比度。右边的
白色滑块向左移，图像颜色变浅，对比也会变弱
两个滑块各自处于色阶图两端则表示高光和暗部。
（ 3）中间的灰色三角滑块，控制 Gamma值，而 Gamma值又衡
量图像中间调的对比度。改变 Gamma值可改变图像中间调的亮
度值，但不会对暗部和亮部有太大的影响。将灰色三角滑块向
左稍动，可以使中间调变暗，向右稍动可使中间调变亮。
色阶调节 -1
如果图片偏暗，可以通过色阶来调整整个图像,或着选择一
个选区,对选区进行色阶调节。
（ 1）在, 图像, 菜单中，指向, 调整,,执行, 色阶 …, 命
令，打开, 色阶, 对话框,
（ 2）拖动下面的输出色阶滑杆可以调整真个图片的亮度。
（ 3）观查图像或选区内色彩
的变化
自动色阶
Auto（ 自动色阶）适用于简单的灰度图和像素值比较平均的
图像。如果是复杂的图像，手动调节能取得更为精确的效果
曲线
执行, 图像,,, 调整,,, 曲线 …, 命令
导航信息窗口
对于色阶、
色相 /饱和
度的调整，
可以通过
,导航器 /
信息, 面板
显示色相、
RGB色阶阶
值的变化。
执行, 窗
口,,, 显
示信息, 命
令。
（ 2）色相 /饱和度
什么是色相 /饱和度？
举例：色相就是颜色，桔子是红色的，它要是还没熟，那
就是绿色的，这个变化是色相变化；天黑了，桔子变得发
灰，变暗，那就是明度的变化；饱和度
色相 /饱和度命令可以调整图像中单个颜色成分的色相、饱
和度和亮度。
执行, 图像,,
,调整,,
,色相 /饱和度,
命令
4.6.8 深入理解图层、通道、路径和图层蒙版
在 Photoshop中，最多的和最重要的就是图层等概念了。
1,图层
2．通道
3,路径
4,图层蒙板
1,图层
（ 1）图层名称：每一图层都
有一个名称以便于区分，若未
起名则 Photoshop会自动依次命
名为图层 1、图层 2…
（ 2）图层预览缩图,显示图
像内容，可以快速识别每一图
层。
（ 2）眼睛图标,用于显示或
隐藏图层。图层隐藏时，不能
对其进行任何编辑操作。
（ 3）当前图层,以蓝色显示，
左侧有一历史画笔图标。一个
图像只有一个当前图层。
主菜单的“窗口”菜单，
含有“显示图层”或“隐
藏图层”命令，用于打开
或关闭图层面板
设置图层的透明
选择几个图层同时显示，调整
不透明度后面的不透明强度值，
可以看到几个图层叠加后的总
体效果。
锁定选项
在图层窗口中，包含四个锁定
选项，分别是,
锁定透明像素（锁定当前图层
的透明区域使其不能被编辑）
锁定图像像素（使当前图层和
透明区域不能被编辑）
锁定位置工具（使当前图层不
能被移动）
全部锁定（所有图层都不能被
编辑）
其他按钮
在图层浮动面版的右下角，有六个
工具按钮,
（ 1）添加图层样式（使当前图层增
加图层风格效果）
（ 2）添加蒙板（建立一图层蒙板，
它将选择区域外的图像保护起来，
黑色代表隐藏，编辑完成后去掉蒙
板即可）
（ 3）创建新组（新建一个存放图层
的文件夹）
（ 4）创建新的填充或调整层（可对
图层进行颜色填充和效果调整）
（ 5）创建新的图层（在当前层上面
创建一个新层）
（ 6）删除图层（在选定的图层上单
击或直接拖到此处）
图层的操作
在图层上右单击，打开快捷菜
单，或者在图层浮动选项板中
单击,从弹出的菜单中可
以完成图层属性、新建图层、
复制图层、删除图层、图层透
明区域显示状态的设定、图层
效果的编辑,图层合并等操作。
在图层上，右单
击后的快捷菜单
2,通道
什么是通道？
,通道是存储不同类型信息的灰度图像。, 这就是
PhotoShop中对通道的定义。一个非常简单的定义，但
是它精辟地揭示了通道的本质 -- 灰度图。
在底层看来，一张图象其实就是一些不同描述方式的灰
度图混合组成的结果。例如一张 RGB位图包括 R（ 红）、
G（ 绿）,B（ 蓝）三个基本通道，在 photoshop里打开
一张 RGB模式的图，在通道里分别选它的各个通道，你
看到的就是几张灰度图，它们就是通道。
图像模式与通道 -1
在 Photoshop里，
打开菜单, 图
像 -> 模式,,
你可以看到
,位图,,
,灰度,,
,索引颜色,,
,RGB” 等许多
图象模式。
图像模式与通道 -2
（ 1）打开一张图，执行, 图像,,在, 模式, 级连
菜单中，选择一种模式。
（ 2）在图层面版中，选择, 通道, 选项卡，显示通
道。可以看到不同图像模式下的通道数、各是什么，
可以发现实际上所谓的图象模式其实就是通道的构
成模式。这样便可以根据输出需要准确地选择图象
的通道模式了。
RGB颜色模式
打开一幅图片后，默认的颜色模式是 RGB颜色模式
灰度模式
执行菜单“图像”、“模式”、“灰度”，图片显示
如下
CMYK颜色模式
撤销上次的图像模式转换。恢复到原先的 RGB颜色模
式
重新执行菜单“图像”、“模式”、,CMYK颜色”，
图片显示如下
lab颜色模式
撤销上次的图像模式转换。恢复到原先的 RGB颜色模
式
重新执行菜单“图像”、“模式”、,lab颜色”，图
片显示如下
通道浮动选项板
单击, 窗口,,, 显示通道, 命令，显示浮动选项板
单击可显示或隐藏当前通道。
由于主通道（ RGB） 是由各
原色通道组成，因此当单击
某原色通道时主通道会自动
隐藏。
通道浮动面板底部有四个工具按
钮，分别是,
选区载入（用于将通道中的选区
调出）
将选区存储为通道（将选区存储
为通道，以备用）
创建新通道（创建新的 Alpha通道）
删除通道。
通道操作
右单击某通道，或者单击弹
出通道操作菜单。 可以完成
新建通道、复制通道、删除
通道、通道的分离通道与合
并通道,通道运算等操作。
Alpha通道
alpha通道是用来存储图象显 /隐区信息的灰度图。在
PhotoShop和大多数软件中,alpha通道中的纯黑表示
透明，纯白表示不透明。
在通道面板中，单击右下角的, 创建新通道, 按钮，
则创建一个 Alpha通道，如图。
3.路径
路径是使用钢笔、磁性钢笔等工具勾画出的任何形状
的线条，是不包含像素的矢量对象，使用路径可以进
行复杂图像的选取，也可将路径转换为选区边框、描
边路径等。
选区及存在的问题
（ 1）什么是选区？
选区表示了当前选中的可编辑区域，实际上在底层运算里，选
区也可以理解为一张灰度图。例如很常用的选区羽化命令，实
际上就是将选区的边缘区域进行了灰阶过度运算。选区可以被
保存成通道也是同一道理。
（ 2）选区存在的问题
但是，选区的问题在于：一旦取消了选取，选区框也就消失了。
再次选取对象的唯一方法使使用合适的工具，重新选取区域或
者用历史面板返回到上次使用选取工具完成选取区域的状态。
然而，这也意味着失去了对选取区域的内容所做的处理。
什么是路径
路径就可以解决这个问题。使用路径，就可以为将来的使用创
建和保存指定的选取区域。可以在 Photoshop文件里保存路径，
就像保存图层一样。随后，既可以把它们当作选取区域使用，
也可以把他们 当作图像中的对象或线条,对他们进行描边和填
充操作。
路径编辑 工具
路径是由一条或多条直线或曲线组成的封闭或开放的图形，节
点表示线段的端点；每个选择的节点显示一条或两条方向线，
方向线和方向点的位置确定了曲线段的大小和形状。
平滑曲线由平滑点连接，当移动平滑点一侧的方向线时，该点
两侧的曲线会同时调整；有拐角的曲线由角点连接，当移动角
点的一条方向线时，只调整与方向线同侧的曲线。
使用钢笔, 自由钢笔, 添加锚点, 删除锚
点, 转换点、路径组件选择、直接选择，
可以绘制和编辑路径。
路径浮动选项板
在, 窗口, 菜单中，执行, 显示路径, 命令，可以显示路径浮
动选项板
底部的六个按扭依次是用前景色
填充路径、用前景色描边路径、
将路径作为选区载入、从选区建
立工作路径、创建新路径、删除
当前路径。若按住 Alt键再单击它
们，则弹出相应对话框。单击右
上角的，弹出路径操作菜单。
路径的操作
路径可以看作图层中的图像，可以对它进行保存、复制、删除、
移动等操作。也可完成填充路径、描边路径,剪贴路径和调板
选项。 底部的六个按扭依次是用前景色
填充路径、用前景色描边路径、
将路径作为选区载入、从选区建
立工作路径、创建新路径、删除
当前路径。若按住 Alt键再单击它
们，则弹出相应对话框。单击右
上角的，弹出路径操作菜单。
4.图层蒙板（ mask）
图层蒙板实际上就是对某一图层起遮盖效果的在实际中并不
显示的一个遮罩，它在 Photoshop中表示为一个通道，用来控
制图层的显示区域与不显示区域及透明区域，蒙板中出现的
黑色就表现在被操作图层中的这块区域不显示，白色就表示
在图层中这块区域显示，介于黑白之间的灰色则决定图象中
的这一部分以一种半透明的方式显示，透明的程序则由灰度
来决定，灰度为百分之多少，这块区域将以百分之多少 的透
明度来显示。
利用蒙板的这种特性，在对图片的融合、淡化等处理时有效
地使用蒙板，会得到比羽化选区更柔和的效果。
为图层添加蒙板
（ 1）首先，新建一个图层，并选定新的图层，用于添加图层
蒙板
（ 2）点击, 图层, 菜单下的, 添加图层蒙板, 子菜单，在这
个菜单下有, 显示全部, 和, 隐藏全部, 命令。显示全部指
的是当使用这个时系统会直接把整个图层显示出来，即把图
层蒙板全部填上白色，隐藏全部则相反，他会先把图层蒙板
填上黑色，这个选择根据自己的需要确定，我们先选则, 显
示全部, 。
描绘图层蒙板
在图层上添加一个图层蒙板，图层浮动面板眼睛右边的图标
变成了一个方块中间有个圆型。
在图层行图层名称的前面，增加矩形，这就是该层的蒙板。
单击该蒙板，可以进行蒙板的绘制，和普通图层的绘制相同，
例如使用渐变工具
举例 -制作蒙板
步骤一、创建蒙板图层,
（ 1）打开一个图片文件，成为“背景”图层。因为背景图
层是不允许创建层蒙板的。因此，在背景图层右单击，执
行“复制图层 …,命令，创建一个新的图层。
制作蒙板 -2
（ 2）执行“选择”、“全选,命令；然后，执行“编辑”、
“清除”命令，删除图像
制作蒙板 -3
（ 3）在保证选区的情况下，单击“添加图层蒙板”按钮
从上图可以看到，蒙板没有遮挡下面的背景图层。
制作蒙板 -4
步骤二、编辑图层蒙板
第一，取消背景图层的显示
第二，在背景图层上面的蒙板图层（背景 复制）单击“图
层蒙板缩略图”按钮
第三，单击工具栏中的“渐变工具”（渐变填充），此时
“图层蒙板缩略图”按钮，显示了渐变的填充效果。
第四，然后，再点击左边的“图层缩略图”按钮，再次使
用渐变工具，结果如下,
编辑图层蒙板
制作蒙板 -5
在图层面板中，点击背景图层的眼睛图标，显示背景图层，
使用了蒙板后的显示效果如图
制作蒙板 -5
在图层面板中，点击图层蒙板，然后，选取一个区域，使
用橡皮擦工具，将该区域擦出，如图
制作蒙板 -6
在图层面板中，点击背景图层，显示如图
最后说明的是,
对于步骤一，可以直接新建一个图层，作为创建蒙板用。但
对于蒙板图层的绘制，必须要保证图层面板的蒙板图层一行
的两个缩略图都显示蒙板的效果，顺序是先“图层蒙板缩略
图”，后“图层缩略图”
注意,
（ 1）背景图层不能作蒙板
（ 2）蒙版图层必须在图层列表的上面，这样对于低下的图
层才起到一种蒙板的效果
（ 3）只有选择选区，图层面板“添加如层蒙板”按钮才可
用
（ 4）蒙板图层中的黑色将遮挡下面的图层显示和编辑。
注意（续）
（ 4）蒙板图层中的白色，不是真正的（ 255,255,255）
RGB色彩，而是光栅格。对于图层中的白色，可以使用橡
皮擦工具，得到光栅格。
小结 -1
1.通道、灰度图
2,alpha通道、选区、蒙板
本质上都是一种灰度图。正是由于他们本质上是同一种东
西（灰度图），所以在很多软件里它们之间都可以随意相互
转换。
3.图像的本质是通道的组合，而通道的本质就是灰度图。有
了这样一个概念，你应该对一张位图有了全新的认识，那就
是位图本身除了包涵我们看到的颜色信息以外，还包括一些
通道信息。
红、绿、蓝三种色画矩 形
这三个通道中分别只有两个矩形，而且各不相同。为什么呢？
在 Red通道中，绿色和蓝色矩形都是用黑块表示，而红色矩形却不见了。
其实不是不见，而是用白色表示了，在白底的情况下，当然看不见。
简单的方法解 释,红色通道可以通过红色 （透明色）,而蓝绿等不含红
色素的，都被遮挡。这有点类似太阳镜挡紫外线。通过的区域，理解为
选区；不能通过的区域，如通道中的黑色块，就是蒙版。
小结 -2
图像的本质是通道的组合，而通道的本质就是灰度图。有了
这样一个概念，你应该对一张位图有了全新的认识，那就是
位图本身除了包涵我们看到的颜色信息以外，还包括一些通
道信息。
RED通道
图像的本质是通道的组合，而通道的本质就是灰度图。有了
这样一个概念，你应该对一张位图有了全新的认识，那就是
位图本身除了包涵我们看到的颜色信息以外，还包括一些通
道信息。
Green通道
图像的本质是通道的组合，而通道的本质就是灰度图。有了
这样一个概念，你应该对一张位图有了全新的认识，那就是
位图本身除了包涵我们看到的颜色信息以外，还包括一些通
道信息。
Blue通道
图像的本质是通道的组合，而通道的本质就是灰度图。有了
这样一个概念，你应该对一张位图有了全新的认识，那就是
位图本身除了包涵我们看到的颜色信息以外，还包括一些通
道信息。
4.6.9 使用滤镜
滤镜是 Photoshop中功能最丰富、效果最佳的工具之一。使用
滤镜可以生成多种光怪陆离、变化万千的特殊变换效果。
Photoshop 同时还支持非 Adobe公司开发的外挂滤镜，从而进
一步扩充 Photoshop 滤镜功能。这些滤镜安装后将出现在
,滤镜, 菜单地底部，与内置滤镜使用方法相同。
1,滤镜基本知识
使用滤镜时，由于图像处理的过程比较复杂，所以操作的速
度会比较慢，可以通过技巧的运用来提高工作效率。
（ 1）如果没有必要对整个图像应用滤镜，可以在图像上定义
选区，确定要应用滤镜的范围；如果要使处理的部分和图像
其它部分自然地过渡，可以定义羽化的选区。
（ 2）滤镜可以应用到某一层的单个通道中；
（ 3）滤镜的处理以像素为单位，它的效果会因为图像分辨率
的不同而不同；
（ 4）执行某一个滤镜处理图像之后,,编辑, 菜单中的消退
命令变得可用，选择它可以实现效果混合；
（ 6）使用, 编辑, 菜单中的, 清理,,, 所有, 命令，可以
释放内存，但如果需要保留以前的操作，不能使用该命令。
2,滤镜的分类
在 Photoshop中，滤镜的数量众多，在此我们不一一介绍，图
4-88 所示是 Photoshop6中的滤镜菜单。
每个虑镜的功能请自行参考有关专门的 Photoshop书籍。
FAQ
1.如何获得精确光标？
按 Caps Lock键可以使画笔和磁性工具的光标显示为精确十字
线，再按一次可恢复原状。
4.6.10 图片合成举例
Photoshop具有功能强大的图片合成功能，下面我们介绍, 花
仙子, 图片的合成过程，来理解 Photoshop图像处理的综合应
用。整个图像处理过程可以分成两个大的部分，第一部分是
制作背景图片。第二部分是将已有的花仙子和荷花图片在背
景上图层上合成，构成最后的效果。
创作素材 合成效果
制作步骤 -1
1,打开 Photoshop,在“文件”菜单中，执行“新建 …,命
令，新建一个 500× 500DPI的图象，自动生成一个白色的“背
景”图层。然后先选取前景颜色为黄色，使用油漆桶工具将
背景填充为黄色。
制作步骤 -2
2．在打开的图层浮动面板中，新建一个图层（图层 1），选
择矩形选框工具，在矩形选框工具选项栏上，点击添加到选
区按钮，在图层 1上建立多个矩形选区，并用橙色填充，如图
4-90所示。
制作步骤 -3
3．执行菜单“选择”中的“取消选择”命令（ Ctrl+D） 取消
选区，在“滤镜”菜单中，指向“扭曲”，执行“极坐标”
命令，结果如图 4-91所示。
制作步骤 -4
4、对于图层 1，执行“滤镜”、“模糊”、“特殊模糊”命
令，打开“模糊效果”对话框，选择相关的设置，如图 4-92
所示。然后单击确定，得到的效果如图 4-93所示。
制作步骤 -5
5、然后执行“滤镜”、“模糊”、“径向模糊”命令，打开
“径向模糊”对话框，选择相关的设置，如图 4-94所示。然
后单击确定，得到的效果如图 4-95所示。背景制作就完成了
制作步骤 -6
6,在“文件”菜单中，执行“打开 …,命令，将基本素材的
荷花图片在 Photoshop中打开，并且自动创建一个层，默认名
字为“背景”。
制作步骤 -7
7,将荷花图片的图层加到创作的图像文件中。具体步骤如下,
① 点击被复制的图片图层（荷花） 。
② 在图层面版中通过鼠标，将被复制的图层拖放到另外一个
图像文件（花仙子）窗口中。
这样就将一个图像文件的图层（荷花图片）复制到了另外一
个图像文件（化仙子）中，成为一个新的图层（图层 2）。
制作步骤 -8
8．将所需要部分（荷花）从图层中提取出来，具体步骤如下
在图层面板中点击荷花图层，并隐藏其他图层的显示,
① 利用套锁工具,或磁性套锁工具，定义提取图像的边界。
或者用钢笔将鼠标外围轮廓勾出，并将所勾路径转换为选区。
如图 4-96 所示。
② 在选区内右单击，执行“选择反选”命令，将未被选择的
内容选中。
③ 按 Del键，将选区内的内容删除，即可得到要提取的图像，
如图 4-97 所示。
最后执行“选择”、“取消选择”命令
制作步骤 -8图
荷花图层 提取的荷花
制作步骤 -9
9、在 photoshop中打开基本素材中的卡通图片（仙子），用
类似步骤 6,7的方法，调整图片大小，并将仙子图片图层
拖放到花仙子文件中，创建图层 3，利用移动工具将仙子移
动到合适的位置，如图 4-98所示。
制作步骤 -10
类似步骤 8，采用此行套锁工具取出仙子图层中的仙子，如
图 4-99所示。
选择不同的图层，使用移动工具移动图层中图像的位置
制作步骤 -11
11,从图可以看到，仙子
图层（图层 3）遮挡了荷
花图层（图层 2），在图
层浮动面板中，调整仙
子图层的不透明度，使
得可以看到被遮挡的荷
花图层。然后，回到仙
女图层，使用套锁工具
或者钢笔工具勾画出遮
挡荷花图像的部分，并
转化为选区。如图 4-101
所示。
制作步骤 -12
12,按 Del键，把仙女图层中遮挡荷花的部分删除，如图 4-102
所示。花仙子对应的图层面板如图 4-103所示。
制作步骤 -13
最后，显示所有图层，得到的合成化仙子图片如图
Photoshop小结
1,Photoshop是一个强大的图形图像处理软件。
2,图形绘制和图像处理工具
3,色彩的相关概念，包括色相、饱和度、亮度
4,图层、形状图层
5,选区、路径、通道、蒙板、灰度图的关系
6,图像合成
谢 谢 大 家
山东大学计算机科学与技术学院
hxw@sdu.edu.cn
第 4章 网页及多媒体制作
4.6 Photoshop和图像处理
Photoshop是一个非常优秀的图像处理软件，是
Adobe公司的产品，具有强大的图像处理功能，在传
统的印刷业、平面广告业中具有相当重要的地位。
Photoshop是一个用起来非常得心应手的图像处理软
件，但一些初学者往往以为它很专业，有点“敬而
远之”，而宁愿用 Windows中的图画板
4.6.1 图像处理基础知识
1,图形与图像
2,什么是图像处理？
3．常用的图像格式
4,图像的类型、大小和分辨率
5,色彩模式和模型
6,色调、色相、饱和度和对比度
1,图形与图像
（ 1）图形是指由外部轮廓线条构成的图，即由计算机绘制的
直线、圆、矩形、曲线、图表等，分为位图和矢量图两种。
（ 2）图像是由数码相机、扫描仪、摄像机等输入设备捕捉实
际的画面产生的数字图像，是由像素点阵构成的位图。用数
字任意描述像素点、强度和颜色。
图形 图像
2,什么是图像处理？
图像处理是一门综合技术，包括
（ 1）图像编码，不同的图像存储格式
（ 2）图像压缩，压缩存储
（ 3）图像增强
（ 4）图像复原
（ 5）图像识别
（ 6）图像理解
3．常用的图像格式
数字图像往往根据应用的不同保存为一些特
定的格式。 Windows中的图像以,bmp 或,dib格
式存储。
另外还有很多图像文件格式，如,PCX,PIC，
TIF,GIF,TGA和 JPG等
（ 1） PCX格式
PCX由 PC Paintbrush得名，由 Z-Soft公司设计，随该
公司的 图形图像编辑软件 PC Paintbrash一起发布，
故也经常叫做 Z-Soft PCX图像文件格式。
后来微软公司将 PC Paintbrash移植到 Windows中，
PCX格式的图象文件得到了广泛的应用。 PCX格式
可以支持 16色,256色甚至真彩色图像。
PCX是微机上使用最广泛的图像文件格式之一，绝
大多数图像编辑软件均能处理这种格式。由各种扫
描仪扫描得到的图像几乎都能存成 PCX格式的文件。
（ 2） BMP格式
BMP(Windows Bitmap)是 Windows图形图像的基本位
图格式，是微软专为 Windows环境应用图象而设计的，
Windows下的软件的图像资源多数以 BMP格式存储。
大多数图形图像软件，特别是在 Windows环境下运行
的软件，都支持这种文件格式。 BMP文件有压缩和
非压缩之分，一般作为图像资源使用的 BMP文件都
是不压缩的。 BMP支持黑白图像,16色和 256色的伪
彩色图像以及 RGB真彩色图像
（ 3） GIF格式
GIF(Graphics Interchange Format)格式的全称是“图
形交换文件格式”，是由 CompuServe公司开发的 压
缩图像存储格式,支持黑白图像及 16色和 256色的彩
色图像。
GIF格式的图象文件可以在 不同平台 上交流和传输，
是世界上通用的图象格式。 GIF格式的文件压缩比较
高，文件长度较小。
（ 4） TIF格式
TIF(Tagged lmage File Format)格式是由 Aldus和
Microsoft合作开发的一种通用的位映射图象文件格
式，支持从单色模式到 32bit真彩色的所有图像类型。
TIF格式不针对某一特定的操作平台，可用于多种操
作系统及不同机型。 TIF格式文件有多种压缩方式，
解压缩比较复杂。
（ 5） JPG和 PIC格式
JPG（ Joint Photographic Experts Group） 和 PIC原是
AppleMac机器上使用的一种图像格式，近来在 PC机
上也十分流行。
这两种格式的最大特点是文件非常小，而且可以调
整压缩比。 JPG文件的显示比较慢，图像的边缘有不
太明显的失真。 JPG的压缩比很高，常用于要处理大
量图像的场合。它是一种有损压缩的静态图像文件
存储格式，压缩比可以选择，支持灰度图像,RGB
真彩色图像和 CMYK真彩色图像。
（ 6） PNG格式
PNG（ Portable Network Graphic） 为了可移植的网络
图象文件格式，是 Web图像中最通用的格式。
它是一种无损压缩格式，但是如果没有插件支持，
有的浏览器可能不支持这种格式。 PNG格式最多可
以支持 32位颜色，但是不支持动画图。
4,图像的类型
计算机图像分为位图图像和矢量图像两类，它是以数字的方式
来记录、处理和保存的，因此又称之为 数字图像 。
（ 1）位图图像
用像素来代表图像，每个像素都被分配一个特定位置和颜
色值。位图图像与分辨率有关，当以较大的放大倍数显示，或
以过低的分辨率打印时，会出现锯齿边缘且会遗漏细节。位图
图像在缩放和旋转时会产生失真。
但由于它能记录每个点的数据信息，可以精确地记录下色
调丰富的图像，尤其在表现阴影和色彩的细微变化方面，位图
图像是最佳选择。常用 Photoshop,Corel PhotoPaint等图像处理
软件来处理位图图像。
图像的类型（续）
（ 2）矢量图像
是以数学上的矢量方式来记录图像内容的，它
以线条和色块为主，根据图形的几何特性来对其进
行描述。
矢量图像与分辨率无关，缩放到任意大小或在
任意分辨率的输出设备上打印出来都不会失真，可
以制作 3D图像，但色调不够丰富。常用 Illustrator、
CorelDraw,AutoCAD等来生成和处理矢量图像。
图像的大小
图像的大小是指图像的高度和宽度，它有像素点
（ Pixels）,英寸 (Inches),厘米 (cm)等度量单位。
屏幕上显示的尺寸是由图像本身的像素尺寸和显示器
的特性决定的。显示器的像素为 800′600,1024′768
等。
在 Photoshop中，图像像素是直接转换为显示器像素的，
当图像分辨率高于显示器的分辨率时，图像将显示得
比指定的尺寸大。
图像在显示器上的尺寸与打印尺寸无关。
图像的分辨率
分辨率是指单位长度内所含有的像素点数，分为如
下几种,
（ 1）图像分辨率。是指每平方英寸含有多少个像素
点数 (ppi),如 32ppi的图像含有 32(宽 )X32(高 )个像素，
300ppi的图像含有 90000个像素。分辨率越高，单位
尺寸内的像素数越多，图像就越逼真。
图像的分辨率、图像尺寸的大小和图像文件的大小
之间有密切的关系。同样尺寸的图像，分辨率越大，
单位尺寸内的像素数就越多，文件也越大。
图像分辨率（续）
（ 2）显示器分辨率。即显示器上每单位长度显示的点数或像素
数（ dpi）,它取决于显示器的类型、大小及其显示设置。
（ 3）打印机分辨率。即打印机产生的每英寸的油墨点数（ dpi），
最佳的打印效果应是使用与打印机分辨率成正比的图像分辨率。
大多数激光打印机的输出分辨率为 300-1200 dpi或更高。
（ 4）位分辨率。也叫位深，用来衡量每个像素存储的信息位元
数，它决定每个像素存放多少颜色信息。如一个 24位的 RGB图
像，每个像素都要记录 R,G,B三原色的值，所存储的位元数
位 24bit。
在 Photoshop中，图像像素是直接转换为显示器的像素的，即当
图像的分辨率 高于 显示器的分辨率 时，图像将显得比指定的尺
寸大。
5,色彩模式和模型
色彩模式是指在显示或打印图像时定义颜色的不同方式。常见
的模型有
（ 1） HSB（ 基于人类对颜色的感觉，表示色相、饱和度、亮
度）,
（ 2） RGB（ 可描述绝大部分的可见光，表示红、绿、蓝）,
（ 3） CMYK（ 以打印在纸张上油墨的光线吸收特性为基础，部
分光谱被吸收，表示青、洋红、黄、黑，使用 K是为了避免与蓝
色混淆）。色彩模式主要包括 RGB模式,CMYK模式,HSB模
式,Lab模式、灰度模式、位图模式和多通道模式等。
RGB色彩模式常称为真彩色模式，它给每个像素的 RGB分量分
配一个从 0（黑色）到 255（白色）范围的强度值。该模式下每
个像素用三个字节 (24bit)来表示，可表示约 1670余万种颜色，是
屏幕显示的最佳模式。
6,色调、色相、饱和度和对比度
（ 1）色调，主要是指彩色画面中色彩的基调，由色彩的明暗和色别所组成。
具体的讲色调是图形 原色 的 明暗度,如 RGB图像的原色为 R（ Red）,G
（ Green）,B（ Blue） 三种。色调的调整也就是明暗度的调整，其范围从 0
到 255，包括 256种色调 。如灰度模式就是将白色到黑色间连续划分为 256个
色调； RGB模式中将红色加深就成了深红色。
在画面上起着主要作用，或在量上占有相当比重的色彩称为主色调。
（ 2）色相就是色彩的颜色，如红、橙、黄、绿、青、蓝、紫，每种颜色即
代表一种色相，调整色相即是调整图像的颜色。
（ 3）饱和度是指图像颜色的彩色程度，若饱和度为 0，则彩色图像变成灰色
图像。增加饱和度就会增加其彩色程度。
（ 4）对比度是指不同颜色之间的差异。对比度越大，两种颜色之间的差异
越大。如增加一幅灰度图像的对比度后，会使其黑白更加分明，继续增加则
变成了一幅黑白图像。
4.6.2 启动 Photoshop6
启动 Photoshop6。 启动 Photoshop后的主界面如图 4-43所示
浮动面板
Photoshop的
界面和
Dreamweaver
类似，工具栏
和活动面板不
是依附于主窗
口，可以单独
停靠，从而有
效的节省客户
工作区空间。
工具栏
对图像的处理是通过
各种各样的工具实现
的，这些工具被组织
在工具栏中。
在工具栏中，可以看
到有的工具按钮的右
下方带有一个很小的
黑色的三角箭头,表
明该按钮对应了几个
不同的按钮,右单击
该按钮可以打开其它
的工具按钮。
工具选项栏
在 Photoshop5.5以前，双击工具后会出现其相应的 属
性活动面板 。
而在 Photoshop6中 Adobe将所有工具的属性活动面板
都统一组织到工具选项栏。选项栏的出现使得修改、
设定工具的属性更加方便，并且大大节省了活动面板
所占的屏幕空间，从而提高工作效率。
在工具栏中的每一种 工具按钮,都对应一个相应的选
项栏。用户可以通过 Photoshop主菜单的, 窗口, 中的
,隐藏选项, 关闭，或者, 开启选项, 打开工具选项
栏。
活动面板
Photoshop中的活动面板对
应于 Photoshop主菜单的
“窗口”菜单，每个面版
的功能将在后面的讲解中
介绍。
工具栏
工具选项栏
4.6.3图像文件
Photoshop是一个图像处理工具，目的是把一幅图片处理成
自己需要的形式。
1．打开或新建图像文件
2,设定图像和画布的大小
3．旋转画布
1,打开或新建图像文件
（ 1）打开一个现有
的图像文件
在, 文件, 菜单中，
执行, 打开 …, 命
令
（ 2） Photoshop不
仅可以对现有的图
片进行处理，还可
以创作图片。要创
建一幅新的图片，
执行, 文件, 菜单
下的, 新建, 命令，
打开, 新建, 对话
框
例如
编辑完
成后，
保存图
像文件
2.设置图像大小
2,设定图像打开一幅
图像，在“图像”菜
单下，执行“图像大
小 …,,打开“图像
大小”对话框
默认状态下图像的
“宽度”和“高度”
是锁定在一起的，修
改其中一个数值后，
另一个也会成比例地
随之改变。如果取消
“约束比例”，则修
改后的图像会变形。
设置画布大小
选择, 图像, 菜单下
的, 画布大小,,打
开, 画布大小, 对话
框
进行画布高度宽度的
设定不会影响图像本
身，“定位”项可以
设定图片在画布中的
位置，正中心的白色
方块，表明进行画布
的增加或减少时，图
像是在中心位置。
3．旋转画布
在“图像”菜单下，指向
“旋转画布”，可以选择
,180度”、,90度（顺时
针）”、,90度（逆时
针）”、“任意角度”、
“水平翻转”、“垂直翻
转”，来旋转画布；若选
择“任意角度”，则弹出
对话框，输入要旋转的角
度。
画布旋转可以使得其中的
图片旋转，从而达到旋转
图片的目的。
4.6.4 用 Photoshop6绘制图片
在介绍 图片处理 以前，我们先介绍一下 Photoshop的 绘图
功能。
1、图层
2、在图层上绘画
3、保存图片文件
图层的概念
在 Photoshop中，用得最多的恐怕要算是图层、通道和蒙板了，
这些概念已开始往往让不少初学者感到迷惑。但是当真正将
它们弄清楚后，你就可以充分的发挥 Photoshop强大的图像处
理功能了。
什么是图层呢？
在图像绘制时，图像往往是分层次的，分别描述远景、
中景和近景。通俗地讲，我们可以将图层理解为一张
张透明的胶片，分别绘制图像的一个部分。最后把所
有的胶片（图层）按顺序叠放在一起，组合起来形成
图像的最终效果。
新建图层
使用图层，在主菜单的“窗口”菜单
中，执行“显示图层”命令，可以弹
出图层浮动选项板,
（ 1）新建图层
在图层浮动面板的右下角是一组按钮，
单击“创建新图层”按钮，可以新建
一个图层。新建的图层在图层浮动面
版中列出，并给出默认的图层名称
“图层 1” … 。
（ 2）显示图层
在图层浮动面板中，每一个图层的前
面都有一个 按钮，该按钮决定图层是
否显示。
例：在图层上绘画 -1
如何在图层上绘画呢？如要在 t01图片上，要添加“泰山日出”
四个字，具体步骤如下,
（ 1）执行“文
件”,“打开,.”
命令，在“打开”
对话框中，选择
要打开的文件
T01.JPG
在图层上绘画 -2
（ 2）选中该图片，单击工具栏中的文字工具按钮，则自动增
加一个文字图层，名称为“图层 1”,
或者，在图层面板中，单击右下角的“新建图层”按钮，新
建一个图层
在图层上绘画 -3
（ 3）在图层面版中，单击“图层一”，点击工具栏中的文字
工具按钮，输入文字“泰山日出”，此时可以通过菜单栏下
面的选项栏对文字格式化。输入完成后，图层名称自动变成
“泰山日出”。
在图层上绘画 -4
（ 4）在图层面版中，单击“泰山日出”图层，在工具栏中，
选择“移动工具”按钮可以将文字移动到合适的位置
保存图片文件
当图片编辑完成后，
可以执行, 文件,
菜单中的, 保存,
命令，或者, 另存
为,,在打开的对
话框中，在保存选
项区域，选择, 图
层,,可以将图层
信息一并保存下来，
便于以后的图片处
理。
4.6.5 基本绘图操作
在 t01图片上，新建
一个图层，通过该
图层，我们介绍基
本的绘图操作。
在图层面版中，选
择新建的图层,
单击, 背景, 和
,泰山日出, 两个
图层前面的眼睛按
钮，隐藏两个图层
的显示。
1,颜色的选取
画图的第一步就是要选择颜色了，颜色又分成前景色和背
景色两种。在 Photoshop中，有多种颜色选取的途径。
方法一, 颜色浮动面板
（ 1）在, 窗口, 菜单中，执行, 显示颜色,,或, 显示色
板,,, 显示样式, 命令，打开, 颜色, 浮动面板
颜色的选取 （续）
（ 2）在颜色面版中，单击, 选取前景色, 或, 选取背景色,
按钮，打开, 拾取器, 对话框
颜色的选取 -2
方法二、用户也可以直接在工具栏中，单击
选取前景色或被景色按钮来打开拾取器对话
框，和上面的方法相同。
颜色的选取 -3
方法三、使用工具栏中的吸管工具，或颜色
拾取器工具
（ 1）吸管工具：点按图像以选取前景颜色。
如果要获得背景颜色，可以点击, 前景颜色
和背景颜色切换, 按钮
“前景颜色和背
景颜色切换”按
钮
颜色的选取 –3（续）
（ 2）颜色拾取器工具
执行, 窗口,,, 显示信息, 命令，打开, 导航器、
信息, 面板，打开颜色, 拾取器, 面板
2,使用画笔工具
画笔工具 用于 模拟毛笔的效果在图像或选区内绘图。其使用
方法同喷枪工具,单击画笔工具按钮，在主菜单的下面显示
画笔选项栏
（ 1） 在画笔后面的下拉列
表中, 可以选择画笔的粗细
和边的效果 。
使用画笔 工具 -模式
（ 2） 在模式对应得下拉列表中, 对应
了不同的模式, 即 图像混合模式 。
图像混合模式, 就是在画图时, 如果已
经有图像, 画笔颜色和所经过位置图像
颜色的混合方式 。 五组不同的模式产生
的效果,
使用画笔和铅笔工具 -不透明度
（ 3） 不透明度，用于设定当前 画笔 的不透明程度，设置低的
不透明度将使 画笔颜 色与图像已存在的颜色混合在一起，数
值越大越不透明。可直接输入数值或拖移滑块来设定。
从左到右的不透
明度 100%到 10%
的效果
使用铅笔工具
铅笔工具和画笔工具类似，铅笔工具用作徒手画 硬质边界
的线。
铅笔工具和画笔工具几乎相同，它们最大的区别就是不管
所选的画笔有多模糊，铅笔工具不会产生毛边，它甚至不
需要“边缘平滑”。
为什么要使用如此原始的工具呢？也许最常见的用法就是
处理非常小的图像时，比如图标，在很高的放大率下需要
确保每个像素都是正确的。用铅笔工具就能够保证画笔边
缘的每个像素的变换都是和设想的一样。
使用铅笔工具画直线
如果您要用铅笔 (或其它许多涂画工具 )画直线，先点起点，
然后按住 Shift 再点终点。
3．喷枪工具
喷枪工具模拟传统的喷枪机制，将渐变色调应用到图像，其
边缘较发散（与画笔工具相比）。单击喷枪工具按钮，在主
菜单的下面显示喷枪工具选项栏栏
各个选项的设置与画笔工具选项栏类似，不作介绍。压力后
面的下拉列表用于设定喷色的浓度，值越大，喷色越浓。
涂画工具小结
在 photoshop中，铅笔、画笔、喷枪是三种涂画工具，在工具
栏中排列在一起
（ 1）铅笔是该组中最原始的工具：它产生硬质，没有平滑边
缘的画笔笔划。铅笔能画出硬边的自由手绘效果的线形的工
具。工作原理与实际中的铅笔相似，画出的曲线是硬的、有
棱角的，铅笔没有边缘羽化。
（ 2）画笔则高级一些，可以画出柔软边缘的像素。它和喷枪
的区别在于绘画时画出的线条不会因为鼠标停留的时间而变
粗。
（ 3）喷枪
和画笔工具类似，显示的选想栏也是画笔的
4．使用直线、矩形、椭圆等绘图工具
直线、矩形、椭圆等是最基本的图形元素 。 选择直线、矩形、
椭圆等某种绘制工具，即可在某个图层上绘制图形了，操作
非常简单。选择某个图形形状工具后，在主菜单下面显示相
应的选项栏，例如，矩形工具按钮的选项栏
形状图层、工作路径 和填充区域
使用直线、矩形、椭圆等形状工具，可以工作在两种情形。
即形状图层和工作路径
选择某个图形形状工具后，在主菜单下面显示相应的选项栏，
例如，直线工具按钮的选项栏
在选项栏的右侧，有一个“解散目标路径”按钮 单击该
按钮
新建形状图层
新建工作路径
建立填充区域
形状图层、工作路径 和填充区域（续）
新建形状图层、新建工作路径或着建立填充区域不同的状态，
都可以绘制矩形。
（ 1）如果是新建形状图层按钮按下，将自动创建一个新的形
状图层。
（ 2）可以在任意的图层上，新建工作路径（非填充的矩形、
多边形、圆等）
（ 3）按下, 新建填充区域,,可以在除形状图层以外的图层
上绘制填充图形
4-1形状图层
（ 1）执行, 文件,,, 新建, 命令，创建一个新图片文件。
显示背景图层
（ 2）在, 新建形状图层, 按钮按下的状态下，点击, 直线,,
,矩形,,, 椭圆,,, 多边形, 等绘图工具，在背景图层
上绘制，则自动创建一个新的图层, 形状 1”
形状的移动和删除
（ 1）使用, 选取, 工具，选取形状图层中的一个区域
（ 2）然后使用选取工具右侧的, 移动, 工具，发现无法单独
移动选取内的图形。整个图层跟着移动。
点击群选取工具，在选取内有单击，执行, 取销选取,
命令。
（ 3）使用, 路径组件选择工具,,单击某个形状，可以单独
移动
说明,使用, 路径组件选择工具,,单击某个形状，选中某
个形状，按 del键课删除该形状
4-2 新建工作路径
（ 1）在, 新建工作路径, 按钮按下的状态下,
（ 2）选择直线、矩形、多边形和园等工具，可以在, 背景,
图层或其他图层上绘制图形。并不创建新的图层。
此时图形工具选项栏的右侧显示,解散目标路径”按钮
在各个图层都隐藏显示
时，路径仍然显示
4-3 建立填充区域
（ 1）在, 建立填充区域, 按钮按下的状态下,
（ 2）选择要绘制的图层，或新建图层
（ 3）选择直线、矩形、多边形和园等工具，可以在, 背景,
图层或其他图层上绘制图形。并不创建新的图层。
直线 -1
（ 1）新建一个图层
选择矩形等绘图工具按钮，在选项栏选择图层为,
-新建形状图层
-新建工作路径
-建立填充区域
（ 2）点击, 直线, 工具，绘制一条直线
直线 -2
选择某个图形形状工具后，在主菜单下面显示相应的选项栏，
例如，直线工具按钮的选项栏
在选项栏的右侧，有一个“解散目标路径”按钮
添加形状区域（ +）
从形状区域减去（ -）
相交形状区域（ +）
排除重叠形状区域（ +）
形状切换按钮 线条粗细
矩形
（ 1）在上面绘制直线的图层上
（ 2）点击, 矩形, 工具，绘制一个矩形。矩形是填充的
多边形
（ 1）在上面绘制之显的图层上
（ 2）点击, 多边形, 工具，显示多边形工具选项栏
（ 3）选择多边形边数
椭圆
（ 1）在上面绘制直线的图层上，或新建图层
（ 2）点击, 椭圆, 工具，绘制一个椭圆。按住 shift键，画正
圆
形状调整
当图形绘制完成后，
可以通过, 编辑, 菜
单中的, 自由变换,
和, 变换, 命令对图
形进行缩放操作。
“编辑”菜单中的“变换”命
令
形状调整 -自由变换
（ 1）首先，使用, 选取, 工具，选取要进行变换的图形区域
（ 2）执行, 编辑, 菜单中的, 自由变换,,或者在选取内右
单击，在快捷菜单中，执行, 自由变换,
形状工具小结
（ 1）形状工具，在 Photoshop中直线、矩形、椭圆等基本的
图形元素，又称形状工具 。
（ 2）形状图层、工作路径、建立填充区域
（ 3）自由变换和变换
（ 4）理解路径
路径就可以解决, 选区, 存在的问题。使用路径，可以为将
来的使用创建和保存指定的选取区域。可以在 Photoshop文件
里保存路径，就像保存图层一样。
随后，既可以把它们当作选取区域使用，也可以把他们 当作
图像中的对象或线条,对他们进行描边和填充操作。
5,文字工具
(1)要在图片上添加文字，可以单击工具栏中的文字工具按钮
A,在菜单栏的下面显示文字工具选项栏,
(2)添加文字的时候，会自动的创建一个图层,
(3)可以通过, 编辑, 菜单，中的, 自由变换, 命令调整文
字。
6,油漆桶工具
油漆桶工具和渐变工具都是色彩填充工具，只是使用的方式
不同 。
（ 1）油漆桶工具
油漆桶工具为单击出色彩相近并连通的区域填充颜色或图案。
油漆桶工具选项栏
矩形、椭圆等的填充
矩形、椭圆等是一种形状图层。具体的填充步骤为,
（ 1）选择形状图层为当前图层。
（ 2）单击, 路径组件选择工具,,右单击一个形状，打开
快捷菜单，执行, 建立选区, 命令
（ 3）在保持选区的情况下，建立新的图层
（ 4）取消其它图层的显示。
（ 5）在工具栏下面，选取一种前景色。
（ 6）在新建图层上，选择, 油漆桶, 工具，在选区上点击，
完成对选区内的颜色填充（前景色）。
6,渐变工具
选择渐变工具，显示渐变工具选项栏
在渐变工具选项栏中, 从左到右分别是色彩 （ 对应渐变方式
下拉列表 ）, 渐变工具按钮 （ 分别是线性渐变, 光线渐变,
角度渐变, 反射渐变和菱形渐变 ） 。
用鼠标在图像上，或者在选区内，点击渐变的起点，然后拖
动鼠标，在终点在点击鼠标，这样一个渐变就完成了，可以
通过线段的拖拉长度和方向改变渐变效果。
自定义渐变
用户也可以自己定义渐变 。
具体步骤是,
（ 1） 双击色彩 （ 下拉列表区
域 ）, 打开, 渐变编辑, 对
话框, （ 2）渐变类型包括, 原色,
和, 杂色, 两种，在滑块区域，
有若干游标，可以在某个位置
单击鼠标建立新游标，或者选
中后，按 Del键删除游标。
（ 3）单击, 确定, 按钮,显
示刚刚定义的渐变
4.6.6图像编辑
当图像基本绘制结束后，或者对现有的一幅图像，往往还需
要做编辑处理。这些操作也是通过工具栏中的工具来实现的。
1.选框、套索和魔棒工具
2,路径组件选择工具和直接选择工具
3,锚点工具
4,图像的移动、复制和删除工具
5,图章工具
6,橡皮擦除工具
7,裁切工具
8,切片工具
9,图像的缩放、旋转等
1,选框、套索和魔棒工具 --建立选区
在 Photoshop中，最难完成的任务之一，就是选择一个物件从
背景中提取出来，并将它完美的合成到另一幅图像中
（ 1）建立选区
在 Photophop中，选框、套索和魔棒工具
为选择工具，其目的是建立选区，对图
像进行编辑
（ 2）取消选区
要取消已经建立的选区。首先单击选区
按钮，然后在选区内右单击，快捷菜单
如图，执行“取消选区”命令
选框工具
右单击选框工具，选择其中一种，在
菜单栏的下面显示相应工具选项栏，
如：矩形选取框工具箱栏
新选择按钮，用于选择一个新选区，原先的选区（如果存在）被取消。
添加到选区按钮，按下该按钮后，所作的新的选区将增加到原有的选区
中，成为一个选区，这些选区不一定连同。
从选区中减去按钮，即在原有选区的基础上减去新选区
相交选区按钮，取两个选区的重叠部分作为选区。
,羽化, 选项用于设定选区边界的羽化程度。
,消除锯齿, 用于清除选区边缘的锯齿
套锁工具 -1
对于不规则的物件，套索工具主要可
以用手控的方式选择一些不规则形状
的选区，有三种不同的套锁工具,
（ 1）套索工具：套索工
具最简单，常用于手绘
线段，套索 路径 将跟随
鼠标移动的轨迹，松开
鼠标时选区会闭合。
套索工具建立的选区
套锁工具 -2
（ 2）多边形套索工具：多边形
套索工具用于绘制选框的直边
线段
多边形套索工具建立
的选区
套锁工具 -3
（ 3）磁性套索工具：磁
性套索工具特别适用于快
速选择与背景对比强烈且
边缘复杂的对象。它以一
定频率跟踪图像中对比较
大的区域，以紧固点固定
选框。在高对比度图像上
比低对比度图像工作的更
好。
磁性套索工具建立的
选区
魔棒工具
魔棒工用于选取图像中色彩一致的区域。当在图像中选择某一
点时，与之颜色相同或相近的点都自动溶入选区中。魔棒工具
选项栏,
,容差, 选项用于控制色彩的范围，其值从 0到 255，默认 32。
数值越大，所选颜色范围就越大，数值越小，所选颜色就越接
近；要定义一个平滑边缘，请选择, 消除锯齿, ；, 相邻, 用
于选择单一颜色范围；, 用于所有图层, 选择所有图层中的颜
色数据，否则只对当前图层起作用。
魔棒工具 -续
（ 1）选择, 魔棒,,
（ 2）在图像上点击，在图像中选择某一点，与之颜色相同或
相近的点都自动溶入选区中。
2,路径组件选择工具和直接选择工具
(1)路径组件选择工具,
对图形位置的移动
(2)直接选择工具,
图形形状的调整。
注意：上述选择工具适合于形状图层
中的形状。不适合一般图层建立的填
充区域
例子
（ 1）选择路径组件选择工
具，单击图形，图形四周
显示四个实心的节点，通
过鼠标可以任意的移动图
形
（ 2）选择直接选择工
具，然后单击图形，显
示如图 4-69所示。然后
用户可以拖动节点来任
意的改变图形形状。
3.锚点工具
路径是由一系列的猫点连接而成的，在 Photoshop的工具栏中，
包含了一组有关锚点的工具，分别是,
钢笔工具,点按添加锚点到路径
自由钢笔工具,拖移添加路径
添加锚点工具,点按路径，插入锚点
删除锚点工具,
转换点工具等,
可以增加减少锚点。从而更便于对图形形状的变化，制作出
丰富的任意的形状，例如火焰等。
例,
（ 1）对于形状图层
（ 2）点击, 路径选择工具,,
选择一个图形
（ 3）根据需要选择锚点工具，
可以增加减少锚点。从而更便于
对图形形状的变化，制作出丰富
的任意的形状,
4.图像的移动、复制和删除 工具
对于选区中的图像，我们可以执行移动、复制和删除操作。
单击移动工具按钮，在主菜单栏的下面显示移动工具选项栏
显示边界
图像的移动 -1
① 选择要移动的图像区域, 单击移动工具按钮, 将光标置
于选区内
② 按鼠标左键并拖动至指定位置, 原图像位置被背景色填
充 。
如果是要移动某个图层, 可以将其设为当前图层, 然后单
击 按钮, 即可以平滑的移动当前图层中的图像 。
图像的移动 -2
对于形状图层, 若 在一个图层中有几个图形, 如一个椭圆, 一
个矩形, 如果只希望移动矩形, 如何操作呢？
根据上面的介绍, 发现选择一个图形, 在移动的时候, 整个图
层都移动了 。 为什么呢？ 这与 Photoshop的设计思想有关, 我
们知道在 Windows中的, 画图, 程序中, 可以单独的移动画布
中的某个区域内的图像 。 但是, 在 Photoshop中, 为了更加精
细的处理图像, 我们总是需要把一个复杂的图像分成很多层,
然后对每一层进行单独处理 。 这样, 如果一个图像包括一个椭
圆和一个矩形, 就应该分在两个不同的图层中 。
图像的移动 -3
要单独移动, 需要使用, 路径组件选择工具,, 单击某个图
形, 单独移动
图像的复制
（ 1） 建立要复制图像区域,
（ 2） 单击移动工具按钮, 将光标置于选区内
（ 3） 按下 Alt键, 按下鼠标左键并拖动至指定位置 。
使用橡皮图章工具 和图案图章工具 也可完成图像的复
制任务 。
图像的删除
（ 1） 使用橡皮擦工具 可在拖动的过程中, 擦除图像颜色,
并用背景色填充 。 具体介绍参见下面的橡皮擦除工具 。
或者,
（ 2） 选中区域, 按 Del键即可删除 。
5,图章 工具
复制图章工具分成橡皮图章工具和图案图章工
具两种。两种图章的功能都是复制图像，但复
制的方式不同。
使用橡皮图章 工具
橡皮图章工具选项栏如图 4-71所示
具体步骤是,
(1)首先选择橡皮图章 。
(2)选择选区
(3)点击,移动工具,按钮,
将鼠标移到相要复制的图
像选区上, （ 4） 按住 Alt
键, 拖动鼠标, 在图像的
任意位置开始复制 。
图案图章工具
图案图章工具选项栏如图 4-71所示
使用图案图章首先要定义图
案，方法是：用矩形选取框
选择所需要复制的图像，然
后在选项栏的图案下拉列表
中选择一个图案，或定义新
图案。
6.橡皮擦 工具
使用橡皮擦工具可在拖动的过程中，
擦除图像颜色，并用背景色填充。
橡皮擦除工具分成,
(1)橡皮擦工具
(2)背景橡皮擦工具,可以擦除指定颜色，擦除后，背景图层
变为一般图层。
(3)魔术橡皮擦工具,可以自动擦除颜色相近的区域。
单击橡皮擦除工具按钮，在主菜单的下面显示橡皮擦除工具
选项栏
7.裁切 工具 -1
使用裁切工具,可以在图像或图层中裁剪下所选区域的
大小。具体步骤如下
① 打开一幅图像, 单击, 裁切工具, 按钮, 拖动鼠标则画出
矩形裁剪框 。
② 松开鼠标按键, 图像剩下裁减框内容, 其他内容灰化 。
7.裁切 工具 -2
对已经画出的矩形裁剪框, 将光标移到边线上可调整裁切框
的大小；移到边线外侧, 就会出现旋转光标, 拖动鼠标即
可旋转选区 。 或者按 Esc键, 取消裁剪框 。
③ 当裁减框确定后，在框内双击，完成裁剪操作。裁减后的
图像
8,切片 工具
在网页制作中，图片越小下载速度
越快。因此，在不影响效果的情况
下，切图是目前制作网页的主要方
式。
在 Photoshop中，切片工具包括,
(1)切片工具
(2)切片选择工具
切片 工具 -1
单击选择切片工具按钮，显示切片工具选项栏
在模式后面的下拉列表中,
? 正常, 表示切片的大小由鼠标任意拉出 。
? 约束长宽比, 输入切片宽和高度的比例 。
? 固定大小, 输入宽度和高度值 。
在正常模式下，点击切片工具，拖动鼠标得到的一个切片如
图 4-75所示。在图 4-75中，并不是每一个区域都是用户切片，
只有用实线圈定的区域才为用户切片，名称为蓝底白字，其
它的区域为非用户切片。可以在上面右单击，在谈出菜单中
选择某个命令。
切片 工具 -1（续 1）
在所需编辑的切片上右单
击，打开“切片选项”对
话框
切片选择 工具 -排列切片
切片往往造成图片的重叠，可以使用切片选择工具来排列切
片的顺序。
选择切片选择工具，在对应的切片选择工具选项栏中
置为顶层 。
前移顶层 。
后移顶层 。
置为底层。
9.图像的缩放、旋转等
图像编辑绘制完成后，往往还需要进行大小、位置的调整。
这次操作可以通过“编辑”菜单中的“自由变换”和“变换”
命令来完成。
（ 1）首先选择图像区域
（ 2）打开“编辑”菜单，选
择“自由变换”和“变换”命
令
或者，在选择区域上右单击
4.6.7 图像修饰与调整
在图像处理中，除了一些刚性化的编辑外，往往还需要对图
像进行修饰，这样得到的图片才更加具有艺术美感。
1,模糊、锐化和涂抹
2,减淡、加深和海绵工具
3,图像色彩调节
1,模糊、锐化和涂抹
在工具栏中，选择模糊工具，
显示模糊工具选项栏
模糊工具通过减少相邻像素间的颜色反差来使图像变得柔和
模糊，一般用于颜色与颜色之间比较生硬的地方加以柔和，
也用于颜色与颜色过渡比较生硬的地方。
而锐化工具则是通过增加像素间的颜色反差来使图像变得更
清晰。
选择笔刷
使用模糊、锐化还是涂抹，首先要选择一个合适的笔刷，在
选项栏中，单击画笔下拉列表,
笔刷,
（ 1）实圆
（ 2）柔边
圆
（ 3）飞溅
模糊工具（ Blur Tool）
通过笔刷使图像变模糊的工具。它的工作原理是降低像素之
间的反差。
应用,
（ 1）用模糊工具涂抹，使远处的景色模糊，与近处的景物形
成对比，这样图象的景深就被很好的表现出来
（ 2）对于合成的图像，对边缘进行模糊处理，减少拼图的痕
迹。使用模糊工具还可以使色块之间的衔接变得柔和
例子
模糊前 模糊后
锐化工具 （ Sharpen ）
Sharpen（ 锐化工具）：同模糊工具相反，可以使图像
变得清晰，以达到特定效果。原理是增加像素间的反差。
涂抹工具 （ Smudge Tool ）
使用时产生的效果好像时用干笔刷在未干的油墨上擦过。也
就是说笔触周围的像素随笔触一起移动。
（ 1） 选择一个中号的柔性笔刷 使用涂抹
2,减淡、加深和海绵工具
减淡工具 和加深工具主要用来改变图像的 曝光度 。对于曝光
不足的区域，使用减淡工具可以增加 该区域的亮度；对于曝
光过度的区域，我们可以用加深工具来使该区域变得暗淡
?模式, 分成暗调, 中间调和高光三种 。
?曝光度, 调整处理图像时的曝光强度, 一般开始值较小,
15%左右 。
使用减淡、加深工具效果
（ 1）选择曝光度，例如 5%
（ 2）选择柔边圆中号笔刷
（ 3）选择中色调 左上角处理后的效果
海绵工具（ Sponge Tool ）
海绵工具是一种用于调整图像饱和度的工具，可以
提高或降低色彩的饱和度，海绵工具可以对图像进
行加色或去色 (就象一块海绵在水彩中吸掉一些水分，
使颜色变浅 )操作。对应的工具选项栏如图
其中模式分为去色和加色两种。
3,图像色彩调节
图像色彩的调整是将当前
范围的像素值映射到新范
围的像素值上。
在 Photoshop中，色彩调节
主要包括,
（ 1）色阶
（ 2）色相 /饱和度
再谈色彩模式
两大色彩模式 RGB和 CMYK。 色彩模式有很多种，但这两种是
最重要和最基础的。其余的色彩模式，实际上在显示的时候都
需要转换为 RGB,在打印或印刷 (又称为输出 )的时候都需要转
为 CMYK。 虽然如此，但这两种色彩模式都比较抽象，不符合
我们对色彩的习惯性描述。
如果问：图中“生日快乐”
四个字颜色的 RGB或
CMYK值是多少？你一定
会觉得不得其所。如果现
在要你在 RGB模式下组合
出一个浅绿色，也很难准
确地做到。
再谈色彩模式（续 1）
习惯上：我们都会说图中“生日快乐”四个字颜色是黄色的。
或者说是亮黄色的。比如晴空，我们首先想到蓝色，然后是浅
蓝色。比如湖水，首先想到绿色，进一步想到碧绿色。我们大
脑对色彩的直觉感知，首先是色相，即红色橙黄色绿色青色蓝
色紫中的一个，然后是它的深浅度。
HSB色彩就是籍由这种模式而来的，它把颜色分为 色相、饱和
度、明度 三个因素。
注意它将我们人脑的“深浅”概念扩展为 饱和度 (S)和明度 (B)。
所谓饱和度相当于家庭电视机的色彩浓度，饱和度高色彩较艳
丽。饱和度低色彩就接近灰色。明度也称为亮度，等同于彩色
电视机的亮度，亮度高色彩明亮，亮度低色彩暗淡，亮度最高
得到纯白，最低得到纯黑。
再谈色彩模式（续 2）
在 HSB模式中,S和 B的取值都是百分比，唯有 H的取值单位是
度，这个度是什么意思？是角度，表示色相位于色相环上的位
置，将我们前面学过的色相环加上角度标志就明白了
从 0度的红色开始，逆时针方向
增加角度,60度是黄色,180度
是青色等等。 360度又回到红色。
可以自己调节 H滑块对照一下。
再谈色彩模式（续 3）
如果我们需要一个浅绿色，那么先将 H拉到绿色，再调整 S和 B
到合适的位置。一般浅色的饱和度较低，亮度较高。如果需要
一个深蓝色，就将 H拉到蓝色，再调整 S和 B到合适的位置。一
般深色的饱和度高而亮度低。
这种方式选取的颜色
修改方便，比如要将
深蓝色加亮，只需要
移动 B就可以了，既
方便又直观。如果要
选择灰度，只需要将
S放在 0%，然后拉动
B滑杆就可以如同灰
度模式那样选择了
（ 1）色阶的概念
什么是色阶？颜色亮度的变化，色阶值 0(黑色 )..255（ 白色）
如果图片片暗，可以通过色阶来调整,RGB三种色阶，在, 图
像, 菜单中，指向, 调整,,执行, 色阶 …, 命令，打开
,色阶, 对话框,
通道列表包括：
RGB
红色
绿色
蓝色
可以对复合通道或者单色通道进行分别调整，也可以对几个
单色通道进行同时调整。方法就是：按住 Shift键，同时在
Channel浮动窗口中选择通道）。选择好之后,Channel选项
色阶图
色阶图是根据图像中
每个亮度值（ 0~255）
处的像素点的多少进
行区分。（ 1）右面的
白色三角滑块 控制图
像的深色部分，（ 2）
左面的黑色三角滑块
控制图像的浅色部分，
（ 3）中间那个灰色三
角滑块 则控制图像的
中间色。
色阶图（续）
移动滑块可以使通道中（被选通道）最暗和最亮的像素分别转
变为黑色和白色，以调整图像的色调范围 —— 因此可以利用它
调整图像的对比度,
（ 1）靠左的滑块用来调整图像中暗部的对比度，左边的黑色
滑块向右移，图像颜色变深，对比变弱
（ 2）右边的白色三角用来调整图像中暗部的对比度。右边的
白色滑块向左移，图像颜色变浅，对比也会变弱
两个滑块各自处于色阶图两端则表示高光和暗部。
（ 3）中间的灰色三角滑块，控制 Gamma值，而 Gamma值又衡
量图像中间调的对比度。改变 Gamma值可改变图像中间调的亮
度值，但不会对暗部和亮部有太大的影响。将灰色三角滑块向
左稍动，可以使中间调变暗，向右稍动可使中间调变亮。
色阶调节 -1
如果图片偏暗，可以通过色阶来调整整个图像,或着选择一
个选区,对选区进行色阶调节。
（ 1）在, 图像, 菜单中，指向, 调整,,执行, 色阶 …, 命
令，打开, 色阶, 对话框,
（ 2）拖动下面的输出色阶滑杆可以调整真个图片的亮度。
（ 3）观查图像或选区内色彩
的变化
自动色阶
Auto（ 自动色阶）适用于简单的灰度图和像素值比较平均的
图像。如果是复杂的图像，手动调节能取得更为精确的效果
曲线
执行, 图像,,, 调整,,, 曲线 …, 命令
导航信息窗口
对于色阶、
色相 /饱和
度的调整，
可以通过
,导航器 /
信息, 面板
显示色相、
RGB色阶阶
值的变化。
执行, 窗
口,,, 显
示信息, 命
令。
（ 2）色相 /饱和度
什么是色相 /饱和度？
举例：色相就是颜色，桔子是红色的，它要是还没熟，那
就是绿色的，这个变化是色相变化；天黑了，桔子变得发
灰，变暗，那就是明度的变化；饱和度
色相 /饱和度命令可以调整图像中单个颜色成分的色相、饱
和度和亮度。
执行, 图像,,
,调整,,
,色相 /饱和度,
命令
4.6.8 深入理解图层、通道、路径和图层蒙版
在 Photoshop中，最多的和最重要的就是图层等概念了。
1,图层
2．通道
3,路径
4,图层蒙板
1,图层
（ 1）图层名称：每一图层都
有一个名称以便于区分，若未
起名则 Photoshop会自动依次命
名为图层 1、图层 2…
（ 2）图层预览缩图,显示图
像内容，可以快速识别每一图
层。
（ 2）眼睛图标,用于显示或
隐藏图层。图层隐藏时，不能
对其进行任何编辑操作。
（ 3）当前图层,以蓝色显示，
左侧有一历史画笔图标。一个
图像只有一个当前图层。
主菜单的“窗口”菜单，
含有“显示图层”或“隐
藏图层”命令，用于打开
或关闭图层面板
设置图层的透明
选择几个图层同时显示，调整
不透明度后面的不透明强度值，
可以看到几个图层叠加后的总
体效果。
锁定选项
在图层窗口中，包含四个锁定
选项，分别是,
锁定透明像素（锁定当前图层
的透明区域使其不能被编辑）
锁定图像像素（使当前图层和
透明区域不能被编辑）
锁定位置工具（使当前图层不
能被移动）
全部锁定（所有图层都不能被
编辑）
其他按钮
在图层浮动面版的右下角，有六个
工具按钮,
（ 1）添加图层样式（使当前图层增
加图层风格效果）
（ 2）添加蒙板（建立一图层蒙板，
它将选择区域外的图像保护起来，
黑色代表隐藏，编辑完成后去掉蒙
板即可）
（ 3）创建新组（新建一个存放图层
的文件夹）
（ 4）创建新的填充或调整层（可对
图层进行颜色填充和效果调整）
（ 5）创建新的图层（在当前层上面
创建一个新层）
（ 6）删除图层（在选定的图层上单
击或直接拖到此处）
图层的操作
在图层上右单击，打开快捷菜
单，或者在图层浮动选项板中
单击,从弹出的菜单中可
以完成图层属性、新建图层、
复制图层、删除图层、图层透
明区域显示状态的设定、图层
效果的编辑,图层合并等操作。
在图层上，右单
击后的快捷菜单
2,通道
什么是通道？
,通道是存储不同类型信息的灰度图像。, 这就是
PhotoShop中对通道的定义。一个非常简单的定义，但
是它精辟地揭示了通道的本质 -- 灰度图。
在底层看来，一张图象其实就是一些不同描述方式的灰
度图混合组成的结果。例如一张 RGB位图包括 R（ 红）、
G（ 绿）,B（ 蓝）三个基本通道，在 photoshop里打开
一张 RGB模式的图，在通道里分别选它的各个通道，你
看到的就是几张灰度图，它们就是通道。
图像模式与通道 -1
在 Photoshop里，
打开菜单, 图
像 -> 模式,,
你可以看到
,位图,,
,灰度,,
,索引颜色,,
,RGB” 等许多
图象模式。
图像模式与通道 -2
（ 1）打开一张图，执行, 图像,,在, 模式, 级连
菜单中，选择一种模式。
（ 2）在图层面版中，选择, 通道, 选项卡，显示通
道。可以看到不同图像模式下的通道数、各是什么，
可以发现实际上所谓的图象模式其实就是通道的构
成模式。这样便可以根据输出需要准确地选择图象
的通道模式了。
RGB颜色模式
打开一幅图片后，默认的颜色模式是 RGB颜色模式
灰度模式
执行菜单“图像”、“模式”、“灰度”，图片显示
如下
CMYK颜色模式
撤销上次的图像模式转换。恢复到原先的 RGB颜色模
式
重新执行菜单“图像”、“模式”、,CMYK颜色”，
图片显示如下
lab颜色模式
撤销上次的图像模式转换。恢复到原先的 RGB颜色模
式
重新执行菜单“图像”、“模式”、,lab颜色”，图
片显示如下
通道浮动选项板
单击, 窗口,,, 显示通道, 命令，显示浮动选项板
单击可显示或隐藏当前通道。
由于主通道（ RGB） 是由各
原色通道组成，因此当单击
某原色通道时主通道会自动
隐藏。
通道浮动面板底部有四个工具按
钮，分别是,
选区载入（用于将通道中的选区
调出）
将选区存储为通道（将选区存储
为通道，以备用）
创建新通道（创建新的 Alpha通道）
删除通道。
通道操作
右单击某通道，或者单击弹
出通道操作菜单。 可以完成
新建通道、复制通道、删除
通道、通道的分离通道与合
并通道,通道运算等操作。
Alpha通道
alpha通道是用来存储图象显 /隐区信息的灰度图。在
PhotoShop和大多数软件中,alpha通道中的纯黑表示
透明，纯白表示不透明。
在通道面板中，单击右下角的, 创建新通道, 按钮，
则创建一个 Alpha通道，如图。
3.路径
路径是使用钢笔、磁性钢笔等工具勾画出的任何形状
的线条，是不包含像素的矢量对象，使用路径可以进
行复杂图像的选取，也可将路径转换为选区边框、描
边路径等。
选区及存在的问题
（ 1）什么是选区？
选区表示了当前选中的可编辑区域，实际上在底层运算里，选
区也可以理解为一张灰度图。例如很常用的选区羽化命令，实
际上就是将选区的边缘区域进行了灰阶过度运算。选区可以被
保存成通道也是同一道理。
（ 2）选区存在的问题
但是，选区的问题在于：一旦取消了选取，选区框也就消失了。
再次选取对象的唯一方法使使用合适的工具，重新选取区域或
者用历史面板返回到上次使用选取工具完成选取区域的状态。
然而，这也意味着失去了对选取区域的内容所做的处理。
什么是路径
路径就可以解决这个问题。使用路径，就可以为将来的使用创
建和保存指定的选取区域。可以在 Photoshop文件里保存路径，
就像保存图层一样。随后，既可以把它们当作选取区域使用，
也可以把他们 当作图像中的对象或线条,对他们进行描边和填
充操作。
路径编辑 工具
路径是由一条或多条直线或曲线组成的封闭或开放的图形，节
点表示线段的端点；每个选择的节点显示一条或两条方向线，
方向线和方向点的位置确定了曲线段的大小和形状。
平滑曲线由平滑点连接，当移动平滑点一侧的方向线时，该点
两侧的曲线会同时调整；有拐角的曲线由角点连接，当移动角
点的一条方向线时，只调整与方向线同侧的曲线。
使用钢笔, 自由钢笔, 添加锚点, 删除锚
点, 转换点、路径组件选择、直接选择，
可以绘制和编辑路径。
路径浮动选项板
在, 窗口, 菜单中，执行, 显示路径, 命令，可以显示路径浮
动选项板
底部的六个按扭依次是用前景色
填充路径、用前景色描边路径、
将路径作为选区载入、从选区建
立工作路径、创建新路径、删除
当前路径。若按住 Alt键再单击它
们，则弹出相应对话框。单击右
上角的，弹出路径操作菜单。
路径的操作
路径可以看作图层中的图像，可以对它进行保存、复制、删除、
移动等操作。也可完成填充路径、描边路径,剪贴路径和调板
选项。 底部的六个按扭依次是用前景色
填充路径、用前景色描边路径、
将路径作为选区载入、从选区建
立工作路径、创建新路径、删除
当前路径。若按住 Alt键再单击它
们，则弹出相应对话框。单击右
上角的，弹出路径操作菜单。
4.图层蒙板（ mask）
图层蒙板实际上就是对某一图层起遮盖效果的在实际中并不
显示的一个遮罩，它在 Photoshop中表示为一个通道，用来控
制图层的显示区域与不显示区域及透明区域，蒙板中出现的
黑色就表现在被操作图层中的这块区域不显示，白色就表示
在图层中这块区域显示，介于黑白之间的灰色则决定图象中
的这一部分以一种半透明的方式显示，透明的程序则由灰度
来决定，灰度为百分之多少，这块区域将以百分之多少 的透
明度来显示。
利用蒙板的这种特性，在对图片的融合、淡化等处理时有效
地使用蒙板，会得到比羽化选区更柔和的效果。
为图层添加蒙板
（ 1）首先，新建一个图层，并选定新的图层，用于添加图层
蒙板
（ 2）点击, 图层, 菜单下的, 添加图层蒙板, 子菜单，在这
个菜单下有, 显示全部, 和, 隐藏全部, 命令。显示全部指
的是当使用这个时系统会直接把整个图层显示出来，即把图
层蒙板全部填上白色，隐藏全部则相反，他会先把图层蒙板
填上黑色，这个选择根据自己的需要确定，我们先选则, 显
示全部, 。
描绘图层蒙板
在图层上添加一个图层蒙板，图层浮动面板眼睛右边的图标
变成了一个方块中间有个圆型。
在图层行图层名称的前面，增加矩形，这就是该层的蒙板。
单击该蒙板，可以进行蒙板的绘制，和普通图层的绘制相同，
例如使用渐变工具
举例 -制作蒙板
步骤一、创建蒙板图层,
（ 1）打开一个图片文件，成为“背景”图层。因为背景图
层是不允许创建层蒙板的。因此，在背景图层右单击，执
行“复制图层 …,命令，创建一个新的图层。
制作蒙板 -2
（ 2）执行“选择”、“全选,命令；然后，执行“编辑”、
“清除”命令，删除图像
制作蒙板 -3
（ 3）在保证选区的情况下，单击“添加图层蒙板”按钮
从上图可以看到，蒙板没有遮挡下面的背景图层。
制作蒙板 -4
步骤二、编辑图层蒙板
第一，取消背景图层的显示
第二，在背景图层上面的蒙板图层（背景 复制）单击“图
层蒙板缩略图”按钮
第三，单击工具栏中的“渐变工具”（渐变填充），此时
“图层蒙板缩略图”按钮，显示了渐变的填充效果。
第四，然后，再点击左边的“图层缩略图”按钮，再次使
用渐变工具，结果如下,
编辑图层蒙板
制作蒙板 -5
在图层面板中，点击背景图层的眼睛图标，显示背景图层，
使用了蒙板后的显示效果如图
制作蒙板 -5
在图层面板中，点击图层蒙板，然后，选取一个区域，使
用橡皮擦工具，将该区域擦出，如图
制作蒙板 -6
在图层面板中，点击背景图层，显示如图
最后说明的是,
对于步骤一，可以直接新建一个图层，作为创建蒙板用。但
对于蒙板图层的绘制，必须要保证图层面板的蒙板图层一行
的两个缩略图都显示蒙板的效果，顺序是先“图层蒙板缩略
图”，后“图层缩略图”
注意,
（ 1）背景图层不能作蒙板
（ 2）蒙版图层必须在图层列表的上面，这样对于低下的图
层才起到一种蒙板的效果
（ 3）只有选择选区，图层面板“添加如层蒙板”按钮才可
用
（ 4）蒙板图层中的黑色将遮挡下面的图层显示和编辑。
注意（续）
（ 4）蒙板图层中的白色，不是真正的（ 255,255,255）
RGB色彩，而是光栅格。对于图层中的白色，可以使用橡
皮擦工具，得到光栅格。
小结 -1
1.通道、灰度图
2,alpha通道、选区、蒙板
本质上都是一种灰度图。正是由于他们本质上是同一种东
西（灰度图），所以在很多软件里它们之间都可以随意相互
转换。
3.图像的本质是通道的组合，而通道的本质就是灰度图。有
了这样一个概念，你应该对一张位图有了全新的认识，那就
是位图本身除了包涵我们看到的颜色信息以外，还包括一些
通道信息。
红、绿、蓝三种色画矩 形
这三个通道中分别只有两个矩形，而且各不相同。为什么呢？
在 Red通道中，绿色和蓝色矩形都是用黑块表示，而红色矩形却不见了。
其实不是不见，而是用白色表示了，在白底的情况下，当然看不见。
简单的方法解 释,红色通道可以通过红色 （透明色）,而蓝绿等不含红
色素的，都被遮挡。这有点类似太阳镜挡紫外线。通过的区域，理解为
选区；不能通过的区域，如通道中的黑色块，就是蒙版。
小结 -2
图像的本质是通道的组合，而通道的本质就是灰度图。有了
这样一个概念，你应该对一张位图有了全新的认识，那就是
位图本身除了包涵我们看到的颜色信息以外，还包括一些通
道信息。
RED通道
图像的本质是通道的组合，而通道的本质就是灰度图。有了
这样一个概念，你应该对一张位图有了全新的认识，那就是
位图本身除了包涵我们看到的颜色信息以外，还包括一些通
道信息。
Green通道
图像的本质是通道的组合，而通道的本质就是灰度图。有了
这样一个概念，你应该对一张位图有了全新的认识，那就是
位图本身除了包涵我们看到的颜色信息以外，还包括一些通
道信息。
Blue通道
图像的本质是通道的组合，而通道的本质就是灰度图。有了
这样一个概念，你应该对一张位图有了全新的认识，那就是
位图本身除了包涵我们看到的颜色信息以外，还包括一些通
道信息。
4.6.9 使用滤镜
滤镜是 Photoshop中功能最丰富、效果最佳的工具之一。使用
滤镜可以生成多种光怪陆离、变化万千的特殊变换效果。
Photoshop 同时还支持非 Adobe公司开发的外挂滤镜，从而进
一步扩充 Photoshop 滤镜功能。这些滤镜安装后将出现在
,滤镜, 菜单地底部，与内置滤镜使用方法相同。
1,滤镜基本知识
使用滤镜时，由于图像处理的过程比较复杂，所以操作的速
度会比较慢，可以通过技巧的运用来提高工作效率。
（ 1）如果没有必要对整个图像应用滤镜，可以在图像上定义
选区，确定要应用滤镜的范围；如果要使处理的部分和图像
其它部分自然地过渡，可以定义羽化的选区。
（ 2）滤镜可以应用到某一层的单个通道中；
（ 3）滤镜的处理以像素为单位，它的效果会因为图像分辨率
的不同而不同；
（ 4）执行某一个滤镜处理图像之后,,编辑, 菜单中的消退
命令变得可用，选择它可以实现效果混合；
（ 6）使用, 编辑, 菜单中的, 清理,,, 所有, 命令，可以
释放内存，但如果需要保留以前的操作，不能使用该命令。
2,滤镜的分类
在 Photoshop中，滤镜的数量众多，在此我们不一一介绍，图
4-88 所示是 Photoshop6中的滤镜菜单。
每个虑镜的功能请自行参考有关专门的 Photoshop书籍。
FAQ
1.如何获得精确光标？
按 Caps Lock键可以使画笔和磁性工具的光标显示为精确十字
线，再按一次可恢复原状。
4.6.10 图片合成举例
Photoshop具有功能强大的图片合成功能，下面我们介绍, 花
仙子, 图片的合成过程，来理解 Photoshop图像处理的综合应
用。整个图像处理过程可以分成两个大的部分，第一部分是
制作背景图片。第二部分是将已有的花仙子和荷花图片在背
景上图层上合成，构成最后的效果。
创作素材 合成效果
制作步骤 -1
1,打开 Photoshop,在“文件”菜单中，执行“新建 …,命
令，新建一个 500× 500DPI的图象，自动生成一个白色的“背
景”图层。然后先选取前景颜色为黄色，使用油漆桶工具将
背景填充为黄色。
制作步骤 -2
2．在打开的图层浮动面板中，新建一个图层（图层 1），选
择矩形选框工具，在矩形选框工具选项栏上，点击添加到选
区按钮，在图层 1上建立多个矩形选区，并用橙色填充，如图
4-90所示。
制作步骤 -3
3．执行菜单“选择”中的“取消选择”命令（ Ctrl+D） 取消
选区，在“滤镜”菜单中，指向“扭曲”，执行“极坐标”
命令，结果如图 4-91所示。
制作步骤 -4
4、对于图层 1，执行“滤镜”、“模糊”、“特殊模糊”命
令，打开“模糊效果”对话框，选择相关的设置，如图 4-92
所示。然后单击确定，得到的效果如图 4-93所示。
制作步骤 -5
5、然后执行“滤镜”、“模糊”、“径向模糊”命令，打开
“径向模糊”对话框，选择相关的设置，如图 4-94所示。然
后单击确定，得到的效果如图 4-95所示。背景制作就完成了
制作步骤 -6
6,在“文件”菜单中，执行“打开 …,命令，将基本素材的
荷花图片在 Photoshop中打开，并且自动创建一个层，默认名
字为“背景”。
制作步骤 -7
7,将荷花图片的图层加到创作的图像文件中。具体步骤如下,
① 点击被复制的图片图层（荷花） 。
② 在图层面版中通过鼠标，将被复制的图层拖放到另外一个
图像文件（花仙子）窗口中。
这样就将一个图像文件的图层（荷花图片）复制到了另外一
个图像文件（化仙子）中，成为一个新的图层（图层 2）。
制作步骤 -8
8．将所需要部分（荷花）从图层中提取出来，具体步骤如下
在图层面板中点击荷花图层，并隐藏其他图层的显示,
① 利用套锁工具,或磁性套锁工具，定义提取图像的边界。
或者用钢笔将鼠标外围轮廓勾出，并将所勾路径转换为选区。
如图 4-96 所示。
② 在选区内右单击，执行“选择反选”命令，将未被选择的
内容选中。
③ 按 Del键，将选区内的内容删除，即可得到要提取的图像，
如图 4-97 所示。
最后执行“选择”、“取消选择”命令
制作步骤 -8图
荷花图层 提取的荷花
制作步骤 -9
9、在 photoshop中打开基本素材中的卡通图片（仙子），用
类似步骤 6,7的方法，调整图片大小，并将仙子图片图层
拖放到花仙子文件中，创建图层 3，利用移动工具将仙子移
动到合适的位置，如图 4-98所示。
制作步骤 -10
类似步骤 8，采用此行套锁工具取出仙子图层中的仙子，如
图 4-99所示。
选择不同的图层，使用移动工具移动图层中图像的位置
制作步骤 -11
11,从图可以看到，仙子
图层（图层 3）遮挡了荷
花图层（图层 2），在图
层浮动面板中，调整仙
子图层的不透明度，使
得可以看到被遮挡的荷
花图层。然后，回到仙
女图层，使用套锁工具
或者钢笔工具勾画出遮
挡荷花图像的部分，并
转化为选区。如图 4-101
所示。
制作步骤 -12
12,按 Del键，把仙女图层中遮挡荷花的部分删除，如图 4-102
所示。花仙子对应的图层面板如图 4-103所示。
制作步骤 -13
最后，显示所有图层，得到的合成化仙子图片如图
Photoshop小结
1,Photoshop是一个强大的图形图像处理软件。
2,图形绘制和图像处理工具
3,色彩的相关概念，包括色相、饱和度、亮度
4,图层、形状图层
5,选区、路径、通道、蒙板、灰度图的关系
6,图像合成
谢 谢 大 家
