- Adobe Photoshop CS5 图像设计与制作技能案例教程
- 张妨 岳巍
- 12145字
- 2025-02-24 00:35:07
3.5 任务讲析
3.5.1 实例演练——使用路径绘制图案
01 执行【文件】>【新建】命令,打开【新建】对话框,参照如图3-1所示设置参数,单击【确定】按钮,创建新文件,使用工具箱中的【椭圆选框工具】配合【Shift】键在视图中绘制正圆形选区。

图3-1 创建新文件并绘制选区
02 单击【图层】调板底部的【创建新图层】按钮,新建“图层1”。使用工具箱中的【渐变工具】,为正圆形填充从白到绿再到墨绿的径向渐变,如图3-2所示。

图3-2 填充渐变
03 执行【选择】>【变换选区】命令,调出变换框,参照如图3-3所示,按住【Shift+Alt】键缩小选区,按【Enter】键确定变换。

图3-3 缩小选区
04 新建“图层2”,使用工具箱中的【渐变工具】为正圆形填充从白到天蓝的径向渐变,如图3-4所示。

图3-4 编辑渐变
05 执行【选择】>【变换选区】命令缩小选区,分别选中“图层1”和“图层2”,按【Delete】键删除部分图像,如图3-5和图3-6所示。

图3-5 缩小选区

图3-6 删除部分图像
06 使用【横排文字工具】在视图中输入字母“BIO”,并在【字符】调板中设置参数,执行【自由变换】命令等比例缩小圆环图像,使用【移动工具】调整圆环和文字的位置构图,如图3-7所示。

图3-7 添加文字
07 执行【选择】>【载入选区】命令,在弹出的对话框中,单击【确定】按钮,载入上一步字母图像的选区,如图3-8所示。

图3-8 载入选区
08 新建“图层3”,单击“BIO”图层前的【指示图层可见性】按钮,隐藏图像。使用工具箱中的【渐变工具】填充从白到绿到墨绿的线性渐变,如图3-9所示。

图3-9 添加渐变
09 选择工具箱中的【椭圆选框工具】,单击选项栏中的【从选区减去】按钮,单击拖曳在选区上绘制椭圆,如图3-10所示。

图3-10 从选区减去并绘制椭圆
10 使用工具箱中的【渐变工具】,为选区填充从浅绿到墨绿的线性渐变,如图3-11所示。

图3-11 填充渐变
11 执行【编辑】>【描边】命令,打开【描边】对话框,在“宽度”文本框中输入8px,颜色设置为白色,单击【确定】按钮,出现如图3-12右图所示效果。

图3-12 添加白色描边
12 执行【编辑】>【描边】命令,打开【描边】对话框,在“宽度”文本框中输入18,颜色设置为墨绿色,单击【确定】按钮,出现如图3-13所示的效果。

图3-13 添加墨绿色描边
13 在【路径】调板中单击【创建新路径】按钮,使用【钢笔工具】绘制路径,并单击调板下方的【将路径作为选区载入】按钮,将路径转化为选区,新建“图层4”,选择【渐变工具】为选区填充白到绿到墨绿的线性渐变,效果如图3-14所示。

图3-14 绘制路径并填充渐变
14 使用【钢笔工具】继续在视图中绘制路径,转化为选区后,填充渐变。完成深色叶子部分,如图3-15所示。

图3-15 绘制路径并填充渐变
15 继续使用【钢笔工具】在视图中绘制路径,增加叶子的层次感,如图3-16所示。

图3-16 继续绘制路径并填充渐变
16 继续绘制叶子枝干部分,填充渐变,如图3-17所示。

图3-17 完成叶子枝干部分
17 继续使用【钢笔工具】在视图中绘制路径,制作出叶子的高光部分,如图3-18所示。

图3-18 完成叶子高光
18 选中“背景”图层,使用工具箱中的【渐变工具】,在视图中绘制蓝色径向渐变,如图3-19所示。

图3-19 添加渐变背景
3.5.2 基础知识解析
1.创建选区
选区就是图像中选取的特定区域,可以从整个图像中分离出来。使用选区能够限制图像绘制或编辑的区域,从而可以得到许多精美的图像效果。选区建立后,在选区的边界就会出现不断交替闪烁的虚线,以表示选区的范围。选区便于对图像的局部区域进行移动、复制、校正颜色、执行滤镜等操作,选区外的图像不会受到任何影响,如图3-20所示。

