任务三 掌握形状工具的编辑与使用

更新于 2026年10月10日 版权声明
任务三 掌握形状工具的编辑与使用

◆ 任务概述

通过完成下列案例,会导入预设形状,掌握形状的编辑与使用,会用形状的布尔运算绘制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)自定形状工具

在工具选项栏上可设置各种形状,可载入其他形状。

↑上一章 ↓下一章
关注公众号获取验证码
复制内容需要验证码(7.99元/天)