1 1第 7 章 路径与形状运用7.1 什么是路径7.2 路径与形状的区别7.3 绘制路径7.4 编辑路径7.5 绘制几何形状7.6 路径的基本应用7.7 路径的描边与填充7.8 剪贴路径综合练习 制作插画第7章 路径与形状运用2 2第 7 章 路径与形状运用7.1 什么是路径Photoshop中的路径指的是在图像中使用钢笔工具或形状工具创建的贝塞尔曲线轮廓路径多用于绘制矢量图形或对图像的某个区域进行精确抠图路径不能够打印输出，只能存放于“路径”调板中3 3第 7 章 路径与形状运用7.2 路径与形状的区别路径与形状在创建的过程中都是通过钢笔工具或形状工具来创建的，区别在于：路径表现的是绘制图形以轮廓显示，不可以进行打印；形状表现的是绘制的矢量图以蒙版的形式出现在“图层”调板中，绘制形状时系统会自动创建一个形状图层，形状可以参与打印输出和添加图层样式路径与形状如图7-1所示4 4第 7 章 路径与形状运用图7-1 路径与形状5 5第 7 章 路径与形状运用7.2.1 形状在Photoshop CS5中，形状图层可以通过钢笔工具或形状工具来创建形状图层在“图层”调板中一般以矢量蒙版的形式进行显示，更改形状的轮廓可以改变页面中显示的图像，更改图层颜色会自动改变形状的颜色。
形状图层的创建方法如下：(1) 新建一个空白文档，默认状态下在工具箱中单击(钢笔工具)2) 在“属性栏”中单击“形状图层”按钮，在“样式拾色器”中选择创建形状图层时要添加的“样式”，如图7-2所示6 6第 7 章 路径与形状运用图7-2 设置形状图层7 7第 7 章 路径与形状运用(3) 设置完毕后，使用(钢笔工具)在页面中选择起点并单击，将鼠标移动到另一点再单击，直到回到与起始点相交处，再单击，系统会自动创建如图7-3所示的形状图层图7-3 创建形状图层8 8第 7 章 路径与形状运用7.2.2 路径在Photoshop CS5中，路径由直线或曲线组合而成，锚点就是这些线段或曲线的端点使用(转换点工具)在锚点上拖曳鼠标便会出现控制杆和控制点，拖动控制点就可以更改路径在图像中的形状路径的创建与调整方法如下：(1) 新建一个空白文档，默认状态下在工具箱中单击(钢笔工具)2) 此时只要在“属性栏”中单击“路径”按钮，属性栏就会变成绘制路径时的属性设置，如图7-4所示图7-4 路径属性栏9 9第 7 章 路径与形状运用(3) 使用(钢笔工具)在页面中选择起点单击，移动鼠标到另一点后再单击，直到回到与起始点相交处，此时指针会变成图标，再单击，即可创建封闭路径，如图7-5所示。
图7-5 绘制路径10 10第 7 章 路径与形状运用7.2.3 填充像素在Photoshop CS5中，填充像素可以认为是使用选区工具绘制选区后，再以前景色填充的效果如果不新建图层，那么使用填充像素填充的区域会直接出现在当前图层中，此时是不能被单独编辑的，填充像素不会自动生成新图层，如图7-6所示11 11第 7 章 路径与形状运用图7-6 填充像素12 12第 7 章 路径与形状运用7.3 绘 制 路 径7.3.1 钢笔工具在Photoshop CS5中，(钢笔工具)是所有绘制路径工具中最精确的工具使用钢笔工具可以精确地绘制出直线或光滑的曲线，还可以创建形状图层钢笔工具的使用方法也非常简单，只要在页面中选择一点单击，移动到下一点再单击，就可以创建直线路径；在下一点拖曳鼠标会创建曲线路径；按Enter键，绘制的路径会形成不封闭的路径；在绘制路径的过程中，当起始点的锚点与终点的锚点相交时，鼠标指针会变成图标，此时单击鼠标系统会将该路径创建成封闭路径13 13第 7 章 路径与形状运用在“工具箱”中选择后，属性栏会变成该工具对应的选项效果，如图7-7所示图7-7 钢笔工具属性栏14 14第 7 章 路径与形状运用图7-8 重叠路径区域除外15 15第 7 章 路径与形状运用练习：高级抠图技巧使用钢笔工具抠图。
本练习主要让大家了解使用 (钢笔工具)对复杂图像进行描绘并抠图的过程操作步骤：(1) 执行“文件打开”命令或按组合键Ctrl+O，打开素材，如图7-9所示下面就使用(钢笔工具)对素材中人物进行抠图16 16第 7 章 路径与形状运用图7-9 素材 17 17第 7 章 路径与形状运用(2) 在“工具箱”中选择钢笔工具，在要描绘的图像边缘单击，创建路径的起点，如图7-10所示 图7-10 设置路径起点 18 18第 7 章 路径与形状运用(3) 移动鼠标沿头部的边缘向右移动，选择第2点后向下拖曳鼠标，使曲线正好按照头部的弧线进行弯曲，效果如图7-11所示 图7-11 调整曲线 19 19第 7 章 路径与形状运用(4) 松开鼠标后，按住Alt键拖曳鼠标到第2个锚点处，此时光标变成图标，单击会将后面的控制杆取消，如图7-12所示 图7-12 设置控制杆 2020第 7 章 路径与形状运用(5) 移动鼠标到另一个可以产生曲线的位置，向下拖曳鼠标，如图7-13所示 图7-13 调整曲线 21 21第 7 章 路径与形状运用(6) 松开鼠标后，按住Alt键拖曳鼠标到第三个锚点处，此时光标变成图标，单击会将后面的控制杆取消，如图7-14所示。
图7-14 设置控制杆 2222第 7 章 路径与形状运用(7) 使用同样的方法沿图像边缘创建路径，按住Shift键增加选区，单击鼠标，如图7-15所示 图7-15 路径描绘 2323第 7 章 路径与形状运用(8) 终点与起点相交时，单击并拖曳鼠标，完成路径的创建，如图7-16所示图7-16 创建的最终路径 2424第 7 章 路径与形状运用(9) 按组合键Ctrl+Enter将路径转换成选区，抠图也就成功了，使用移动工具即可将选区内的图像移动，如图7-17所示图7-17 抠图效果 2525第 7 章 路径与形状运用7.3.2 自由钢笔工具在Photoshop CS5中使用 (自由钢笔工具)可以随意地在页面中绘制路径，当变为(磁性钢笔工具)时可以快速沿图像反差较大的像素边缘进行自动描绘，该工具的使用方法非常简单，就像在手中拿着画笔在页面中随意绘制一样，松开鼠标即可创建路径，如图7-18所示2626第 7 章 路径与形状运用图7-18 自由钢笔工具绘制路径2727第 7 章 路径与形状运用在“工具箱”中选择自由钢笔工具后，属性栏会变成该工具对应的选项效果，如图7-19所示图7-19 自由钢笔工具属性栏2828第 7 章 路径与形状运用图7-20 不同“曲线拟合”时的路径2929第 7 章 路径与形状运用练习：创建磁性钢笔路径。
本练习主要让大家了解使用 (自由钢笔工具)转换成 (磁性钢笔工具)创建路径的过程1) 执行“文件打开”命令或按组合键Ctrl+O，打开素材文件，如图7-21所示下面就使用自由钢笔工具绘制磁性路径 3030第 7 章 路径与形状运用 图7-21 素材 31 31第 7 章 路径与形状运用(2) 在“工具箱”中选择(自由钢笔工具)，在属性栏中单击“路径”按钮，勾选“磁性的”复选框，在弹出的“自由钢笔选项”中设置参数，如图7-22所示图7-22 设置参数 3232第 7 章 路径与形状运用(3) 使用鼠标指针在最左边的锤头顶部单击，如图7-23所示图7-23 选择起点 3333第 7 章 路径与形状运用(4) 沿锤头的边缘拖曳鼠标即可自动在锤头边缘创建路径，如图7-24所示图7-24 创建的磁性套索路径 3434第 7 章 路径与形状运用7.4 编 辑 路 径7.4.1 添加与删除锚点工具在Photoshop CS5中，使用(添加锚点工具)可以在已创建的直线或曲线路径上添加新的锚点添加锚点的方法非常简单，只要使用 (添加锚点工具)将光标移到路径上，此时光标右下角会出现一个“+”号，单击鼠标便会自动添加一个锚点，如图7-25所示；使用 (删除锚点工具)可以将路径中存在的锚点删除。
删除锚点的方法也非常简单，只要使用 (删除锚点工具)将光标移到路径中的锚点上，此时光标右下角会出现一个“”号，单击鼠标便会自动删除该锚点，如图7-26所示3535第 7 章 路径与形状运用图7-25 添加锚点 3636第 7 章 路径与形状运用图7-26 删除锚点 3737第 7 章 路径与形状运用7.4.2 转换点工具使用(转换点工具)可以让锚点在平滑点和转换角点之间进行变换转换点工具)没有属性栏3838第 7 章 路径与形状运用7.4.3 路径选择工具在Photoshop CS5中，(路径选择工具)主要用于快速选取路径或对其进行适当的编辑变换路径选择工具)的使用方法与(移动工具)相类似，不同的是该工具只对图像中创建的路径起作用在“工具箱”中选择 (路径选择工具)后，属性栏会变成该工具对应的属性栏，如图7-27所示图7-27 路径选择工具对应的属性栏3939第 7 章 路径与形状运用属性栏中的各项含义如下：(1) 显示定界框：勾选该复选框时，使用路径选择工具选择路径后，该路径周围会出现调整变换框，拖动控制点，即可将属性栏变为如图7-28所示的变换路径属性栏图7-28 变换路径属性栏4040第 7 章 路径与形状运用 变换：在该区域可以对路径进行位置、大小和旋转等设置。
变形：单击该按钮可以进入“变形”属性栏，如图7-29所示 取消：单击该按钮，可以将进行的变换取消 确定：单击该按钮，可以将进行的变换应用图7-29 “变形”属性栏41 41第 7 章 路径与形状运用(2) 组合：当选择两个以上的路径后，选择不同的路径模式，再单击“组合”按钮可以完成路径重叠部分的再次组合，效果如图7-30所示图7-30 组合后的不同效果4242第 7 章 路径与形状运用(3) 对齐：在一个路径层中，如果存在两个以上的路径，可以通过此选项对其进行重新对齐操作4) 分布：在一个路径层中如果存在三个以上的路径，可以通过此选项对其进行重新分布操作5) 解散目标路径：使用 (路径选择工具)选择路径后，单击该按钮可以将路径隐藏4343第 7 章 路径与形状运用练习：变换路径本次练习主要让大家了解使用路径选择工具对路径的变换方法操作步骤：(1) 新建文件，使用(钢笔工具)绘制一个封闭路径，如图7-31所示下面就使用(路径选择工具)对图像中创建的路径进行变换图7-31 创建路径 4444第 7 章 路径与形状运用(2) 使用路径选择工具在页面中的路径上单击，便可以选择当前路径，按住鼠标拖动便可以将路径进行移动，如图7-32所示。
图7-32 选择路径 4545第 7 章 路径与形状运用(3) 在属性栏中勾选“显示定界框”复选框，拖动控制点后，单击鼠标右键，在弹出的菜单中可以选择变换的选项，如图7-33所示 图7-33 选择路径 4646第 7 章 路径与形状运用(4) 选择相应变换后拖动鼠标即可看到变换效果，如图7-34所示图7-34 变换4747第 7 章 路径与形状运用(5) 选择“变形”选项命令时属性栏会变成“变形”效果的属性设置，单击“样式”弹出按钮，效果如图7-35所示图7-35 变形选项4848第 7 章 路径与形状运用(6) 在“变形”下拉列表中选择相应命令后，可以在属性栏中设置相应的“方向”、“弯曲”等参数，也可以使用鼠标直接拖动控制点调整变形大小如图7-36图7-38所示的效果图就是选择不同命令时的变形效果选择“自定”选项时，只能通过拖动鼠标来改变变形效果，如图7-39所示4949第 7 章 路径与形状运用 图7-36 扇形 5050第 7 章 路径与形状运用图7-37 旗帜 51 51第 7 章 路径与形状运用 图7-38 鱼形 5252第 7 章 路径与形状运用 图7-39 自定 5353第 7 章 路径与形状运用7.4.4 直接选择工具在Photoshop CS5中，使用 (直接选择工具)可以直接调整路径，也可以在锚点上拖动来改变路径形状。