第7章 路径和矢量图形

《第7章 路径和矢量图形》由会员分享，可在线阅读，更多相关《第7章 路径和矢量图形（66页珍藏版）》请在金锄头文库上搜索。

1、第7章 路径和矢量图形课前导读 本章主要介绍路径的基本概念，创建与编辑路径的工具和形状工具等内容，通过对本章的 学习，掌握创建与编辑路径的工具与形状工具的使用方法，掌握创建与编辑路径、创建矢 量图形的方法技巧，并能熟练应用路径调板编辑路径，使用形状工具创建制作漂亮的矢量 图形。 知识目标： 掌握路径的概念 掌握创建与编辑路径工具的使用方法 掌握路径调板的功能 掌握形状工具的使用方法 能力目标： 掌握创建与编辑路径的方法技巧 能熟练应用路径调板 使用形状工具绘制矢量图形PhotoShopCS2平面设计实用教程 第7章 路径和矢量图形7.1路径的基本概念 7.2路径和路径选择工具 7.3“路径”调

2、板 7.4形状工具PhotoShopCS2平面设计实用教程 7.1路径的基本概念路径是由一条或多条具有多个锚点（节点）的矢量线条（也称为贝赛尔曲线）构成的图形， 可以是一个点、直线段或曲线，通常是指有起点和终点的一条直线或曲线，如图7-1所示。路径可以是闭合的，没有起点或终点；也可以是开放的，有明显的终点。路径具有矢量性，是面向对象的，没有锁定在背景图像像素上，不同与点阵图像素属性，占 磁盘空间很小，可以快速选择、移动、调整其大小等编辑修改，它可以与图像一起输出，也 可以单独输出。 贝赛尔曲线是一种以三角函数为基础的曲线，它的每一个锚点都有一条或两条虚拟的称为控 制柄的直线段，直线的方向与锚点

3、的切线方向一致，控制柄两端的端点叫控制点 图7-1 路径 图7-2 控制点PhotoShopCS2平面设计实用教程如图7-2所示。具体来说，路径由锚点、线段、控制柄和控制点四部分构成。 （1）锚点：也称为节点，是标记每条路径片段的开始与结束的点，用于固定路径。锚点包 括直线锚点（图7-2中标记1、2、3、7、8、9）和曲线锚点（图7-2中标记4、5、6），曲线锚 点又分为平滑锚点（图7-2中标记4、5）和尖突锚点（图7-2中标记6）两种。平滑锚点是连接平滑曲线的锚点，尖突锚点是连接尖角曲线的锚点。操作中，被选中的锚点呈黑色小方块标 记，未被选中的锚点呈空心小方块标记。 （2）线段：是指相邻两个

4、锚点间的直线或曲线。锚点是线段与线段之间的连接点。 （3）控制柄：被选中的曲线锚点两侧显示的一条或两条虚拟的直线段，用来控制曲线的方向和形状。 （3）控制点：控制柄的末端端点。用鼠标拖动控制点，用来调整控制柄的方向和长短，从而调整路径的形状、位置和大小。 在Photoshop中，创建和编辑路径的工具包括路径工具、路径选择工具和形状工具。7.1路径的基本概念PhotoShopCS2平面设计实用教程单击工具箱内钢笔工具组中的工具按钮，弹出钢笔工具组中的所有工具，如图7-3所示，包括钢笔工具、自由钢笔工具、添加锚点工具、删除锚点工具和转换点工具。单 击工具箱内选择路径工具组中的工具按钮，弹出选择路径

5、工具组中的所有工具，如图 7-4所示，包括路径选择工具和直接选择工具。7.2路径和路径选择工具图 7-3 路径工具 图 7-4 路径选择工具PhotoShopCS2平面设计实用教程 7.2路径和路径选择工具7.2.1钢笔工具 7.2.2自由钢笔工具 7.2.3添加锚点工具 7.2.4删除锚点工具 7.2.5转换点工具 7.2.6路径选择工具 7.2.7直接选择工具PhotoShopCS2平面设计实用教程 7.2.1钢笔工具1认识钢笔工具钢笔工具是创建路径最基本最常用的工具，用来绘制连接多个锚点的线段或曲线的，创建各 种直线、曲线或自由线条的路径。绘制直线和平滑的曲线时，它比其他路径工具提供更佳

