任务三 掌握形状工具的编辑与使用
◆ 任务概述
通过完成下列案例,会导入预设形状,掌握形状的编辑与使用,会用形状的布尔运算绘制LOGO。
◆ 教学案例
1.趣味大头贴(见图8-31)

图8-31 趣味大头贴
2.绘制LOGO(见图8-32)

图8-32 绘制LOGO
◆ 案例要点
◎趣味大头贴:使用形状工具绘制形状、编辑形状和填充形状。
◎绘制LOGO:会用形状的布尔运算绘制LOGO。
◆ 演示案例
案例一 趣味大头贴
①打开狗狗素材。打开“电子素材”/“8”/“任务三”/“案例一”文件夹中“狗狗素材.jpg”文件。
②添加形状。新建图层,选择“自定义图形工具”,在如图8-33所示的形状调板菜单中选择“全部”,在弹出的对话框中单击“追加”按钮,可将全部形状添加到面板中,如图8-34所示。

图8-33 添加形状

图8-34 追加形状
③绘制红心形状。选择“红心形卡”,绘制形状,按“Ctrl+Enter”键,激活选区,如图8-35所示。
④复制形状图层。选择背景层,单击菜单“图层”→“通过复制的图层”,将选区内的图像复制到新图层上,为其“描边”。关闭背景层的显示,完成效果如图8-36所示。
⑤绘制思索形状。选择“自定义形状工具”中的“思索2”,设置前景色为“#1AC6F1”,颜色也可自定,画出“思索形状”,效果如图8-37所示。

图8-35 绘制形状

图8-36 复制形状图层

图8-37 绘制思索形状
⑥绘制骨头形状。选择“自定义形状工具”中的“骨头”,设置前景色为“白色”,画出如图8-38所示的形状。
⑦编辑骨头形状。用“添加锚点工具”在骨头形状上加两个锚点,用“直接选择工具”调整成弧线,效果如图8-39所示。

图8-38 绘制骨头形状

图8-39 编辑骨头形状
⑧绘制背景。新建图层,拖动到图层面板最下方,并填充“色谱”线性渐变,完成效果如图8-31所示。
⑨按“Ctrl+S”键保存文件。
小技巧
可用钢笔工具、直接选择工具修改形状,修改形状操作如同修改路径操作一样简单。
案例二 绘制LOGO
①新建文件。设置文档宽度、高度为“500像素×500像素”,分辨率为“72像素/英寸”,颜色模式为“RGB”,背景为“白色”。
②设置形状工具选项栏。选择“椭圆工具”,在工具选项栏中设置工具模式为“形状”,单击“填充”右侧图标,弹出下拉面板,选择自己喜欢的蓝色。在选项栏中单击“描边”右侧图标,在弹出的下拉面板中选择“无颜色”按钮,完成设置如图8-40所示。
③画正圆。选择“椭圆工具”,按住“Shift”键的同时,在画布中绘制一个正圆形状,在图层面板中,得到“椭圆1”图层。按“Ctrl+J”键,复制“椭圆1”图层得到“椭圆1 拷贝”图层。按“Ctrl+T” 键自由变换,按住“Shift+Alt”键的同时,将其以中心点为圆心等比缩小,效果如图8-41所示。按“Enter”键确定。
④合并图层。在图层面板中,按住“Shift”键同时选中“椭圆1”和“椭圆1 拷贝”。按“Ctrl+E” 键,将其合并得到“椭圆1 拷贝”图层。选择“路径选择工具”,选中形状中缩小的圆形形状。
⑤减去顶层形状。在选项栏中,单击“路径操作”按钮,打开下拉面板,选择“减去顶层形状”,得到如图8-42所示的圆环效果。
![]()
图8-40 选项栏

图8-41 缩放小圆

图8-42 减去顶层形状

