Download presentation
Presentation is loading. Please wait.
Published by국희 소 Modified 5年之前
1
第14章 使用形状工具 教学提示:使用Photoshop CS 不但可以处理精美的位图图像 ,也能创建矢量图形。使用Photoshop CS的各种形状工具,可以轻松地绘制出各种常见的形状及其路径 ,从而给用户的图形图像编辑工作提供更多的选择,大大减轻了用户绘制特定形状图形的负担。 教学目标:通过对本章的学习 ,读者可以掌握度量工具的使用方法,以及标尺 、参考线、网格的使用和设置,并掌握其他系统参数设置的操作。
2
14.1 形状工具的基本功能 在Photoshop CS中,使用形状工具可以很方便地绘制出矩形、圆角矩形、椭圆形、多边形、直线和其他Photoshop自带的形状,而这些形状可以被用作创建新的形状图层、新的工作路径及填充区域。这样就更加有利于用户对图形图像的编辑。
3
形状工具组主要由6个工具组成,如图14.1所示。每个形状工具都提供了特定的选项,各个工具的功能如下:
● 【矩形工具】:可以绘制出矩形、正方形的路径或形状。 ● 【圆角矩形工具】:可以绘制出圆角矩形。 ● 【椭圆工具】:可绘制出圆形和椭圆形的路径或形状。 ● 【多边形工具】:可以绘制等边多边形,如等边三角形、五角星 和星形等。 ● 【直线工具】:可以绘制出直线、箭头的形状和路径。 ● 【自定义形状工具】:可以绘制出各种预设的形状,如箭头、月 牙形和心形等形状。
4
图14.1 形状工具组
5
14.2 绘 制 形 状 14.2.1 绘制矩形和圆角矩形 14.2.2 绘制圆形和椭圆形 14.2.3 绘制多边形 14.2.4 绘制直线
14.2 绘 制 形 状 绘制矩形和圆角矩形 绘制圆形和椭圆形 绘制多边形 绘制直线 绘制自定义形状
6
绘制矩形和圆角矩形 在工具箱中选择【矩形工具】后,可以绘制出矩形、正方形的路径或形状,此时在工具栏上将显示【矩形工具】工具栏,如图14.2所示。各个选项的功能如下: ●【形状图层】按钮 :选择此按钮,在绘制形状时不但可以建立 一个路径,还可以建立一个形状图层,路径形状内将填充前景色 ●【路径】按钮 :选择此按钮,在绘制形状时会在【路径】面 板上产生一个路径,但不会自动建立一个形状图层。 ●【填充区域】按钮 :选择此按钮,在绘制形状时不会建立路 径,也不会建立形状图层,但会在当前图层中绘制出一个由前 景色填充的形状。
7
按钮功能一样,即这8个按钮分别代表【钢笔工具】、【自由钢笔工 具】、【矩形工具】、【圆角矩形工具】、【椭圆工具】、【多边
● 工具类型按钮:这8个按钮的作用跟工具箱中的形状工具组中的各个 按钮功能一样,即这8个按钮分别代表【钢笔工具】、【自由钢笔工 具】、【矩形工具】、【圆角矩形工具】、【椭圆工具】、【多边 形工具】、【直线工具】和【自由形状工具】等。在这8个按钮上单 击就可以切换选择不同的形状工具。 ● 工具选项面板:在8个按钮最右边是一个三角按钮,单击这个按钮就 会弹出如图14.3所示的选项面板。其中包含了5个选项,若选中【不 受限制】单选按钮,则图形比例和大小不受约束;选中【方形】单 选按钮则绘制出正方形;选中【固定大小】单选按钮后可以约束矩 形的宽度和高度;选中【比例】单选按钮后可以约束矩形的宽度和 高度的比例。选中【从中心】复选框,则所绘制的矩形将以鼠标键 按下位置为绘制的中心点向四周扩展。若选中【对齐像素】复选 框,则可将矩形或圆角矩形的边缘对齐像素边界。 ● 样式:单击其右侧下拉箭头可打开一个面板,如图14.4所示,从中 可以选择一种按钮样式(表示无样式),以便在绘制形状时,应用于 生成的形状之中。
8
或路径与原有路径或图形的交集去掉,取两者剩下的部分。
● 【路径交叠工具】:共有5个路径交叠选项。具体含义如下所示。 ◆【创建新形状图层】:选中该选项,表示用户的每次操作都将创 建一个新的形状图层。 ◆【添加到形状区域】:选中该选项,将新创建的路径或形状添加 到当前的路径或图形中。 ◆【从形状区域中减去】:选中该选项,将从新建路径或图形中去 掉与原有的路径或图形的交集。 ◆【交叉形状区域】:选中该选项,将选择新创建的路径或形状与 原有的路径或图形的交集。 ◆【重叠区域除外】:该选项的功能和上述选项相反,将新建图像 或路径与原有路径或图形的交集去掉,取两者剩下的部分。
9
了解了【矩形工具】的工具栏后,下面介绍使用【矩形工具】绘制一个按钮的方法,操作步骤如下:
(1) 在工具箱中选择【矩形工具】,单击工具栏中的【形状图层 】按钮。 (2) 在工具栏上单击【样式】下拉列表框,在打开的面板中选择 样式【蓝色玻璃】按钮。 (3) 将鼠标移至图像窗口,按下鼠标键并拖动,将出现一个矩形 框,如图14.5所示。 (4) 释放鼠标后,矩形按钮绘制完成。此时【路径】面板自动建 立了一个工作路径,如图14.6所示。并在【图层】面板中自 动建立了一个形状图层,如图14.7所示。
10
绘制圆角矩形的方法与此相同,只要在工具箱中选择【圆角矩形工具】,按上述方法进行操作,就可以绘制出圆角矩形。两者的区别是,【圆角矩形工具】的工具栏多了一个【半径】文本框,如图14.8所示。【半径】文本框用于控制圆角矩形4个角的圆滑程度,数值越大,所绘制的矩形4个角越圆滑。若将【半径】的数值设为0,则【圆角矩形工具】就跟【矩形工具】的作用一样。
11
图14.8 【圆角矩形工具】工具栏
12
图14.5 使用【矩形工具】绘制
13
图14.6 完成矩形路径绘制 后的【路径】面板
14
图14.7 【图层】面板
15
图14.3 矩形工具的选项面板
16
图14.4 样式面板
17
图14.2 【矩形工具】工具栏
18
绘制圆形和椭圆形 绘制圆形和椭圆形的路径或形状需要用到工具箱中的 【 椭圆工具】 ,其使用方法和工具栏设置都与【矩形工具】基本相同,其使用方法可参考14.2.1小节。
19
绘制多边形 使用【多边形工具】 可以绘制等边多边形,如等边三角形、五角星和星形等 。在工具箱中选中【多边形工具】后会显示其工具栏 ,如图14.9所示,用户通过在工具栏中设置多边形工具的选项,可以绘制出更多的多边形效果。 从图14.9可以看出 ,【多边形工具】的工具栏与【矩形工具】的工具栏相似,只是多了一个【边】文本框 ,用于设置所绘制的多边形边数,范围为3~100,当边数为100时,绘制出来的形状是一个圆。
20
单击工具栏多边形工具 右侧的按钮 ,可打开【多边形选项】面板,如图14.10所示,其各选项功能如下:
单击工具栏多边形工具 右侧的按钮 ,可打开【多边形选项】面板,如图14.10所示,其各选项功能如下: ● 【半径】:用于指定多边形半径数值。 ● 【平滑拐角】:选中此复选框,可以平滑多边形的拐角。如图 14.11所示是选中该复选框的效果,图14.12是未选中该复选框 的效果。 ● 【星形】:用于设置并绘制星形,选中该复选框后,可以对【 缩进边依据】和【平滑缩进】选项进行设置。【缩进边依据】 用于设置星形缩进边所用的百分比。图14.13和14.14所示是【 缩进边依据】数值分别设置为30%和80%所产生的效果图。【 平滑缩进】用于平滑多边形的凹角,如图14.15和14.16所示是 选中和未选中该选项的效果。
21
图 【多边形选项】面板
22
图 选中【平滑拐角】复选框
23
图 未选中【平滑拐角】复选框
24
图 【缩进边依据】设置为30%
25
图 【缩进边依据】设置为80%
26
图 选中【平滑缩进】复选框
27
图 未选中【平滑缩进】复选框
28
(2) 在工具栏中设置【多边形工具】的选项。 (3) 移动鼠标至图像窗口中,拖动鼠标进行绘制。在绘制多边形时,
下面介绍绘制多边形的具体步骤: (1) 在工具箱中选择多边形工具 。 (2) 在工具栏中设置【多边形工具】的选项。 (3) 移动鼠标至图像窗口中,拖动鼠标进行绘制。在绘制多边形时, 图形的中心点为鼠标在图像窗口中首次单击时的位置。拖动鼠标 绘制时,图形可以绕中心点旋转以调整方向。 提示:在绘制多边形时,若按住Shift键绘制,则可按一个指定的角度绘制。
29
绘制直线 使用【直线工具】 可以绘制出直线、箭头的形状和路径。其绘制操作与矩形工具基本相同,只要使用此工具在图像窗口拖动就可以拉出一条直线。直线的相关设置主要在工具栏中进行,在工具箱中选择【直线工具】后的工具栏如图14.17所示。
30
图 【直线工具】工具栏
31
绘制自定义形状 【自定义形状工具】提供的是一些不规则的图样 ,用户可以在这里选择套用矢量图、路径和位图填充区域。使用【自定义形状工具】可以绘制出Photoshop预设的各种形状,如箭头 、月牙形和心形等形状。
32
14.3 上 机 指 导 制作立体指路牌 使用Photoshop工具箱中的各种工具按钮可以非常方便地制作出各种形状的图形,下面我们简单制作一个立体指路牌。具体方法如下: 制作“一箭穿心” Photoshop的【自定义形状工具】提供了很多有用的形状面板,利用这些形状面板可以快速地制作出一些有趣的图像,下面介绍一个例子,利用【自定义形状工具】快速地制作出一个“一箭穿心”的图像。方法如下:
Similar presentations