6、的 控制和更大的准确性，能准确地绘制出复杂的路径。选择钢笔工具，钢笔工具选项栏如图7-5 所示或如图7-6所示。图7-5 钢笔工具选项栏1图7-6 钢笔工具选项栏2PhotoShopCS2平面设计实用教程钢笔工具选项栏各选项参数含义如下。 （1）形状图层按钮 ：按下此按钮，选项栏如图7-5所示，表示当前正在创建或编辑图形或 形状图层。在绘制路径中会自动填充前景色或一种选定的图层样式图案，每绘制一个图 像就创建一个图层，绘制后的图像不能用油漆桶工具填充颜色和图案。 （2）路径按钮 ：按下此按钮，选项栏如图7-6所示，表示当前正在绘制路径，而且不能自 动进行填充。 （3）路径工具按钮 ：选择当前使

7、用的是钢笔工具或是自由钢笔工具。 （4）形状按钮 ：分别用于绘制矩形、圆角矩形、椭圆、多边形、直线、自定义 形状图形形状或路径。 （5）几何选项按钮 ：选择不同的工具选项按钮，单击此按钮，弹出不同的调板，以控制不 同的几何选项。 （6）自动添加/删除：选中此复选框，使用钢笔工具不仅可以绘制路径，钢笔工具还具备自 动添加/删除的功能，可以在原路径上添加或删除锚点。当移动到原路径曲线上时，在原 指针右下方增加一个“+”号，单击路径曲线，即可在单击处增加一个锚点；当移动到原路 径锚点上时，在原指针右下方增加一个“-”号，单击锚点，即可删除该锚点。 （7）多路径设置按钮：用来决定绘制路径且路径重叠时采

8、取何种处理方式。7.2.1钢笔工具PhotoShopCS2平面设计实用教程 7.2.1钢笔工具（8）样式：用于形状图层添加系统预设的样式。 （9）颜色：颜色单击颜色色块弹出“拾色器”对话框，用来选择填充颜色。 2.使用钢笔工具绘制路径（1）绘制直线路径 使用单击鼠标的方式产生直线锚点，从而绘制直线路径。具体操作如下 ： 选择钢笔工具，确认选中 ，确认钢笔几何选项未勾选“橡皮带”复选框。 将钢笔指针定位在起点并单击鼠标，形成第一个锚点。 将钢笔指针移动到终点位置处单击鼠标，两个锚点之间即可创建一条直线，如图7-7所示。 如果要创建封闭式直线路径，在结束时将鼠标指针移到起始锚点上，当鼠标指针变为

9、形状时，单击鼠标，即可完成创建封闭式直线路径的绘制，如图7-8所示。提示：最后添加的锚点总是被选中的锚点。在单击终点位置时按住Shift键可以将该直线段的 角度限制为45的倍数。图7-7 绘制直线路径 图7-8 封闭直线路径PhotoShopCS2平面设计实用教程（2）绘制曲线路径 单击鼠标产生锚点的同时，拖动鼠标以产生曲线锚点和控制柄，从而 绘制曲线路径。具体操作如下： 选择钢笔工具。 将钢笔指针定位曲线起点，单击并拖动鼠标，设定曲线第一个锚点的位置和第一段曲线 的部分弧度，释放鼠标，即可形成第一个锚点，如图7-9所示。按住Shift键，拖动鼠标， 可以将该锚点的控制柄限制为45倍角。 将钢

10、笔指针移到曲线第二个锚点处，单击、拖动并释放鼠标，两个锚点之间即可创建一 条曲线，如图7-10所示。 如果要就此结束，按住Ctrl键，在路径外的任意位置单击鼠标，即可完成开放路径的绘 制，如图7-11所示；将钢笔指针移到起始锚点上，当鼠标指针变为 形状时，单击鼠标即 可以完成封闭曲线路径的绘制，如图7-12所示。提示：默认情况下，只有在闭合了当前路径后，才可以绘制另一条路径。若需要在未闭合 一条路径前绘制新的路径，可点按Esc键，然后再单击钢笔工具或其他工具，即可继续绘 制新路径。7.2.1钢笔工具图7-9 第一个锚点 图7-10 第二个锚点 图7-11 开放路径 图7-12 闭合路径Phot

11、oShopCS2平面设计实用教程1.认识自由钢笔工具自由钢笔工具可随意绘制任意形状的曲线路径。在画布窗口内拖动鼠标，无需确定锚点 的位置，鼠标经过的地方将会自动添加锚点和路径，在拖动过程中也可以单击鼠标定位 锚点。如果要结束绘制路径，在结束点双击鼠标或按Enter键即可完成路径的绘制，创建 一个形状路径。选择自由钢笔工具，工具选项栏如图7-13所示或如图7-14所示。自由钢笔工具选项栏中主要选项含义如下。 （1）磁性的：勾选“磁性的”复选框，自由钢笔工具则变为磁性钢笔工具，鼠标指针变为 形状。磁性钢笔工具与磁性套索工具的使用方法类似，在使用磁性钢笔工具绘图时，系 统会自动将鼠标指针移动的路径定

