第14章 使用形状工具 教学提示：使用Photoshop CS 不但可以处理精美的位图图像 ，也能创建矢量图形。使用Photoshop CS的各种形状工具，可以轻松地绘制出各种常见的形状及其路径 ，从而给用户的图形图像编辑工作提供更多的选择，大大减轻了用户绘制特定形状图形的负担。 教学目标：通过对本章的学习 ，读者可以掌握度量工具的使用方法，以及标尺 、参考线、网格的使用和设置，并掌握其他系统参数设置的操作。

14.1 形状工具的基本功能 在Photoshop CS中，使用形状工具可以很方便地绘制出矩形、圆角矩形、椭圆形、多边形、直线和其他Photoshop自带的形状，而这些形状可以被用作创建新的形状图层、新的工作路径及填充区域。这样就更加有利于用户对图形图像的编辑。

形状工具组主要由6个工具组成，如图14.1所示。每个形状工具都提供了特定的选项，各个工具的功能如下： ● 【矩形工具】：可以绘制出矩形、正方形的路径或形状。 ● 【圆角矩形工具】：可以绘制出圆角矩形。 ● 【椭圆工具】：可绘制出圆形和椭圆形的路径或形状。 ● 【多边形工具】：可以绘制等边多边形，如等边三角形、五角星 和星形等。 ● 【直线工具】：可以绘制出直线、箭头的形状和路径。 ● 【自定义形状工具】：可以绘制出各种预设的形状，如箭头、月 牙形和心形等形状。

图14.1 形状工具组

14.2 绘 制 形 状 14.2.1 绘制矩形和圆角矩形 14.2.2 绘制圆形和椭圆形 14.2.3 绘制多边形 14.2.4 绘制直线 14.2 绘 制 形 状 14.2.1 绘制矩形和圆角矩形 14.2.2 绘制圆形和椭圆形 14.2.3 绘制多边形 14.2.4 绘制直线 14.2.5 绘制自定义形状

14.2.1 绘制矩形和圆角矩形 在工具箱中选择【矩形工具】后，可以绘制出矩形、正方形的路径或形状，此时在工具栏上将显示【矩形工具】工具栏，如图14.2所示。各个选项的功能如下： ●【形状图层】按钮 ：选择此按钮，在绘制形状时不但可以建立 一个路径，还可以建立一个形状图层，路径形状内将填充前景色 ●【路径】按钮 ：选择此按钮，在绘制形状时会在【路径】面 板上产生一个路径，但不会自动建立一个形状图层。 ●【填充区域】按钮 ：选择此按钮，在绘制形状时不会建立路 径，也不会建立形状图层，但会在当前图层中绘制出一个由前 景色填充的形状。

按钮功能一样，即这8个按钮分别代表【钢笔工具】、【自由钢笔工 具】、【矩形工具】、【圆角矩形工具】、【椭圆工具】、【多边 ● 工具类型按钮：这8个按钮的作用跟工具箱中的形状工具组中的各个 按钮功能一样，即这8个按钮分别代表【钢笔工具】、【自由钢笔工 具】、【矩形工具】、【圆角矩形工具】、【椭圆工具】、【多边 形工具】、【直线工具】和【自由形状工具】等。在这8个按钮上单 击就可以切换选择不同的形状工具。 ● 工具选项面板：在8个按钮最右边是一个三角按钮，单击这个按钮就 会弹出如图14.3所示的选项面板。其中包含了5个选项，若选中【不 受限制】单选按钮，则图形比例和大小不受约束；选中【方形】单 选按钮则绘制出正方形；选中【固定大小】单选按钮后可以约束矩 形的宽度和高度；选中【比例】单选按钮后可以约束矩形的宽度和 高度的比例。选中【从中心】复选框，则所绘制的矩形将以鼠标键 按下位置为绘制的中心点向四周扩展。若选中【对齐像素】复选 框，则可将矩形或圆角矩形的边缘对齐像素边界。 ● 样式：单击其右侧下拉箭头可打开一个面板，如图14.4所示，从中 可以选择一种按钮样式(表示无样式)，以便在绘制形状时，应用于 生成的形状之中。

或路径与原有路径或图形的交集去掉，取两者剩下的部分。 ● 【路径交叠工具】：共有5个路径交叠选项。具体含义如下所示。 ◆【创建新形状图层】：选中该选项，表示用户的每次操作都将创 建一个新的形状图层。 ◆【添加到形状区域】：选中该选项，将新创建的路径或形状添加 到当前的路径或图形中。 ◆【从形状区域中减去】：选中该选项，将从新建路径或图形中去 掉与原有的路径或图形的交集。 ◆【交叉形状区域】：选中该选项，将选择新创建的路径或形状与 原有的路径或图形的交集。 ◆【重叠区域除外】：该选项的功能和上述选项相反，将新建图像 或路径与原有路径或图形的交集去掉，取两者剩下的部分。

