第8章 钢笔工具与形状工具

第8章钢笔工具与形状工具熟悉路径的相关知识熟练掌握钢笔工具的使用熟练掌握形状工具的使用认识矢量工具基础知识熟练掌握钢笔工具组中各种工具的使用熟练掌握形状工具组中各种工具的使用掌握路径与形状的编辑方法8.1矢量工具基础知识8.1.1矢量图像8.1.2认识路径与锚点8.1.3选择绘图模式8.1矢量工具基础知识8.1.1矢量图像矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小等属性。矢量图是根据几何特性来绘制图形的，可以是直线或曲线，也可以是二者的组合。矢量图像的特点是放大后图像不会失真，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。8.1矢量工具基础知识8.1.2认识路径与锚点路径的含义包含许多种，例如磁盘中的地址路径、HTML中链接的绝对路径（网址）等。图形设计软件中的路径是指所绘图形的轮廓，路径不包括任何像素，但可以填充颜色或为路径添加描边。绘制完路径或形状后，可以在路径面板中找到所绘制的路径。在Photoshop中，绘制路径的工具包括钢笔工具和形状工具。除此以外，使用文字工具创建文字图层后，可以将文字图像转换为文字路径。与选区不同（必须是闭合式），路径可以是开放式、闭合式和组合式。针对开放式路径，可以使用钢笔工具使断开的路径闭合；针对闭合路径，使用直接选择工具删除路径上的锚点，从而使闭合的路径断开。8.1矢量工具基础知识8.1.2认识路径与锚点路径是由一或多条直线段或曲线段组成的轮廓，这些直线段或曲线段的两端端点即为锚点。根据实际需要，可以添加或删除路径上的锚点。使用直接选择工具选中某一锚点后，该锚点两侧会显示两条控制手柄，通过调节控制手柄的方向和长度，可以控制路径的走向。根据路径的平滑状况，锚点分为平滑点和角点两种类型。当锚点所处的路径转折平滑时，该锚点的两条控制手柄在一条直线上，此类锚点称为平滑锚点；当锚点所处的路径转折不平滑时，该锚点的两条控制手柄呈夹角状，此类锚点称为角点。8.1矢量工具基础知识8.1.2认识路径与锚点根据路径的平滑状况，锚点分为平滑点和角点两种类型。当锚点所处的路径转折平滑时，该锚点的两条控制手柄在一条直线上，此类锚点称为平滑锚点；当锚点所处的路径转折不平滑时，该锚点的两条控制手柄呈夹角状，此类锚点称为角点。选择一个平滑点锚点，然后选择钢笔工具，将光标置于该锚点上，按住Alt键的同时单击鼠标左键，即可将平滑点转换为角点。也可以直接使用转换点工具

对锚点进行转换。8.1矢量工具基础知识8.1.3选择绘图模式使用钢笔工具和形状工具可以绘制路径、形状、像素三种类型的图形，其中，在路径和形状模式下绘制的元素都属于矢量路径。在使用钢笔工具或形状工具绘制图像前，需要先在工具属性栏中选择所需的绘图模式。选择“形状”模式后，可以绘制带有矢量路径和填充描边属性的形状图层；选择“路径”模式后，可以绘制独立的路径；选择“像素”模式后，可以绘制带有填充属性的像素图像。值得注意的是，当选择“像素”模式绘制图像时，需要先按Ctrl+Shift+Alt+N快捷键新建空白像素图层。8.2钢笔工具组8.2.1钢笔工具8.2.2自由钢笔工具8.2.3弯度钢笔工具8.2.4添加/删除锚点工具8.2.5转换点工具8.2钢笔工具8.2.1钢笔工具在Photoshop中，使用钢笔工具（快捷键为P）可以绘制灵活多样的路径或形状。选中钢笔工具后，可以在工具属性栏中设置相关参数，绘制完成后，利用属性栏可以再次修改参数。①

绘制形状使用钢笔工具绘制形状前，需要在工具属性栏的绘图样式中选中“形状”选项。使用钢笔工具绘制形状时，既可绘制绘制直线又可绘制曲线。当需要创建由直线组成的形状时，先在画布中单击鼠标左键创建一个起始锚点，然后移动光标，再次单击鼠标左键即可创建直线；当需要创建由曲线组成的形状时，先创建一个起始锚点，然后移动光标，再次按住鼠标左键并拖动鼠标即可绘制曲线。8.2钢笔工具8.2.1钢笔工具②

绘制路径使用钢笔工具绘制路径前，需要在工具属性栏的绘图样式中选中“路径”选项。使用钢笔工具可以绘制直线路径和曲线路径，绘制方式与绘制形状时一样。若要绘制闭合路径，则需要使最后一段路径的终点与起始点重合；若要绘制开放路径，则只需绘制完最后一段路径后，按住Ctrl键的同时单击鼠标左键结束绘制操作即可。8.2钢笔工具8.2.1钢笔工具②

