使用形状工具.ppt

《使用形状工具.ppt》由会员分享，可在线阅读，更多相关《使用形状工具.ppt（32页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、用作创建新的形状图层、新的工作路径及填充区域。这样就更加有利于用户对图形图像的编辑。形状工具组主要由6个工具组成，如图14.1所示。每个形状工具都提供了特定的选项，各个工具的功能如下：【矩形工具】：可以绘制出矩形、正方形的路径或形状。【圆角矩形工具】：可以绘制出圆角矩形。【椭圆工具】：可绘制出圆形和椭圆形的路径或形状。【多边形工具】：可以绘制等边多边形，如等边三角形、五角星 和星形等。【直线工具】：可以绘制出直线、箭头的形状和路径。【自定义形状工具】：可以绘制出各种预设的形状，如箭头、月 牙形和心形等形状。图图14.1 14.1 形状工具组形状工具组14.2 绘 制 形 状14.2.3 14.

3、2.3 绘制多边形绘制多边形14.2.4 14.2.4 绘制直线绘制直线14.2.5 14.2.5 绘制自定义形状绘制自定义形状14.2.2 14.2.2 绘制圆形和椭圆形绘制圆形和椭圆形14.2.1 14.2.1 绘制矩形和圆角矩形绘制矩形和圆角矩形14.2.1 14.2.1 绘制矩形和圆角矩形绘制矩形和圆角矩形 在工具箱中选择在工具箱中选择【矩形工具矩形工具】后，可以绘制出矩形、正方形的路径后，可以绘制出矩形、正方形的路径或形状，此时在工具栏上将显示或形状，此时在工具栏上将显示【矩形工具矩形工具】工具栏，如图工具栏，如图14.214.2所示。所示。各个选项的功能如下：各个选项的功能如下：【

4、形状图层形状图层】按钮按钮 ：选择此按钮，在绘制形状时不但可以建立：选择此按钮，在绘制形状时不但可以建立 一个路径，还可以建立一个形状图层，路径形状内将填充前景色一个路径，还可以建立一个形状图层，路径形状内将填充前景色 【路径路径】按钮按钮 ：选择此按钮，在绘制形状时会在：选择此按钮，在绘制形状时会在【路径路径】面面 板上产生一个路径，但不会自动建立一个形状图层。板上产生一个路径，但不会自动建立一个形状图层。【填充区域填充区域】按钮按钮 ：选择此按钮，在绘制形状时不会建立路：选择此按钮，在绘制形状时不会建立路 径，也不会建立形状图层，但会在当前图层中绘制出一个由前径，也不会建立形状图层，但会在

5、当前图层中绘制出一个由前 景色填充的形状。景色填充的形状。工具类型按钮：这工具类型按钮：这8 8个按钮的作用跟工具箱中的形状工具组中的各个个按钮的作用跟工具箱中的形状工具组中的各个 按钮功能一样，即这按钮功能一样，即这8 8个按钮分别代表个按钮分别代表【钢笔工具钢笔工具】、【自由钢笔工自由钢笔工 具具】、【矩形工具矩形工具】、【圆角矩形工具圆角矩形工具】、【椭圆工具椭圆工具】、【多边多边 形工具形工具】、【直线工具直线工具】和和【自由形状工具自由形状工具】等。在这等。在这8 8个按钮上单个按钮上单 击就可以切换选择不同的形状工具。击就可以切换选择不同的形状工具。工具选项面板：在工具选项面板：在

6、8 8个按钮最右边是一个三角按钮，单击这个按钮就个按钮最右边是一个三角按钮，单击这个按钮就 会弹出如图会弹出如图14.314.3所示的选项面板。其中包含了所示的选项面板。其中包含了5 5个选项，若选中个选项，若选中【不不 受限制受限制】单选按钮，则图形比例和大小不受约束；选中单选按钮，则图形比例和大小不受约束；选中【方形方形】单单 选按钮则绘制出正方形；选中选按钮则绘制出正方形；选中【固定大小固定大小】单选按钮后可以约束矩单选按钮后可以约束矩 形的宽度和高度；选中形的宽度和高度；选中【比例比例】单选按钮后可以约束矩形的宽度和单选按钮后可以约束矩形的宽度和 高度的比例。选中高度的比例。选中【从中

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

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

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

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

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

12、具】就跟就跟【矩形工具矩形工具】的作用一样。的作用一样。图图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 【矩形工具矩形工具】工具栏工具栏 14.2.2 14.2.2 绘制圆形和椭圆形绘制圆形和椭圆形 绘制圆形和椭圆形的路径或形状需要用到工具箱中的绘制圆形和椭圆形的路径或

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

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

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

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

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

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

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