图3-20 调整选区中的图像颜色
Photoshop CS5建立选区的方法非常灵活,包括多种制作选区的工具与命令,灵活地组合应用这些工具及命令,即可得到精确的选区。
选区可以分为规则选区(如矩形、椭圆等)和不规则选区。通常,规则选区由【矩形选框工具】和【椭圆选框工具】等绘制完成,而不规则选区则由【套索工具】、【多边形套索工具】和【磁性套索工具】等绘制完成。
(1)矩形和椭圆选框工具
单击工具箱中的【矩形选框工具】,在图像窗口中单击拖曳,释放鼠标即可创建出一个矩形选区。如果按住【Shift】键进行拖曳,可建立正方形选区,按住【Shift+Alt】键拖曳,可建立以起点为中心的正方形选区。在【矩形选框工具】选项栏中,可以进行羽化和矩形选区大小参数的设置,如图3-21所示。

图3-21 【矩形选框工具】选项栏
右击工具箱中的【矩形选框工具】,在弹出的选框工具列表中选择【椭圆选框工具】,在图像窗口中单击拖曳,释放鼠标即可创建一个椭圆选区。如果按住【Shift】键拖曳,可建立正圆选区;按住【Shift+Alt】键拖曳,可建立以起点为中心的正圆选区。在【椭圆选框工具】选项栏多了一个“消除锯齿”选项,选中该选项可以有效消除选区的锯齿边缘,如图3-22所示。

图3-22 【椭圆选框工具】选项栏
提示
在建立一个正圆选区后,按【Alt】键,或在工具选项栏单击【从选区减去】按钮,再在大圆内创建一个小圆,可以得到圆环选区。
提示
在创建矩形选区或椭圆选区时,如果要了解矩形选区或椭圆选区的尺寸,可以借助【信息】调板。选择【矩形选框工具】后在图像中创建选区的过程中,【信息】调板中显示的区域尺寸也实时发生变化,直到选区完全确定。
① 选区运算
创建复杂选区时可以直接利用快捷键控制选区的增加、减少或交叉。在选中【新选区】按钮的情况下,按住【Shift】键可以暂时切换到【添加到选区】状态,拖曳鼠标即可增加选区,如图3-23所示。按住【Alt】键可以暂时切换到【从选区减去】状态,单击拖曳出需要减去的区域即可,如图3-24所示。同时按住【Shift+Alt】键就会切换到【与选区交叉】状态,新绘制的选取范围与原选区重叠的部分(即相交的区域)将被保留,如图3-25所示。

图3-23 增加选区

图3-24 减少选区

图3-25 交叉选区结果
在任何一个选择工具选项栏上,都可以看到【新选区】按钮、【添加到选区】按钮、【从选区减去】按钮和【与选区交叉】按钮,这是4种选区编辑方式的选项按钮,使用这些按钮,可以起到与快捷键相同的作用。
② 羽化
羽化选项用于柔化选区边缘,产生柔和的效果。在工具选项栏“羽化”文本框中输入数值,可以设置选区的羽化程度。
③ 创建选区的样式
在工具选项栏“样式”下拉列表中可以选择到3种不同的创建选区时的选区样式。选择默认的“正常”选项,可以随意地创建任意大小和高宽比例的选区。选择“固定比例”选项,“宽度”及“高度”文本框被激活,在文本框中输入比例数值,可以创建固定长宽比例的选区。选择“固定大小”选项,“宽度”及“高度”文本框被激活,在文本框中输入选区“高度”和“宽度”的数值,可以创建指定尺寸的选区。在“宽度”和“高度”文本框中单击右键,可以选择像素、毫米或英寸等单位。
提示
如果要将工具选项栏中的参数恢复为默认设置,单击工具选项栏中的工具图标,在弹出的工具调板右侧单击按钮,执行弹出菜单中的【复位工具】命令即可。如果要恢复所有工具的默认设置,执行【复位所有工具】命令即可。
小知识:单行和单列选项工具
任意变形工具不能变形元件、位图、视频对象、声音、渐变或文本。如果多项选区包含以上任一项,则只能扭曲形状对象。要将文本块变形,首先要将文本转换成形状对象。
(2)套索工具
【套索工具】可以比较随意地创建不规则形状的选区。选择该工具后在图像窗口中单击并沿着要选择的区域进行拖曳,当绘制的线条完全包含选择范围后释放鼠标,即可得到所需选区。
提示
若在鼠标拖曳的过程中,终点尚未与起点重合就释放鼠标,则系统会自动封闭不完整的选取区域;在未释放鼠标前,按【Esc】键可取消选择。
【套索工具】创建的选区比较随意,不够精确。因此,对于边缘精确程度要求较低的选区是非常方便的,如图3-26所示为创建选区后,切换至【移动工具】,按住【Alt】键拖曳复制选区图像得到的效果。