图8-43 矩形与圆环相减
⑥添加参考线。按“Ctrl+R”键,显示标尺,从标尺上按住鼠标左键拖出参考线,便于找到中心点。
⑦矩形与圆环相减。选择“矩形工具”,绘制矩形,按“Ctrl+J”键复制矩形图层,按“Ctrl+T”键旋转90°,在选项栏中,选中矩形形状,单击“路径操作”按钮,打开下拉面板,选择“减去顶层形状”,完成效果如图8-43所示。
⑧绘制中心效果。用矩形工具和圆角矩形工具按照前面的方法制作中心效果,效果如图8-44所示。LOGO完成效果如图8-32所示。
⑨按“Ctrl+S”键保存文件。

图8-44 中心效果
小知识
(1)形状的布尔运算包括合并形状、减去顶层形状、与形状区域相交、排除重叠形状4种。
(2)LOGO是徽标或者商标的缩写,主要是对公司图形化的识别,通过徽标可以让消费者记住公司主体和品牌文化。
相关理论
路径是由多个锚点组成的矢量线条,放大或缩小图像对其没有任何影响,用路径工具可以绘制各种图形。

图8-45 路径的组成
1.路径和路径工具组
(1)路径的组成
路径组成如图8-45所示。
①路径:路径上有很多锚点,锚点包括平滑点和角点。
②平滑点:节点两侧均有平滑曲线形成路径线,拖动其中一个控制点,另一个点会跟随一起动。
③角点:节点两侧的控制点不在一条直线上,拖动其中一个控制点,另一个点不会跟随一起动。
④控制点:拖动控制点,可调整曲线形状。
⑤调节柄:调节柄的长短,可调整曲线弧度和方向。
(2)相关概念
◎闭合路径:创建的路径其起点与终点重合为一点的路径称为闭合路径,如图8-46所示,两点重合时,鼠标右下角会出现一个圆圈标志。

图8-46 闭合路径

