使用形状工具课件.ppt

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

2、绘制自定义形状14.2.2 14.2.2 绘制圆形和椭圆形绘制圆形和椭圆形14.2.1 14.2.1 绘制矩形和圆角矩形绘制矩形和圆角矩形 在工具箱中选择【矩形工具】后，可以绘制出矩形、正方形的路在工具箱中选择【矩形工具】后，可以绘制出矩形、正方形的路径或形状，此时在工具栏上将显示【矩形工具】工具栏，如图径或形状，此时在工具栏上将显示【矩形工具】工具栏，如图14.214.2所所示。各个选项的功能如下：示。各个选项的功能如下：【形状图层】按钮【形状图层】按钮 ：选择此按钮，在绘制形状时不但可以建立：选择此按钮，在绘制形状时不但可以建立 一个路径，还可以建立一个形状图层，路径形状内将填充前景色一个

3、路径，还可以建立一个形状图层，路径形状内将填充前景色 【路径】按钮【路径】按钮 ：选择此按钮，在绘制形状时会在【路径】面：选择此按钮，在绘制形状时会在【路径】面 板上产生一个路径，但不会自动建立一个形状图层。板上产生一个路径，但不会自动建立一个形状图层。【填充区域】按钮【填充区域】按钮 ：选择此按钮，在绘制形状时不会建立路：选择此按钮，在绘制形状时不会建立路 径，也不会建立形状图层，但会在当前图层中绘制出一个由前径，也不会建立形状图层，但会在当前图层中绘制出一个由前 景色填充的形状。景色填充的形状。工具类型按钮：这工具类型按钮：这8 8个按钮的作用跟工具箱中的形状工具组中的各个个按钮的作用跟工

4、具箱中的形状工具组中的各个 按钮功能一样，即这按钮功能一样，即这8 8个按钮分别代表【钢笔工具】、【自由钢笔工个按钮分别代表【钢笔工具】、【自由钢笔工 具】、【矩形工具】、【圆角矩形工具】、【椭圆工具】、【多边具】、【矩形工具】、【圆角矩形工具】、【椭圆工具】、【多边 形工具】、【直线工具】和【自由形状工具】等。在这形工具】、【直线工具】和【自由形状工具】等。在这8 8个按钮上单个按钮上单 击就可以切换选择不同的形状工具。击就可以切换选择不同的形状工具。工具选项面板：在工具选项面板：在8 8个按钮最右边是一个三角按钮，单击这个按钮就个按钮最右边是一个三角按钮，单击这个按钮就 会弹出如图会弹出如

5、图14.314.3所示的选项面板。其中包含了所示的选项面板。其中包含了5 5个选项，若选中【不个选项，若选中【不 受限制】单选按钮，则图形比例和大小不受约束；选中【方形】单受限制】单选按钮，则图形比例和大小不受约束；选中【方形】单 选按钮则绘制出正方形；选中【固定大小】单选按钮后可以约束矩选按钮则绘制出正方形；选中【固定大小】单选按钮后可以约束矩 形的宽度和高度；选中【比例】单选按钮后可以约束矩形的宽度和形的宽度和高度；选中【比例】单选按钮后可以约束矩形的宽度和 高度的比例。选中【从中心】复选框，则所绘制的矩形将以鼠标键高度的比例。选中【从中心】复选框，则所绘制的矩形将以鼠标键 按下位置为绘制

6、的中心点向四周扩展。若选中【对齐像素】复选按下位置为绘制的中心点向四周扩展。若选中【对齐像素】复选 框，则可将矩形或圆角矩形的边缘对齐像素边界。框，则可将矩形或圆角矩形的边缘对齐像素边界。样式：单击其右侧下拉箭头可打开一个面板，如图样式：单击其右侧下拉箭头可打开一个面板，如图14.414.4所示，从中所示，从中 可以选择一种按钮样式可以选择一种按钮样式(表示无样式表示无样式)，以便在绘制形状时，应用于，以便在绘制形状时，应用于 生成的形状之中。生成的形状之中。【路径交叠工具】：共有【路径交叠工具】：共有5个路径交叠选项。具体含义如下所示。个路径交叠选项。具体含义如下所示。【创建新形状图层】：选