图3-26 使用【套索工具】建立选区
(3)多边形套索工具
【多边形套索工具】通过单击指定顶点的方式,创建不规则形状的多边形选区,如三角形、梯形等。
【多边形套索工具】的使用方法与【套索工具】有些区别,选择【多边形套索工具】创建选区时,首先单击确定第1个顶点,然后围绕对象的轮廓在各个转折点上单击,确定多边形的其他顶点,在结束处双击即可自动封闭,或者将鼠标指针定位在第1个顶点上,当鼠标指针右下角出现一个小圆圈标记时单击,即可得到多边形选区,如图3-27所示。

图3-27 使用【多边形套索工具】建立选区
提示
使用【套索工具】或【多边形套索工具】时,按【Alt】键可以在这两个工具间相互转换。
(4)磁性套索工具
【磁性套索工具】特别适用于快速选择与背景对比强烈且边缘复杂的对象。【磁性套索工具】选项栏如图3-28所示,合理设置“羽化”、“对比度”、“频率”等参数可以更加精确地确定选区。

图3-28 【磁性套索工具】选项栏
① 宽度
指定【磁性套索工具】在选取时鼠标指针两侧的“检测宽度”,取值范围在0~256像素之间,数值越大,所要查寻的颜色就越相似。
② 对比度
指定【磁性套索工具】在选取时对图像边缘的“灵敏度”,输入一个介于1%和100%之间的值。较高的数值将只检测与其周边对比鲜明的边缘,较低的数值将检测低对比度的边缘。
③ 频率
用于设置【磁性套索工具】自动插入锚点数,取值范围在0~100之间,数值越大生成的锚点数也就越多,能更快地固定选区边框。
提示
在边缘精确定义的图像上,可以试用大的宽度和高的对比度,并大致跟踪边缘。在边缘较柔和的图像上,尝试使用小的宽度和低的对比度,能更精确地跟踪边缘。
设置好工具选项栏中的参数后,移动鼠标指针至图像边缘,单击【确定】按钮开始选择的位置,并释放鼠标沿着图像的边缘移动鼠标指针,在图像边缘自动生成锚点,在终点与起点尚未重合时,双击即可自动封闭,或者当终点与起点重合时,鼠标指针右下角出现一个小圆圈标记时单击鼠标,也可封闭选区,如图3-29所示。

图3-29 利用【磁性套索工具】创建选区
提示
如果产生的锚点不符合要求,按【Delete】键可以删除上一个锚点,也可以单击鼠标左键手动增加锚点。
(5)快速选择工具
【快速选择工具】选择颜色差异大的图像时会非常直观、快捷。使用【快速选择工具】选取时只需单击拖曳,即可像绘画一样选择区域,如图3-30所示。

图3-30 利用【快速选择工具】创建选区
(6)魔棒工具
【魔棒工具】是依据颜色进行选取的工具。使用【魔棒工具】选取时只需在图像中的颜色相近区域单击即可,能够选取图像中颜色容差值范围内相同或相近的颜色区域,如图3-31所示。

图3-31 使用【魔棒工具】的选取效果
【魔棒工具】选项栏如图3-32所示,通过调整参数可以更好地控制选取的范围大小。

图3-32 【魔棒工具】选项栏
① 容差
在“容差”文本框中可输入0~255之间的数值,确定【魔棒工具】选取的颜色范围。其值越小,选取的颜色范围与单击位置的颜色越相近,选取范围也越小。其值越大,选取的相邻颜色越多,选取范围就越广,如图3-33所示。

图3-33 不同容差值的选取效果
② 消除锯齿
选中“消除锯齿”复选框,可消除选区的锯齿边缘。
③ 连续
选中“连续”复选框,在选取时仅选取与单击处相邻的、容差范围内的颜色相近区域;否则,会将整幅图像或图层中容差范围内的所有颜色相近的区域选中,而不管这些区域是否相近,如图3-34所示。