绘制路径绘制完路径后，通过工具属性栏可以再次编辑该路径。在路径面板选中绘制的路径后，在钢笔工具属性栏中点击“选区”选项，可以将路径转换为选区，利用选区可以抠取素材图片，因此，使用钢笔工具可以实现精确抠图。若在钢笔工具属性栏中选中“蒙版”选项，则可以创建蒙版；若选中“形状”选项，可以将路径转换为具有填充和描边属性的形状。在实际工作中，经常需要将一副画面的部分图像抠取出来，当目标图像不规则并且与背景的颜色差异不明显时，就需要灵活运用钢笔工具沿着目标图像的边缘绘制路径，然后按Ctrl+Enter键将路径转换为选区，按Ctrl+J即可将选区内的图像抠取出来。钢笔工具抠图是常用的技能，读者需要熟练掌握。8.2钢笔工具8.2.2自由钢笔工具自由钢笔工具与钢笔工具类似，也可绘制路径和形状，不同的是，自由钢笔工具可以绘制比较随意的路径和形状，不需要手动创建锚点，只需按住鼠标左键拖动即可绘制路径或形状，松开鼠标后，软件会自动在路径上创建锚点。8.2钢笔工具8.2.3弯度钢笔工具弯度钢笔工具具有与钢笔工具相似的属性，选择该工具绘制元素前，同样需要在属性栏中选择绘图模式，如形状、路径。不同的是，弯度钢笔工具绘制的路径或形状都是弯曲的，不能绘制直线。8.2钢笔工具8.2.3弯度钢笔工具弯度钢笔工具具有与钢笔工具相似的属性，选中该工具绘制元素前，同样需要在属性栏中选择绘图模式，如形状、路径。不同的是，弯度钢笔工具绘制的路径或形状都是弯曲的，不能绘制直线。8.2钢笔工具8.2.4添加/删除锚点工具使用钢笔工具或形状工具绘制完路径或形状后，路径上有许多控制锚点，使用钢笔工具组中的添加锚点工具可以在路径上增加锚点，使用删除锚点工具可以删除路径上的锚点。使用删除锚点工具删除路径上的锚点时，需要先将鼠标光标置于锚点上，此时光标变为

，单击鼠标左键即可删除该锚点。若需要同时删除多个锚点，可以在选中删除锚点工具后，框选这些需要删除的锚点，然后按Delete键即可将选中的锚点都删除。使用添加锚点工具增加路径上的锚点时，需先将光标置于路径上需要添加锚点的位置，此时光标图标变为

，单击鼠标左键即可添加锚点。8.2钢笔工具8.2.5转换点工具使用转换点工具可以实现平滑点与角点之间的转换。若需要将平滑点转换为角点，先选中转换点工具，然后将光标置于该锚点上，单击鼠标左键即可将平滑锚点转换为角点，曲线路径也会转换为直线路径。若需要将角点转换为平滑点，先选中转换点工具，然后将光标置于该锚点上，单击鼠标左键并按住左键向左或向右拖拽，即可将角点转换为平滑点。值得注意的是：使用钢笔工具时，按住Alt可以切换为转换点工具；使用直接选择工具时，按住Ctrl+Alt可以切换为转换点工具。8.2钢笔工具【案例1】营销海报使用钢笔工具不仅可以绘制形态丰富的矢量形状，也常用来抠取复杂的图像，本案例利用钢笔工具抠取海报所需的主体元素，搭配文字工具创建一副节气海报。