7、中该选项，表示用户的每次操作都将创【创建新形状图层】：选中该选项，表示用户的每次操作都将创 建一个新的形状图层。建一个新的形状图层。【添加到形状区域】：选中该选项，将新创建的路径或形状添加【添加到形状区域】：选中该选项，将新创建的路径或形状添加 到当前的路径或图形中。到当前的路径或图形中。【从形状区域中减去】：选中该选项，将从新建路径或图形中去【从形状区域中减去】：选中该选项，将从新建路径或图形中去 掉与原有的路径或图形的交集。掉与原有的路径或图形的交集。【交叉形状区域】：选中该选项，将选择新创建的路径或形状与【交叉形状区域】：选中该选项，将选择新创建的路径或形状与 原有的路径或图形的交集。原

8、有的路径或图形的交集。【重叠区域除外】：该选项的功能和上述选项相反，将新建图像【重叠区域除外】：该选项的功能和上述选项相反，将新建图像 或路径与原有路径或图形的交集去掉，取两者剩下的部分。或路径与原有路径或图形的交集去掉，取两者剩下的部分。了解了【矩形工具】的工具栏后，下面介绍使用【矩形工具】绘了解了【矩形工具】的工具栏后，下面介绍使用【矩形工具】绘制一个按钮的方法，操作步骤如下：制一个按钮的方法，操作步骤如下：(1)(1)在工具箱中选择【矩形工具】，单击工具栏中的【形状图层在工具箱中选择【矩形工具】，单击工具栏中的【形状图层 】按钮。】按钮。(2)(2)在工具栏上单击【样式】下拉列表框，在打

9、开的面板中选择在工具栏上单击【样式】下拉列表框，在打开的面板中选择 样式【蓝色玻璃】按钮。样式【蓝色玻璃】按钮。(3)(3)将鼠标移至图像窗口，按下鼠标键并拖动，将出现一个矩形将鼠标移至图像窗口，按下鼠标键并拖动，将出现一个矩形 框，如图框，如图14.514.5所示。所示。(4)(4)释放鼠标后，矩形按钮绘制完成。此时【路径】面板自动建释放鼠标后，矩形按钮绘制完成。此时【路径】面板自动建 立了一个工作路径，如图立了一个工作路径，如图14.614.6所示。并在【图层】面板中自所示。并在【图层】面板中自 动建立了一个形状图层，如图动建立了一个形状图层，如图14.714.7所示。所示。绘制圆角矩形的

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

11、【圆角矩形工具】就跟【矩形工具】的作用一样。具】就跟【矩形工具】的作用一样。图图14.8 14.8 【圆角矩形工具】工具栏【圆角矩形工具】工具栏图图14.5 14.5 使用【矩形工具】绘制使用【矩形工具】绘制 图图14.6 完成矩形路径绘制完成矩形路径绘制 后的【路径】面板后的【路径】面板 图图14.7 14.7 【图层】面板【图层】面板 图图14.3 14.3 矩形工具的选项面板矩形工具的选项面板 图图14.4 14.4 样式面板样式面板 图图14.2 14.2 【矩形工具】工具栏【矩形工具】工具栏 绘制圆形和椭圆形的路径或形状需要用到工具箱中的绘制圆形和椭圆形的路径或形状需要用到工具箱中的

12、 【椭圆工椭圆工具】具】，其使用方法和工具栏设置都与【矩形工具】基本相同，其使，其使用方法和工具栏设置都与【矩形工具】基本相同，其使用方法可参考用方法可参考14.2.114.2.1小节。小节。使用【多边形工具】使用【多边形工具】可以绘制等边多边形，如等边三角形、五角可以绘制等边多边形，如等边三角形、五角星和星形等星和星形等。在工具箱中选中【多边形工具】后会显示其工具栏。在工具箱中选中【多边形工具】后会显示其工具栏，如，如图图14.9所示，用户通过在工具栏中设置多边形工具的选项，可以绘制出所示，用户通过在工具栏中设置多边形工具的选项，可以绘制出更多的多边形效果。更多的多边形效果。从图从图14.9

13、14.9可以看出可以看出 ，【多边形工具】的工具栏与【矩形工具】的，【多边形工具】的工具栏与【矩形工具】的工具栏相似，只是多了一个【边】文本框工具栏相似，只是多了一个【边】文本框 ，用于设置所绘制的多边形，用于设置所绘制的多边形边数，范围为边数，范围为31003100，当边数为，当边数为100100时，绘制出来的形状是一个圆。时，绘制出来的形状是一个圆。单击工具栏多边形工具单击工具栏多边形工具 右侧的按钮右侧的按钮 ，可打开【多边形选项】，可打开【多边形选项】面板，如图面板，如图14.1014.10所示，其各选项功能如下：所示，其各选项功能如下：【半径】：用于指定多边形半径数值。【半径】：用于