图3-34 “连续”选项对选择的影响
④ 对所有图层取样
选中“对所有图层取样”复选框,将在所有可见图层中选取容差范围内的颜色相近区域;否则,仅选取当前图层中容差范围内的颜色相近区域。
提示
如果选中“连续”复选框,可以按住【Shift】键单击选择不连续的多个颜色相近区域。
2.编辑选区
如果对所创建的选区不太满意,可以通过移动、旋转、缩放选区等简单的调整改变选区的位置和形状,最终得到所需的选择区域。
(1)编辑选区形状
① 移动选区
在工具箱中选择一种选择工具,将鼠标指针置于选区中,待鼠标指针变为状态时,单击拖曳即可移动选择区域,如图3-35所示。

图3-35 移动选区
提示
如果要求准确地移动选区时,可按键盘上的↑、↓、←、→键来移动选区,按一次将移动一个像素,按【Shift+光标移动键】,可以一次移动10像素。选区的移动并不使用【移动工具】,因为【移动工具】的作用是移动选区中的像素或当前图层中的所有对象。在实际操作中,一定要将选区的移动和【移动工具】的应用明确区分。
② 扩展和收缩选区
执行【选择】>【修改】>【扩展】或【收缩】命令,在弹出的对话框中输入数值,可使选区向外均匀扩展或向内收缩相应的像素,如图3-36所示。

图3-36 扩展和收缩选区
③ 扩大选区和选区相似
如果需要选取的区域在颜色方面是比较相近的,可以先选取一小部分,并执行【选择】>【扩大选取】或【选取相似】命令根据颜色进行快速选取。
执行【选择】>【扩大选取】命令可以将原选区扩大,所扩大的范围是与原选区相邻且颜色相近的区域;扩大的范围由【魔棒工具】选项栏中的容差值决定。执行【选择】>【选取相似】命令可以将整个图像颜色相似的选区进行不连续地扩展,如图3-37所示。

图3-37 扩大选区和选区相似
(2)调整边缘
执行【调整边缘】命令,可以对已经创建的选区进行半径、对比度、平滑和羽化等调整,创建选区后执行【选择】>【调整边缘】命令,弹出【调整边缘】对话框,如图3-38所示。

图3-38 【调整边缘】对话框
对话框中的各选项含义如下。
✣ 视图:选择视图以提高调整可见性,按【F】键可循环切换。
✣ 显示半径:显示按半径定义的调整区域。
✣ 显示原稿:查看原始选区。
✣ 智能半径:使半径自动适应图像边缘。
✣ 半径:用来调整选区的圆角大小,数值越大,矩形的4个角就越圆滑。
✣ 平滑:控制选区的平滑程度,数值越大越平滑。
✣ 羽化:控制选区柔和程度,数值越大,调整的图像边缘越模糊。
✣ 对比度:用来调整选区边缘的对比程度,结合半径或羽化选项来使用,数值越大,模糊度就越小。
✣ 移动边缘:数值变大选区变大,数值变小选区变小。
✣ 净化颜色:移去图像的彩色边。
✣ 数量:从图像移去的彩色边数量。
✣ 输出到:将调整应用于所选的输出类型。
在对话框中进行设置后,即可观察到选区边缘的调整效果,如图3-39所示。

图3-39 调整选区边缘
(3)平滑和扩边选区
使用【魔棒工具】建立的选区往往呈现明显的锯齿状态,执行【选择】>【修改】>【平滑】命令,弹出【平滑选区】对话框,如图3-40所示。在对话框的“取样半径”文本框中输入1~100像素范围内的平滑数值,即可使选区的边缘变得连续、平滑,如图3-41所示。

图3-40 【平滑选区】对话框

图3-41 平滑选区后填充效果
执行【选择】>【修改】>【边界】命令,弹出【边界选区】对话框,如图3-42所示。在对话框的“宽度”文本框中输入数值,即可将当前选区改变为环状选区,如图3-43所示。

图3-42 【边界选区】对话框

图3-43 扩边选区后填充效果
提示
执行【图层】>【修边】>【去边】命令可删除边缘像素中不想要的颜色,采用与选区边界内最相近的颜色取代该选区边缘的颜色。如果在黑色背景中选择图像,可执行【图层】>【修边】>【移去黑色杂边】命令删除边缘处多余的黑色像素;如果在白色背景中选择图像,可执行【图层】>【修边】>【移去白色杂边】命令,删除边缘处多余的白色像素。
(4)羽化选区
羽化是图像处理过程中经常用到的一种操作,羽化效果可以在选区和背景之间建立一个模糊的过渡边缘。在工具选项栏的文本框中输入数值即可创建边界柔化的选区,也可以在建立选区后,执行【选择】>【修改】>【羽化】命令或按快捷键【Shift+F6】,弹出【羽化选区】对话框,如图3-44所示。在“羽化半径”文本框中输入数值,即可使选区产生羽化效果,如图3-45所示。羽化数值越大,柔和效果越明显,同时选区形状也会发生一定变化。