图8-47 开放路径
◎开放路径:创建的路径其起点与终点没有重合的路径称为开放路径,如图8-47所示。
◎工作路径:创建完成的路径称为工作路径,它可以包括一个或多个子路径。
◎子路径:用路径工具创建的每一个路径都是一个子路径。
◎直线路径:两侧没有调节柄,节点两侧的线条曲率为0,直线段通过节点。
◎曲线路径:线条曲率有角度,两侧最少有一个调节柄。
小技巧
创建开放路径的方法是先按住“Ctrl”键,在文件中任意位置单击鼠标左键即可。
(3)路径工具组
路径工具组,如图8-48所示。可用于绘制路径、添加锚点、删除锚点及转换锚点等。(https://www.daowen.com)
◎钢笔工具:用钢笔工具单击可创建直线,单击后按住鼠标不放拖动,可创建曲线。
◎自由钢笔工具:可以随意绘图,并自动添加锚点。
◎弯度钢笔工具:轻松绘制弧线路径并可以快速调整弧线的位置、弧度等,方便创建线条比较圆滑的路径和形状。
◎添加锚点工具:在已有路径上单击,可在单击处加锚点。
◎删除锚点工具:在已有锚点上单击,可删除单击处的锚点。
◎转换点工具:在路径的平滑点上单击,可转换为尖角点。拖曳路径上的尖角点,可将其转换为平滑点。
(4)路径工具的主要功能
路径工具的主要功能是绘制平滑线条,绘制矢量形状和勾选图像轮廓等。

图8-48 路径工具组
2.路径调板
路径调板如图8-49所示。
①路径缩览图:显示已有路径的缩览图。
②路径名称:显示路径的名称。默认第一个路径名为“路径1”,双击可改名。
③路径调板菜单:单击可打开路径调板菜单,如图8-50所示。

图8-49 路径调板

图8-50 路径调板菜单
④用前景色填充路径:单击此按钮,可为当前路径填充前景色。
⑤用画笔描边路径:先选择画笔,单击此按钮,可为当前路径描边。
⑥将路径作为选区载入:单击此按钮,可把当前路径转换为选区。
⑦从选区生成工作路径:单击此按钮,可把选区转换为路径。
⑧创建新路径:单击该按钮,可以创建一个新路径。
⑨删除当前路径:单击该按钮,可以删除当前路径。
3.编辑路径
(1)选择路径选择路径工具如图8-51所示。
◎路径选择工具
:可以对路径进行选择、移动和复制操作。
◎直接选择工具
:可以选择或移动子路径上的锚点,还可以移动或调整平滑点两侧的方向控制点。
![]()
图8-51 路径选择工具
选择路径后将显示所有锚点,选中的锚点显示为实心小方块,未选中的锚点显示为空心小方块。按住“Ctrl”键,可在路径选择工具和直接选择工具之间切换。
(2)移动路径
使用路径选择工具单击路径,即选择该路径,按住鼠标左键拖拽,可移动路径。按住“Shift”键,可选择多个路径。
(3)复制路径
方法1:选择路径后,按住“Alt”键拖拽鼠标,可复制路径。
方法2:将路径调板中要复制的路径拖到“创建新路径”按钮上,可将该路径复制为副本。
(4)删除路径
方法1:按“Delete”键,可删除所选路径。
方法2:将要删除的路径拖到路径调板的“删除当前路径”按钮上,即可删除该路径。
4.路径的应用
(1)路径转换为选区
文字选区转换为路径的实例如图8-52所示,有以下两种方法:
方法1:把路径调板上的工作路径拖曳到“将路径转换为选区”按钮上,可将当前路径转换为选区。
方法2:按“Ctrl+Enter”键,可将当前路径转换为选区。
注意
单击“将路径作为选区载入”按钮时,若只选取部分路径,则只会对所选取的部分路径转换为选区。应单击路径调板上的“工作路径”,使其变蓝,表明为选中状态。
(2)描边路径的方法
描边路径实例如图8-53所示,有如下4种方法:
方法1:按住“Alt”键并单击 “用画笔描边路径”按钮。
方法2:按住“Alt”键并将路径拖动到“画笔描边路径”按钮上。
方法3:在路径调板菜单中选取“描边路径”命令。
方法4:右击调板上的路径,在弹出的快捷菜单中选择“描边路径”命令。

图8-52 文字选区转换为路径实例

图8-53 描边路径实例
(3)填充路径
方法1:按住“Alt”键并单击“用前景色填充路径”按钮。
方法2:按住“Alt”键并将路径拖动到“用前景色填充路径”按钮上。
方法3:从路径调板菜单中选取“填充路径”命令。
方法4:右击调板上的路径,在弹出的快捷菜单中选择“填充路径”命令。
小技巧
在进行描边、填充路径操作时,若不按“Alt”键,可省去参数设置的步骤,直接用前景色描边各填充路径。
5.形状工具
形状工具包括矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具和自定形状工具,如图8-54所示。它们的使用方法非常简单,选择相应的工具后,在绘画区拖曳鼠标即可。
(1)矩形工具
矩形工具的工具选项栏如图8-55所示。

图8-54 形状工具

图8-55 矩形工具的工具选项栏
①形状:可创建形状图层。
②路径:在图像上创建所选形状轮廓的路径。
③像素:在当前图层上创建所选形状的图形,并自动填充前景色。
④描边:设置描边颜色、宽度和线型。
⑤路径操作:包括新建图层、合并形状、减去顶层形状、与形状区域相交、排除重叠形状、合并形状组件,如图8-56所示。

图8-56 路径操作
(2)圆角矩形工具
圆角矩形工具同矩形工具相似,在属性面板上可设置圆角的半径。
(3)椭圆工具
椭圆工具同矩形工具相似。
(4)多边形工具
在工具选项栏上可设置多边形的边数,平滑拐角、星形等。
(5)直线工具
在工具选项栏上可设置直线的粗细、长度和绘制箭头的起点终点。
(6)自定形状工具
在工具选项栏上可设置各种形状,可载入其他形状。