了解了【矩形工具】的工具栏后，下面介绍使用【矩形工具】绘制一个按钮的方法，操作步骤如下： (1) 在工具箱中选择【矩形工具】，单击工具栏中的【形状图层 】按钮。 (2) 在工具栏上单击【样式】下拉列表框，在打开的面板中选择 样式【蓝色玻璃】按钮。 (3) 将鼠标移至图像窗口，按下鼠标键并拖动，将出现一个矩形 框，如图14.5所示。 (4) 释放鼠标后，矩形按钮绘制完成。此时【路径】面板自动建 立了一个工作路径，如图14.6所示。并在【图层】面板中自 动建立了一个形状图层，如图14.7所示。

绘制圆角矩形的方法与此相同，只要在工具箱中选择【圆角矩形工具】，按上述方法进行操作，就可以绘制出圆角矩形。两者的区别是，【圆角矩形工具】的工具栏多了一个【半径】文本框，如图14.8所示。【半径】文本框用于控制圆角矩形4个角的圆滑程度，数值越大，所绘制的矩形4个角越圆滑。若将【半径】的数值设为0，则【圆角矩形工具】就跟【矩形工具】的作用一样。

图14.8 【圆角矩形工具】工具栏

图14.5 使用【矩形工具】绘制

图14.6 完成矩形路径绘制 后的【路径】面板

图14.7 【图层】面板

图14.3 矩形工具的选项面板

图14.4 样式面板

图14.2 【矩形工具】工具栏

14.2.2 绘制圆形和椭圆形 绘制圆形和椭圆形的路径或形状需要用到工具箱中的 【 椭圆工具】 ，其使用方法和工具栏设置都与【矩形工具】基本相同，其使用方法可参考14.2.1小节。

14.2.3 绘制多边形 使用【多边形工具】 可以绘制等边多边形，如等边三角形、五角星和星形等 。在工具箱中选中【多边形工具】后会显示其工具栏 ，如图14.9所示，用户通过在工具栏中设置多边形工具的选项，可以绘制出更多的多边形效果。 从图14.9可以看出 ，【多边形工具】的工具栏与【矩形工具】的工具栏相似，只是多了一个【边】文本框 ，用于设置所绘制的多边形边数，范围为3~100，当边数为100时，绘制出来的形状是一个圆。

单击工具栏多边形工具 右侧的按钮 ，可打开【多边形选项】面板，如图14.10所示，其各选项功能如下： 单击工具栏多边形工具 右侧的按钮 ，可打开【多边形选项】面板，如图14.10所示，其各选项功能如下： ● 【半径】：用于指定多边形半径数值。 ● 【平滑拐角】：选中此复选框，可以平滑多边形的拐角。如图 14.11所示是选中该复选框的效果，图14.12是未选中该复选框 的效果。 ● 【星形】：用于设置并绘制星形，选中该复选框后，可以对【 缩进边依据】和【平滑缩进】选项进行设置。【缩进边依据】 用于设置星形缩进边所用的百分比。图14.13和14.14所示是【 缩进边依据】数值分别设置为30％和80％所产生的效果图。【 平滑缩进】用于平滑多边形的凹角，如图14.15和14.16所示是 选中和未选中该选项的效果。

图14.10 【多边形选项】面板

图14.11 选中【平滑拐角】复选框

图14.12 未选中【平滑拐角】复选框

图14.13 【缩进边依据】设置为30％

图14.14 【缩进边依据】设置为80％

图14.15 选中【平滑缩进】复选框

图14.16 未选中【平滑缩进】复选框

(2) 在工具栏中设置【多边形工具】的选项。 (3) 移动鼠标至图像窗口中，拖动鼠标进行绘制。在绘制多边形时， 下面介绍绘制多边形的具体步骤： (1) 在工具箱中选择多边形工具 。 (2) 在工具栏中设置【多边形工具】的选项。 (3) 移动鼠标至图像窗口中，拖动鼠标进行绘制。在绘制多边形时， 图形的中心点为鼠标在图像窗口中首次单击时的位置。拖动鼠标 绘制时，图形可以绕中心点旋转以调整方向。 提示：在绘制多边形时，若按住Shift键绘制，则可按一个指定的角度绘制。

14.2.4 绘制直线 使用【直线工具】 可以绘制出直线、箭头的形状和路径。其绘制操作与矩形工具基本相同，只要使用此工具在图像窗口拖动就可以拉出一条直线。直线的相关设置主要在工具栏中进行，在工具箱中选择【直线工具】后的工具栏如图14.17所示。

图14.17 【直线工具】工具栏

14.2.5 绘制自定义形状 【自定义形状工具】提供的是一些不规则的图样 ，用户可以在这里选择套用矢量图、路径和位图填充区域。使用【自定义形状工具】可以绘制出Photoshop预设的各种形状，如箭头 、月牙形和心形等形状。

14.3 上 机 指 导 14.3.1 制作立体指路牌 使用Photoshop工具箱中的各种工具按钮可以非常方便地制作出各种形状的图形，下面我们简单制作一个立体指路牌。具体方法如下： 14.3.2 制作“一箭穿心” Photoshop的【自定义形状工具】提供了很多有用的形状面板，利用这些形状面板可以快速地制作出一些有趣的图像，下面介绍一个例子，利用【自定义形状工具】快速地制作出一个“一箭穿心”的图像。方法如下：