图3-44 【羽化选区】对话框

图3-45 羽化选区后填充效果
(5)变换选区
创建选区之后,还可以执行【选择】>【变换选区】命令对选区形状进行缩放、旋转、镜像、扭曲等操作。
执行【选择】>【变换选区】命令,选区四周出现变换框。
✣ 移动鼠标指针至变换框四角,鼠标指针呈现形状,拖曳即可缩放选区。
✣ 移动鼠标指针至变换框外侧,鼠标指针呈现形状,拖曳即可旋转选区。
✣ 按住【Ctrl+Shift+Alt】键将鼠标指针移至变换框的任意控制点上,鼠标指针呈现形状,拖曳即可透视变形选区。
✣ 按住【Ctrl+Alt】键将鼠标指针移至变换框的任意控制点上,鼠标指针呈现形状,拖曳变换选区的控制点,可平行变形选区。
✣ 按住【Ctrl】键将鼠标指针移至变换框的任意控制点上,鼠标指针呈现形状,随意拖曳变换选区的控制点,可不规则变形选区。
执行【选择】>【变换选区】命令后,在图像窗口中单击右键,从弹出的快捷菜单中选择变换命令变换选区,如图3-46所示。在执行【选择】>【变换选区】命令后,执行【编辑】>【变换】子菜单中的变换命令也可以变换选区。在执行【选择】>【变换选区】命令后,在工具选项栏中设置参数可精确变换选区,如图3-47所示。设置完成工具选项栏中的参数后,单击选项栏右侧【进行变换】按钮,即可应用变换,单击【取消变换】按钮即可取消对选区的改变。双击或按【Enter】键可应用变换,按【Esc】键可取消变换。

图3-46 变换选区

图3-47 【变换选区工具】选项栏
✣ 单击“参考点位置”区域中的锚点可以确定变换的参考点,被选中的锚点呈黑色方块。
✣ 在“设置参考点的水平位置”和“设置参考点的垂直位置”文本框中输入数值,可以精确控制选区水平和垂直方向上的位置。
✣ 单击【使用参考点相关定位】按钮使之呈凹下状态,在“设置参考点的水平位置”和“设置参考点的垂直位置”文本框中输入的数值为相对于原选区所在位置的偏移量。
✣ 在“设置水平缩放比例”和“设置垂直缩放比例”文本框中输入数值,可以精确设置选区宽度和高度缩放比例。
✣ 单击【链接图层】按钮使之呈凹下状态,可以确保选区保持选区原有的宽高比。
✣ 在“旋转”文本框中输入角度值,可精确改变选区的角度。
✣ 可以分别在“设置水平斜切”和“设置参考点的垂直位置”文本框中输入角度值,改变选区在水平方向及垂直方向上的斜切变形度。
提示
不要混淆选区变换和图像变换。变换选区只会调整选区而不涉及选区中的图像,图像变换是在调整选区中图像的同时变换选区。选区变换与图像变换操作完全相同,但首先需要执行【选择】>【变换选区】命令,才能执行其他变换命令,否则将变成变换选区图像的操作。
3.应用选区
下面介绍选区在图像编辑中的具体运用。
(1)剪切、复制和粘贴图像
确定图像中的选区后,执行【编辑】>【拷贝】命令,或按快捷键【Ctrl+C】,可将选区内的图像复制到剪贴板中,然后再执行【编辑】>【粘贴】命令,或按快捷键【Ctrl+V】,进行粘贴即可得到剪贴板中的图像,如图3-48所示。执行【编辑】>【合并拷贝】命令,或按快捷键【Ctrl+Shift+C】,可以在不影响原图像的情况下,将选取范围内所有图层的图像全部复制并放入剪贴板,而【拷贝】命令仅复制当前图层选取范围内的图像。

图3-48 复制并粘贴图像
提示
如果要将图像从Photoshop的剪贴板复制到另一个应用软件中,必须先执行【编辑】>【首选项】>【常规】命令,选中对话框中的【导出剪贴板】复选框。
如果执行【编辑】>【剪切】命令,或按快捷键【Ctrl+X】,也可将选区内的图像复制到剪贴板中,但是该区域将从原图像中删除。
执行【编辑】>【选择性粘贴】>【贴入】命令,或按快捷键【Ctrl+Shift+V】,执行【贴入】命令时,必须先创建一个选区,当执行该命令后,粘贴的图像只出现在选取范围内,超出选取范围的图像自动被隐藏,执行【贴入】命令能够得到一些特殊的效果,如图3-49所示。