12、位在图像的边缘上。 （2）几何选项按钮 ：单击此按钮，弹出选项框如图7-15所示。7.2.2自由钢笔工具图7-13 磁性自由钢笔工具选项栏1图7-14 磁性自由钢笔工具选项栏2PhotoShopCS2平面设计实用教程在选项框中各选项参数的作用如下： 曲线拟合：用于输入控制自由钢笔创建路径的锚点的个数。该参数的取值范围是 0.510。数值越大，锚点的个数就越少，曲线越简单。 磁性的：作用同上，可以设置磁性钢笔工具的属性。当勾选此复选框时，“宽度”、 “对比”、“频率”文本框才有效。 宽度：用来设置系统的检测宽度，取值范围为140。 对比：用来设置系统控制磁性钢笔工具检测图像边缘的灵敏度，取值范围

13、为1100 。该数值越大，则图像边缘与背景的反差也越大，边缘明显。7.2.2自由钢笔工具图7-15 自由钢笔工具几何选项框 PhotoShopCS2平面设计实用教程 7.2.2自由钢笔工具频率：决定磁性钢笔工具在路径绘制中安置的锚点的密度，值越小锚点越密，取值范围为 540。 钢笔压力：如果使用光笔绘图板，该复选框有效，可以选择或取消选择“钢笔压力”选中后 ，可以使用光笔压力，光笔压力的增加将导致宽度减小。2. 使用自由钢笔工具选取自由钢笔工具，把鼠标指针移至画布窗口，单击鼠标左键，确定路径起点，按住鼠标 并拖动即可绘制曲线，释放鼠标即可完成绘制。如果需要创建闭合路径，则可拖拽鼠标至 起点处，

14、当鼠标指针变成形状时，释放鼠标即可完成闭合路径的绘制。PhotoShopCS2平面设计实用教程路径创建完成后，可以使用添加锚点工具 在原路径上添加锚点，以改变路径中锚 点的密度，增加路径的复杂程度。具体操作方法如下： 选择添加锚点工具 ，将鼠标定位到已创建的工作路径非锚点处，鼠标指针变成形 状，如图7-16（a）所示，在需要增加锚点位置处单击鼠标，即可在工作路径上添加 新的锚点，如图7-16（b）所示。拖动新锚点两边的控制点，可以改变该锚点两旁曲 线的形状。7.2.3添加锚点工具（a） （b）图7-16 添加锚点（a）在需要添加锚点处单击 （b）添加锚点PhotoShopCS2平面设计实用教程

15、路径创建完成后，可以使用删除锚点工具 删除原路径上的锚点，以改变路径中锚点 的密度，减少路径的复杂程度。删除锚点工具的作用与添加锚点工具的作用正好相反 ，但使用方法相似，具体操作方法如下： 选择删除锚点工具 ，将鼠标定位到已创建的工作路径上锚点位置 ，鼠标指针变成 形 状，如图7-17（a）所示。在需要删除的路径锚点处单击，即可删除该路径锚点，如图 7-17（b）所示，如图7-17（a）所示。7.2.4删除锚点工具（a） （b） 图7-17 删除锚点（a）在需要删除锚点处单击 （b）删除锚点PhotoShopCS2平面设计实用教程 7.2.5转换点工具转换点工具 是用来改变曲线锚点属性的，它可

16、以把曲线路径上平滑锚点转换成尖 突锚点，或将尖突锚点转换成平滑锚点，以便对路径形状进行修改。 选择转换点工具 ，用鼠标拖动直线锚点，可以显示出该锚点的切线，将直线锚点 转换为曲线锚点。用鼠标拖动切线两端的控制点，可改变路径的形状。选择转换点 工具 ，单击曲线锚点，可以将曲线锚点转换为直线锚点，如图7-18所示和如图7-19 所示。（a） （b） 图7-18 平滑锚点转换为尖突锚点 （a）修改前 （b）修改后（a） （b） 图7-19 直线锚点转换为曲线锚点（a）修改前 （b）修改后PhotoShopCS2平面设计实用教程1.认识路径选择工具路径选择工具 ，用于选择一条或按住Shift键选择几条路径，并对之进行移动、复制、删 除、组合、对齐、平均分布或旋转、变形等操作。选择路径选择工具 ，选择多条路径时， 工具选项栏如图7-20所示。路径选择工具选项栏中主要选项含义如下： 显示定界框：勾选此复选框，显示路径的定界框；否则不显示路径的定界框。 组合：