8.3形状工具组8.3.1矩形工具8.3.2椭圆工具8.3.3三角形工具8.3.4多边形工具8.3.5直线工具8.3.6自定义形状工具8.3Photoshop文字基础8.3.1矩形工具矩形工具可以绘制矩形和正方形的路径、形状和像素图形，与钢笔工具一样，使用矩形工具绘制元素之前，需要在工具属性栏中设置绘图模式以及其他的参数。绘制完图像后，通过工具属性栏可以对图像进行再编辑操作，如修改填充或描边颜色、调整宽高大小等。针对图像大小，还可以使用自由变换（按Ctrl+T快捷键）进行修改。8.3Photoshop文字基础8.3.1矩形工具选择矩形工具后，在属性栏中可以设置圆角的参数值，即可绘制圆角矩形。参数越大，圆角越大。在新版本的软件中，可以使用路径选择工具改变圆角矩形的圆角大小，绘制完成一个矩形或者圆角矩形，选择路径选择工具，此时该矩形的四个角内侧出现图标，将光标置于该图标上，拖动即可改变矩形的圆角大小。圆角矩形绘制完成后，执行“窗口”→“属性”命令，可以调出属性窗口，在该窗口中可以修改圆角矩形的长度、宽度、外观、圆角半径等属性。在属性面板中可以修改已绘制圆角矩形的宽高、填充/描边的样式和颜色、圆角参数的半径等。其中，在修改圆角参数时，可以在参数输入框中输入参数，也可以将光标置于按钮上，按住鼠标左键向右拖拽增大圆角，向左拖拽减小圆角，选中前侧的链条时，可以同时改变四个角的圆角半径。8.3Photoshop文字基础8.3.2椭圆工具椭圆工具可以绘制椭圆和正圆形，属性栏设置与矩形工具属性栏相同，在此不再赘述。选中椭圆工具后，在属性栏中选择需要的绘图模式，然后将光标置于画布中，按住鼠标左键并拖动即可绘制椭圆。若要绘制正圆形，可以按住Shift键或Shift+Alt组合键（以鼠标单击点为中心）进行创建。绘制好椭圆形状后，执行“窗口”→“属性”命令，可以在属性窗口中设置椭圆的大小、羽化值等参数。8.3Photoshop文字基础8.3.3三角形工具使用三角形工具可以绘制三角形，选中三角形工具，在属性栏中选中绘制模式后，即可在画布上绘制三角形，按住Shift键的同时拖动鼠标可以绘制正三角形。通过设置圆角参数，可以绘制圆角三角形。绘制完成三角形后，执行“窗口”→“属性”命令，可以在属性窗口中设置三角形的大小、外观、羽化等参数。8.3Photoshop文字基础8.3.4多边形工具使用多边形工具可以绘制多边形和星形，选中多边形工具后，可以在工具属性栏中设置相关参数，包括绘图模式、边数等。8.3Photoshop文字基础8.3.5直线工具直线工具可以绘制直线和带有箭头的直线，选中直线工具后，可以在属性栏中设置相关参数，例如绘图模式、填充或描边的颜色和样式等。在粗细输入框中输入参数可以控制直线的粗细，数值越大，直线越粗。8.3Photoshop文字基础8.3.6自定义形状工具自定义形状工具可以创建多种样式的形状、路径和像素，选中自定义形状工具后，可以在属性栏中设置相关参数，例如填充或描边的颜色和样式、形状等，在“形状”属性下可以选择软件预设的形状。点击属性栏择“形状”的下拉按钮，可以在弹出的预设形状中选择需要的形状。在使用自定义形状时，除了可以使用Photoshop自带的形状外，还可以载入外部形状。在自定义形状属性栏中选择需要的形状后，将光标置于画布中并按住鼠标左键拖动，即可绘制所选样式的形状。8.4路径与形状编辑8.4.1路径选择工具8.4.2直接选择工具8.4.3布尔运算8.4路径与形状编辑8.4.1路径选择工具使用钢笔工具和形状工具绘制好形状或路径后，经常需要对这些形状或路径进行再次编辑，从而使图像符合实际需要。在Photoshop的工具栏中，设置了路径选择工具和直接选择工具，使用这两种工具可以再次编辑路径，通过路径面板也可以对路径进行相关操作，本节将详细讲解路径与形状的再编辑操作。移动工具可以移动选中图层中的图像，例如文字、像素图像、形状等。若需要移动的对象是路径，那么必须使用路径选择工具（快捷方式为A），使用该工具可以移动路径、删除路径、复制路径等。本章第一节内容已经介绍了路径的概念，使用钢笔工具和形状工具可以绘制路径，也可以绘制带有路径的形状。当绘制的元素为形状时，使用路径选择工具移动的不仅是路径，也是形状。同样地，使用路径选择工具选中路径后，按Delete键删除，既删除路径也会删除形状。使用路径选择工具搭配Alt键可以复制路径。8.4路径与形状编辑8.4.2直接选择工具使用直接选择工具可以选中路径上的一个或多个锚点，然后对选中的锚点进行移动、删除等操作。若要选中多个锚点，可以按住Shift键的同时点选需要选择的锚点即可。直接选择工具的另一作用在于调节锚点的控制手柄，从而调整路径的弯曲程度和方向。选择直接选择工具后，选择需要调整的锚点，此时锚点的两条控制手柄显示出来，将光标置于需要调节的控制手柄的端点，按住鼠标左键并拖动即可调整路径。8.4路径与形状编辑8.4.3布尔运算形状的布尔运算被广泛运用于图形设计中，特别是图标设计、Logo设计等。绘制形状时，根据实际需要，可以在形状属性栏中选择布尔运算的样式。新建图层：每绘制一次形状，图层面板中都会新增一个形状图层，各个形状之间不会产生合并、交叉等运算。合并形状：选中该选项（或按住Shift键的同时绘制新的形状），新绘制的图形会添加到