图3-49 使用【贴入】命令粘贴图像
由于使用剪贴板会占用内存空间,如果剪贴板中的内容不需要时,可以执行【编辑】>【清理】>【剪贴板】命令,清除剪贴板所占用的内存。
(2)利用选区编辑图像
① 移动图像
如果移动的对象是图像中的某个区域,确定图像中的选区后,再使用【移动工具】进行移动。当在背景图层中移动选区图像时,移动后留下的空白区域将用背景色填充。当在普通图层中移动选区中的图像时,会使图层中选区部分透明,显示出其下方图层中的图像。使用【移动工具】也可以将一个图像窗口的图像复制至另一个图像窗口,从而合成得到新的图像,如图3-50所示。

图3-50 移动并合成图像
如果当前选择的工具不是【移动工具】,按【Ctrl】键可切换成【移动工具】,按住【Alt】键的同时在选区内单击拖曳,此时选区内的图像就会被复制并移动,如图3-51所示。如果当前选择的工具不是【移动工具】,按住【Ctrl+Alt】键也可以复制并移动选区内的图像,按住【Ctrl+Alt】键拖曳选区时选区中的像素悬浮在图像上,只有在选区取消时才固定在图像中。

图3-51 移动并复制图像
② 清除图像
确定图像中的选区后,执行【编辑】>【清除】命令,可以删除选区中的图像。当在背景图层中清除图像时,清除后留下的空白区域将用背景色填充。当在普通图层中清除选区中的图像时,则会使图层中选区部分的图像透明,显示出其下方图层中的图像。
③ 填充选区
选区建立后,执行【编辑】>【填充】命令,会弹出【填充】对话框,如图3-52所示。设置填充内容、混合模式和不透明度参数后,单击【确定】按钮即可完成填充。如果当前图像中不存在选区,则填充效果将作用于整幅图像。

图3-52 【填充】对话框
提示
【填充】命令非常强大,不仅可以填充颜色和图案,如图3-53和图3-54所示,还可以填充历史记录。填充历史记录可以将选区内的图像或整幅图像恢复到某一个历史状态。
提示
按快捷键【Shift+BackSpace】即可调用【填充】对话框。按快捷键【Alt+Delete】或【Alt+BackSpace】,可填充前景色。按快捷键【Ctrl+Delete】或【Ctrl+BackSpace】,可填充背景色。

图3-53 颜色填充效果

图3-54 图案填充效果
(3)选区的描边
【描边】命令可以在选区边界用指定颜色的线条绘制出边框。选区建立后,执行【编辑】>【描边】命令,弹出【描边】对话框,如图3-55所示。在【描边】对话框中可以设置描边的宽度、颜色和位置。

图3-55 【描边】对话框
✣ 描边:在“宽度”文本框中输入1~250像素的值以确定描边的宽度。单击“颜色”色块将会弹出【拾色器】对话框便于选择描边的颜色。
✣ 位置:确定描边的位置,有“内部”、“居中”和“居外”3种方式可供选择,如图3-56所示。

图3-56 描边效果
✣ 混合:设置描边的不透明度和色彩混合模式,选中“保留透明区域”复选框后,可以保护图层中的透明区域。
4.绘制路径
路径在Photoshop CS5中应用得非常广泛,路径可以是一个点、一条直线或一条曲线,在一条路径中可能包含若干条直线线段和曲线线段,这些线条可以是闭合的也可以是开放的,如图3-57所示。可以通过锚点和方向线任意改变路径的形状,路径是矢量线条,因此缩小或放大时都不会影响它的分辨率和平滑度。

图3-57 路径
创建路径最常用的办法就是使用【钢笔工具】, 【钢笔工具】是绘制和编辑路径的主要工具。此外,路径还可以描边、填充或将其转变为选区。
(1)路径工具组
路径工具组包括5个工具,如图3-58所示。【钢笔工具】可以创建光滑而复杂的路径;【自由钢笔工具】可以在单击拖曳时创建路径;【添加锚点工具】可以为已经创建的路径上添加锚点;【删除锚点工具】可以从路径中删除锚点;【转换点工具】用来转换锚点的类型,可以将路径的圆角转换为尖角,或将尖角转换为圆角。

图3-58 路径工具组
按【P】键选择【钢笔工具】后,此时的工具选项栏如图3-59所示。