14、指定多边形半径数值。【平滑拐角】：选中此复选框，可以平滑多边形的拐角。如图【平滑拐角】：选中此复选框，可以平滑多边形的拐角。如图 14.1114.11所示是选中该复选框的效果，图所示是选中该复选框的效果，图14.1214.12是未选中该复选框是未选中该复选框 的效果。的效果。【星形】：用于设置并绘制星形，选中该复选框后，可以对【星形】：用于设置并绘制星形，选中该复选框后，可以对【缩进边依据】和【平滑缩进】选项进行设置。【缩进边依据缩进边依据】和【平滑缩进】选项进行设置。【缩进边依据】用于设置星形缩进边所用的百分比。图用于设置星形缩进边所用的百分比。图14.1314.13和和14.1414.14

15、所示是所示是【缩进边依据】数值分别设置为缩进边依据】数值分别设置为3030和和8080所产生的效果图。所产生的效果图。【平滑缩进】用于平滑多边形的凹角，如图平滑缩进】用于平滑多边形的凹角，如图14.1514.15和和14.1614.16所示是所示是 选中和未选中该选项的效果。选中和未选中该选项的效果。图14.10 【多边形选项】面板 图14.11 选中【平滑拐角】复选框 图14.12 未选中【平滑拐角】复选框 图14.13 【缩进边依据】设置为30 图14.14 【缩进边依据】设置为80 图图14.15 选中【平滑缩进】复选框选中【平滑缩进】复选框 图14.16 未选中【平滑缩进】复选框 下面

16、介绍绘制多边形的具体步骤：下面介绍绘制多边形的具体步骤：(1)(1)在工具箱中选择多边形工具在工具箱中选择多边形工具 。(2)(2)在工具栏中设置【多边形工具】的选项。在工具栏中设置【多边形工具】的选项。(3)(3)移动鼠标至图像窗口中，拖动鼠标进行绘制。在绘制多边形时，移动鼠标至图像窗口中，拖动鼠标进行绘制。在绘制多边形时，图形的中心点为鼠标在图像窗口中首次单击时的位置。拖动鼠标图形的中心点为鼠标在图像窗口中首次单击时的位置。拖动鼠标 绘制时，图形可以绕中心点旋转以调整方向。绘制时，图形可以绕中心点旋转以调整方向。使用【直线工具】使用【直线工具】可以绘制出直线、箭头的形状和路径。其绘可以绘制

17、出直线、箭头的形状和路径。其绘制操作与矩形工具基本相同，只要使用此工具在图像窗口拖动就可以制操作与矩形工具基本相同，只要使用此工具在图像窗口拖动就可以拉出一条直线。直线的相关设置主要在工具栏中进行，在工具箱中选拉出一条直线。直线的相关设置主要在工具栏中进行，在工具箱中选择【直线工具】后的工具栏如图择【直线工具】后的工具栏如图14.1714.17所示。所示。图图14.17 【直线工具】工具栏【直线工具】工具栏 【自定义形状工具】提供的是一些不规则的图样【自定义形状工具】提供的是一些不规则的图样 ，用户可以在，用户可以在这里选择套用矢量图、路径和位图填充区域。使用【自定义形状工这里选择套用矢量图、

18、路径和位图填充区域。使用【自定义形状工具】可以绘制出具】可以绘制出PhotoshopPhotoshop预设的各种形状，如箭头预设的各种形状，如箭头 、月牙形和心、月牙形和心形等形状。形等形状。Photoshop的【自定义形状工具】提供了很多有用的形状面板，利用这些形状面板可以快速地制作出一些有趣的图像，下面介绍一个例子，利用【自定义形状工具】快速地制作出一个“一箭穿心”的图像。方法如下：14.3.2 制作制作“一箭穿心一箭穿心”14.3.1 制作立体指路牌制作立体指路牌 使用Photoshop工具箱中的各种工具按钮可以非常方便地制作出各种形状的图形，下面我们简单制作一个立体指路牌。具体方法如下：