在矢量图形中，构成形状的轮廓被称为路径。在网页设计中，路径可以是开放的（如直线或曲线），也可以是闭合的（如圆圈或多边形）。由于在网页建设时路径是基于矢量而不是基于像素的，路径的形状可以任意改变，且它能和选取范围互相转换，因此可以制作出形状很复杂的选取范围。

使用钢笔工具

【钢笔工具】是建立路径的基本工具，用于徒手绘制路径，使用该工具可创建直线路径和曲线路径。下面先介绍如何绘制一个多边形的直线路径。

【操作步骤】

第1步，新建网页图像。单击工具箱中的钢笔工具组，选择其中的【钢笔工具】，移动鼠标至图中某点位置单击，定出路径的开始点，即第一个锚点。

第2步，移动鼠标到要建立第2个锚点的位置上单击，Photoshop自动将第1个和第2个锚点连接起来。

第3步，按照第2步中的方法依次创建其他锚点。

第4步，当绘制的锚点回到开始点时，在鼠标的右下方会出现一个小圆圈，表示终点已经连接开始点，此时单击可以完成一个封闭式的路径。

提示：此图绘制的是一个封闭式的路径，当锚点的终点和起点重合时，Photoshop自动结束绘制操作。如需结束一个开放路径的绘制，则在绘制完成后需要点击选择钢笔工具组，然后单击路径外的任何位置即可。注意：在绘制路径之前，若未在【路径】面板中新建路径，则会自动出现一个工作路径，工作路径是一种暂时性的路径，一旦有新的路径建立，则马上被新的工作路径覆盖，原来创建的路径将会丢失。用户可以单击【路径】面板右上角的按钮，在打开的菜单中选择【存储路径】命令将其保存为普通路径。

【钢笔工具】除了可以绘制直线路径以外，还可以绘制曲线，绘制曲线路径要比绘制直线路径复杂一些，用户可以通过沿曲线伸展的方向拖动【钢笔工具】来创建曲线。

【操作步骤】

第1步，选择【钢笔工具】，在图像编辑窗口单击定义第一个锚点，不要松开鼠标并向任意方向拖动，指针将变成箭头状。

第2步，松开鼠标，从第一个锚点处移开，定义下一个锚点，如图8.10所示。向绘制曲线段的方向拖动指针，指针将引导其中一个方向点的移动。如果按住Shift键，则可限制该工具沿着45°的倍数方向移动。

从锚点延伸的直线为方向线，箭头表明鼠标拖动的方向，即为方向点。

第3步，继续在其他位置单击，并拖动方向点的位置和角度，设计曲线路径。

第4步，随着新锚点的增加，路径的新部分也随之变化。如果要绘制平滑曲线的下一段，可以将鼠标指针定位于下一段的终点，并向曲线外拖动。

第5步，如果希望曲线有一个转折以改变曲线的方向，可以松开鼠标，按住Alt键沿曲线方向拖动方向点。松开Alt键及鼠标，将指针重新定位于曲线段的终点，并向相反方向拖动就可绘制出改变方向的曲线段。

使用自由钢笔

【自由钢笔工具】同样用于制作网页时徒手绘制路径，与【钢笔工具】不同的是，【自由钢笔工具】不是通过创建锚点来建立路径，而是通过绘制曲线来直接创建路径的，绘制完成后Photoshop会自动在曲线的拐角等位置添加相应的锚点，是比较灵活随意的路径创建工具。

【操作步骤】

第1步，新建一幅图像，在工具箱中选择【自由钢笔工具】。

第2步，在图像窗口中拖动鼠标绘制任意形状的曲线，释放鼠标后即可创建路径。

第3步，如果想对未封闭的路径继续进行绘制，可以将鼠标移到曲线的任意一个端点上，按下鼠标左键并拖动，当到达路径的另一端点时松开鼠标左键即可完成封闭路径的绘制。