图3-59 钢笔工具选项栏
提示
如果是绘制路径,则应单击【路径】按钮;如果是建立带矢量蒙版的形状图层,则应单击【形状图层】按钮。
(2)钢笔工具
使用【钢笔工具】绘制路径时,单击可得到直线型锚点,单击拖曳即可得到曲线路径。
【钢笔工具】绘制路径的方法非常简单,选择【钢笔工具】后,单击选项栏中的【路径】按钮,依次在图像窗口单击以确定路径各个锚点的位置,锚点之间将自动创建一条直线路径,如图3-60所示。如果使用【钢笔工具】在页面中选择一点单击,在下一点单击拖曳,则会创建曲线路径,如图3-61所示。在绘制过程中,按【Enter】键绘制的路径会形成不封闭的路径,并且会在视图中隐藏;当起始点与终点的锚点相交时鼠标指针会变成状态,此时单击鼠标,系统会将路径创建成封闭路径。

图3-60 直线路径

图3-61 曲线路径
提示
在确定第2个锚点时按住【Shift】键单击,可以将该锚点控制在前一锚点的水平方向、垂直方向或45°的方向上。
在绘制路径的过程中,按【Delete】键可删除上一个添加的锚点,按【Delete】键2次删除整条路径,按3次则删除所有显示的路径。
提示
在使用【钢笔工具】时,按住【Ctrl】键可切换至【直接选择工具】,按住【Alt】键可切换至【转换点工具】。
在绘制路径的过程中,可能会因为种种原因而得到一些不连续的路径,可以使用【钢笔工具】来连接这些零散的线段。首先选择【钢笔工具】,并移动鼠标指针至路径断处的一端单击,接着移动鼠标指针至另一路径一端再次单击鼠标,一个开放路径便连接为一条封闭路径,如图3-62所示。

图3-62 连接路径
(3)自由钢笔工具
与【钢笔工具】不同,【自由钢笔工具】以徒手绘制的方式建立路径,其使用方法类似于【铅笔工具】,只要单击拖曳即可。在绘制路径的过程中,系统会自动根据曲线的走向添加适当的锚点和设置曲线的平滑度。
选中工具箱中的【自由钢笔工具】,相应的工具选项栏如图3-63所示。

图3-63 【自由钢笔工具】选项栏
提示
选中“磁性的”复选框,【自由钢笔工具】也具有了和【磁性套索工具】一样的磁性功能。在单击确定路径起始点后,沿着图像边缘移动鼠标指针,系统会自动根据颜色反差建立路径,如图3-64所示。

图3-64 执行【磁性选项】绘制路径
绘制完成的路径可以进一步进行编辑加工,分别调整各个锚点的位置和属性即可调整路径的形状。
(4)选择和移动路径
路径的选择是进行路径调整的第一步,只有正确地选择,才能进行合适的编辑与调整操作。Photoshop CS5提供了两个路径选择工具,分别为【路径选择工具】和【直接选择工具】。
如果要选择整个路径,则先选中工具箱中的【路径选择工具】,并直接单击需要选择的路径即可。当整个路径选中时,该路径中的所有锚点即被全部选中,都显示为黑色方块,此时在路径上方拖曳鼠标可移动整个路径,如图3-65所示。
如果要选择路径中的锚点,可以使用【直接选择工具】,首先移动鼠标指针至该锚点所在路径上单击,以激活该路径,激活路径的所有锚点都会以空心方框显示,并再移动鼠标指针至锚点上单击,即可选择该锚点,此时若拖曳鼠标即可移动该锚点,如图3-66所示。

图3-65 选择整个路径

图3-66 用【直接选择工具】选择锚点
若拖曳鼠标拉出一个选择框,与框交叉和包围的所有路径都将被选中。在选中多条路径后,使用工具选项栏的“对齐”和“分布”按钮可对路径进行对齐和分布操作,单击【组合】按钮则可按照各路径的相互关系进行组合。【路径选择工具】选项栏如图3-67所示。

图3-67 【路径选择工具】选项栏
提示
如果当前选中的是【直接选择工具】,按住【Ctrl】键可切换至【路径选择工具】。
如果要同时选中多个锚点,可以在按住【Shift】键的同时逐个单击要选择的锚点,若拖曳鼠标拉出一个选择框,可选择框内的所有锚点。选中的锚点显示为黑色方块,而没有选择的锚点显示为空心方块,如图3-68所示。

图3-68 框选锚点
与移动锚点相同,使用【直接选择工具】按住线段拖曳,可移动路径中的线段,如图3-69所示,在曲线段上拖曳可改变曲线的形状,按【Delete】键可删除该线段。

图3-69 移动路径中的线段
使用【直接选择工具】选中锚点后,该锚点及相邻锚点的方向线和方向点就会显示在图像窗口中,与移动锚点的方法类似,首先移动鼠标指针至方向点上,并单击拖曳,即可改变方向线的长度和角度。方向线和方向点的位置确定了曲线段的曲率,移动这些元素将改变路径的形状,如图3-70所示。

图3-70 移动方向点
(5)保存工作路径
使用【钢笔工具】或【形状工具】创建路径时,新的路径作为“工作路径”出现在【路径】调板中。工作路径是一种临时性的路径,当创建新的工作路径时,现有的工作路径被删除,而且系统不会做任何提示,所以要将工作路径存储起来。
在【路径】调板中单击选择“工作路径”为当前路径,拖曳工作路径至调板底端【创建新路径】按钮或从调板菜单中执行【存储路径】命令,将弹出【存储路径】对话框,在对话框中可以更改路径的名称,单击【确定】按钮即可保存路径,如图3-71所示。

图3-71 【存储路径】对话框
提示
通过双击【路径】调板中的工作路径,也可将工作路径存储。
(6)复制路径
完成绘制路径后,选择工具箱中的【路径选择工具】单击路径将其选中,按住【Alt】键,拖曳选中的路径即可复制路径。
路径的复制还可以采用下述方法。
✣ 选择【路径】调板中的一条路径,并在【路径】调板右侧的弹出菜单中执行【复制路径】命令,弹出【复制路径】对话框,如图3-72所示,可以根据需要修改路径名称。按住【Alt】键并将路径拖至【路径】调板中的【创建新路径】按钮上,也会弹出【复制路径】对话框。
✣ 拖曳路径至【路径】调板中的【创建新路径】按钮上。

图3-72 【复制路径】对话框
提示
如果【路径】调板中的路径名称为“工作路径”,此时【复制路径】命令是不可用的,也就是说【复制路径】命令不能应用于工作路径。通过双击【路径】调板中的工作路径,将工作路径进行存储操作即可激活【复制路径】命令。
(7)转换锚点类型
利用【转换点工具】可以使直线型锚点、平滑型锚点和拐角锚点之间互相进行转换。将直线型锚点转换为平滑锚点,首先将鼠标指针置于需要转换的锚点上,并单击拖曳即可,如图3-73所示。
将平滑型锚点转换为拐角型锚点,直接利用【转换点工具】移动鼠标指针至平滑型锚点一侧的方向点上方拖曳即可,如图3-74所示。

图3-73 直线型锚点转换为平滑型锚点

图3-74 平滑型锚点转换为拐角型锚点
将平滑型锚点转换为直线型锚点,用【转换点工具】直接单击此锚点即可。
(8)添加和删除锚点
使用【添加锚点工具】可以为已经创建的路径添加锚点;【删除锚点工具】可以从路径中删除锚点。选择【添加锚点工具】后,移动鼠标指针在路径上单击,即可在路径上添加一个锚点,如图3-75所示。选择【删除锚点工具】后,移动鼠标指针至锚点上单击,即可删除一个锚点,如图3-76所示。

图3-75 添加锚点

图3-76 删除锚点
提示
使用【删除锚点工具】删除锚点和直接按【Delete】键删除是完全不同的,使用【删除锚点工具】删除锚点不会打断路径,而按【Delete】键会同时删除锚点两侧的线段,从而打断路径。
提示
按【Esc】键可结束一条路径的绘制并接着绘制其他路径。第1次按【Delete】键可删除选中的锚点以及与锚点邻接的局部路径,第2次按【Delete】键可删除锚点所在的整个路径,第3次按【Delete】键可删除所有路径。
(9)变换路径
与图像和选区相同,路径也可以进行旋转、缩放、倾斜和扭曲等变换操作。具体操作时,首先在【路径】调板中选择该路径,使其显示在图像窗口中,然后使用【路径选择工具】选中路径,此时执行【编辑】>【自由变换路径】和【变换路径】命令被激活。执行【编辑】>【自由变换路径】命令、按快捷键【Ctrl+T】,或者执行【编辑】>【变换路径】命令都可对路径进行变换操作。
提示
执行旋转变换时,应该注意旋转中心的控制,只要拖曳调节控制框中的十字圆圈即可。按快捷键【Ctrl+Alt+T】再进行变换操作,将只改变所选路径的副本,而不影响原路径。