2.2 图形的绘制与选择

应用绘制工具可以绘制多变的图形与路径。若要在舞台上修改图形对象，则需要先选择对象，再对其进行修改。

命令介绍

矩形工具：可以绘制出不同样式的矩形。

钢笔工具：可以绘制出精确的路径。如在创建直线或曲线的过程中，可以先绘制直线或曲线，再调整直线段的角度、长度以及曲线段的斜率。

选择工具：具有选择、移动、复制、调整向量线条和色块的功能，是使用频率较高的一种工具。

套索工具：可以按需要在对象上选取任意一部分不规则的图形。

2.2.1 课堂案例——制作网络公司网页标志

【案例学习目标】使用不同的绘图工具绘制标志图形。

【案例知识要点】使用“文本”工具，输入文字；使用“套索”工具和“选择”工具，删除文字笔画；使用“钢笔”工具、“椭圆”工具和“线条”工具，添加和修改文字笔画效果，最终效果如图2-58所示。

【效果所在位置】Ch02/效果/制作网络公司网页标志.fla。

图2-58

扫描观看本案例视频

1．输入文字

（1）选择“文件>新建”命令，弹出“新建文档”对话框，在“常规”选项卡中选择“Action Script 3.0”选项，将“宽”选项设置为500，“高”选项设置为350，将“背景颜色”设置为黑色，单击“确定”按钮，完成文档的创建。

（2）按Ctrl+F8组合键，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“标志”，在“类型”选项的下拉列表中选择“图形”选项，如图2-59所示，单击“确定”按钮，新建图形元件“标志”，如图2-60所示。舞台窗口也随之转换为图形元件的舞台窗口。

图2-59

图2-60

（3）将“图层 1”重新命名为“文字”。选择“文本”工具，在文本工具“属性”面板中进行设置，在舞台窗口中输入需要的白色文字，效果如图2-61所示。选中文字，按两次Ctrl+B组合键，将文字打散，效果如图2-62所示。

图2-61

图2-62

2．添加画笔

（1）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“钢笔绘制”。选择“钢笔”工具，在钢笔工具“属性”面板中，将“笔触颜色”设置为红色，在“度”字的右下方单击鼠标，设置起点，如图2-63所示，在空白处单击鼠标，设置第2个节点，按住鼠标不放，向上拖曳控制手柄，调节控制手柄改变路径的弯度，效果如图2-64所示。使用相同的方法，应用“钢笔”工具绘制图2-65所示的边线效果。

图2-63

图2-64

图2-65

（2）在工具箱的下方将“填充颜色”设置为白色。选择“颜料桶”工具，在工具箱下方的“空隙大小”选项组中选择“不封闭空隙”选项，在边线内部单击鼠标填充图形，如图 2-66 所示。选择“选择”工具，双击边线将其选中，如图2-67所示，按Delete键将其删除，效果如图2-68所示。

图2-66

图2-67

图2-68

（3）选择“选择”工具，在“度”字的上方拖曳出一个矩形，如图2-69所示。按Delete键将其删除，效果如图2-70所示。用相同的方法删除其他文字的笔画，效果如图2-71所示。

图2-69

图2-70

图2-71

（4）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“线条绘制”。选择“椭圆”工具，在工具箱中将“笔触颜色”设置为无，“填充颜色”设置为白色，按住 Shift键的同时绘制圆形，效果如图2-72所示。

（5）选择“选择”工具，选取圆形，如图2-73 所示，按住Alt键，拖曳到适当的位置，复制图形，效果如图2-74所示。用相同的方法复制多个图形，效果如图2-75所示。

图2-72

图2-73

图2-74

图2-75

（6）选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设置为白色，其他选项的设置如图2-76所示。在“风”字的内部绘制出一条斜线，效果如图2-77所示。用相同的方法再次绘制另外一条斜线，效果如图2-78所示。

图2-76

图2-77

图2-78

3.制作标志

（1）单击舞台窗口左上方的“场景1”图标，进入“场景1”的舞台窗口。将“图层1”重命名为“底图”。按Ctrl+R组合键，在弹出的“导入”对话框中，选择“Ch02 > 素材 > 制作网络公司网页标志 > 01”文件，单击“打开”按钮，图片被导入舞台窗口中，效果如图2-79所示。

（2）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“标志”。将“库”面板中的图形元件“标志”拖曳到舞台窗口中，并放置在适当的位置，效果如图2-80所示。

图2-79

图2-80

（3）按 Ctrl+T 组合键，弹出“变形”面板，单击面板下方的“重制选区和变形”按钮，复制元件。在图形“属性”面板“样式”选项的下拉列表中选择“色调”选项，各选项的设置如图2-81所示，舞台效果如图2-82所示。

图2-81

图2-82

（4）按Ctrl+↓组合键，将文字向下移一层，按6次键盘上的向下键，将文字向下移动，使文字产生阴影效果，如图2-83所示。

（5）选择“文本”工具，在文本工具“属性”面板中进行设置，在舞台窗口中输入需要的深蓝色（#1D4A83）文字，效果如图2-84所示。

图2-83

图2-84

（6）单击“变形”面板下方的“重制选区和变形”按钮，复制文字。在文本工具“属性”面板中将“颜色”选项改为白色，舞台效果如图 2-85 所示。选择“选择”工具，选取白色文字，然后拖曳到适当的位置，使文字产生阴影效果。网络公司网页标志制作完成，按Ctrl+Enter 组合键即可查看效果，如图2-86所示。

图2-85

图2-86

2.2.2 矩形工具

选择“矩形”工具，在舞台上按住鼠标不放，向需要的位置拖曳鼠标，绘制出矩形图形，松开鼠标，矩形图形效果如图2-87所示。按住Shift键的同时绘制图形，可以绘制出正方形，如图2-88所示。

可以在矩形工具“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色，如图2-89所示。设置不同的边框属性和填充颜色后，绘制的图形如图2-90所示。

图2-87

图2-88

图2-89

图2-90

可以应用矩形工具绘制圆角矩形。选择“属性”面板，在“矩形边角半径”选项的数值框中输入需要的数值，如图2-91所示。输入的数值不同，绘制出的圆角矩形也不同，效果如图2-92所示。

图2-91

图2-92

2.2.3 基本矩形工具

“基本矩形”工具的使用方法和功能与“矩形”工具相同，唯一的区别在于，“矩形”工具必须要先设置矩形属性，然后绘制，绘制好之后不可以更改矩形属性；而“基本矩形”工具绘制前设置属性和绘制后设置属性都是可以的。

2.2.4 多角星形工具

应用多角星形工具可以绘制出不同样式的多边形。选择“多角星形”工具，在舞台上按住鼠标不放，向需要的位置拖曳鼠标，绘制出多边形，松开鼠标，多边形效果如图2-93所示。

可以在多角星形工具的“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色，如图2-94所示。设置不同的边框属性和填充颜色后，绘制的图形如图2-95所示。

图2-93

图2-94

图2-95

单击属性面板下方的“选项”按钮，弹出“工具设置”对话框，如图2-96所示，在该对话框中可以自定义多边形的各种属性。

“样式”选项：在此选项中选择绘制多边形或星形。

“边数”选项：设置多边形的边数，其选取范围为3～32。

“星形顶点大小”选项：输入一个0～1的数以指定星形顶点的深度。此数越接近0，创建的顶点就越深。此选项在多边形形状绘制中不起作用。

设置不同的数值后，绘制出的多边形也不同，如图2-97所示。

图2-96

图2-97

2.2.5 钢笔工具

选择“钢笔”工具，将鼠标放置在舞台上想要绘制曲线的起点位置，然后按住鼠标不放，此时出现第一个锚点，并且钢笔尖形状的光标变为箭头形状，如图2-98所示。松开鼠标，将鼠标放置在想要绘制的第二个锚点的位置，单击鼠标并按住不放，绘制出一条直线段，如图2-99所示。将鼠标向其他方向拖曳，直线转换为曲线，如图2-100所示。松开鼠标，一条曲线绘制完成，如图2-101所示。

图2-98

图2-99

图2-100

图2-101

用相同的方法可以绘制出多条曲线段组合而成的不同样式的曲线，如图2-102所示。

在绘制线段时，如果按住Shift键再进行绘制，绘制出的线段将被限制为倾斜45°的倍数，如图2-103所示。

图2-102

图2-103

在绘制线段时，“钢笔”工具的光标形状会产生不同的变化，其表示的含义也不同。

增加节点：当光标变为带加号时，如图2-104所示，在线段上单击鼠标就会增加一个节点，这样有助于更精确地调整线段。增加节点后的效果如图2-105所示。

图2-104

图2-105

删除节点：当光标变为带减号时，如图2-106所示，在线段上单击节点，就会将这个节点删除。删除节点后的效果如图2-107所示。

转换节点：当光标变为带折线时，如图 2-108 所示，在线段上单击节点，就会将这个节点从曲线节点转换为直线节点。转换节点后的效果如图2-109所示。

图2-106

图2-107

图2-108

图2-109

提示

当选择钢笔工具绘画时，若在用铅笔、刷子、线条、椭圆或矩形工具创建的对象上单击，就可以调整对象的节点，以改变这些线条的形状。

2.2.6 选择工具

选择“选择”工具，工具箱下方出现图2-110所示的按钮，利用这些按钮可以完成以下工作。

“贴紧至对象”按钮：自动将舞台上两个对象定位到一起，一般制作引导层动画时可利用此按钮将关键帧的对象锁定到引导路径上。此按钮还可以将对象定位到网格上。

图2-110

“平滑”按钮：可以柔化选择的曲线条。当选中对象时，此按钮变为可用。

“伸直”按钮：可以锐化选择的曲线条。当选中对象时，此按钮变为可用。

1．选择对象

选择“选择”工具，在舞台中的对象上单击鼠标进行点选，如图2-111所示。按住Shift键再点选对象，可以同时选中多个对象，如图2-112所示。在舞台中拖曳出一个矩形可以框选对象，如图2-113所示。

图2-111

图2-112

图2-113

2．移动和复制对象

选择“选择”工具，点选对象，如图2-114所示，按住鼠标不放，直接拖曳对象到任意位置，如图2-115所示。

选择“选择”工具，点选对象，按住Alt键拖曳选中的对象到任意位置，选中的对象便会被复制，如图2-116所示。

图2-114

图2-115

图2-116

3．调整向量线条和色块

选择“选择”工具，将光标移至对象，光标下方出现圆弧，如图2-117所示。拖曳鼠标，对选中的线条和色块进行调整，如图2-118所示。

图2-117

图2-118

2.2.7 部分选取工具

选择“部分选取”工具，在对象的外边线上单击，此时对象上会出现多个节点，如图2-119所示。拖动节点来调整控制线的长度和斜率，从而改变对象的曲线形状，如图2-120所示。

图2-119

图2-120

提示

若想增加图形上的节点，选择“钢笔”工具在图形上单击即可。

在改变对象的形状时，“部分选取”工具的光标形状会产生不同的变化，其表示的含义也不同。

带黑色方块的光标：将光标放置在节点以外的线段上时，光标变为，如图2-121所示。这时，可以移动对象到其他位置，如图2-122和图2-123所示。

图2-121

图2-122

图2-123

带白色方块的光标：将光标放置在节点上时，光标变为，如图2-124所示。这时，可以移动单个的节点到其他位置，如图2-125和图2-126所示。

图2-124

图2-125

图2-126

变为小箭头的光标：将光标放置在节点调节手柄的尽头时，光标变为，如图2-127所示。这时，可以调节与该节点相连的线段的弯曲度，如图2-128和图2-129所示。

图2-127

图2-128

图2-129

提示

在调整节点的手柄时，调整一个手柄，另外一个相对的手柄也会随之发生变化。如果只想调整其中的一个手柄，按住Alt键，再进行调整即可。

可以将直线节点转换为曲线节点，并进行弯曲度调节。选择“部分选取”工具，在对象的外边线上单击，对象上显示出节点，如图2-130所示。用鼠标单击要转换的节点，节点从空心变为实心，表示可编辑，如图2-131所示。

按住Alt键，用鼠标将节点向外拖曳，节点会增加两个可调节手柄，如图2-132所示。应用调节手柄可调节线段的弯曲度，如图2-133所示。

图2-130

图2-131

图2-132

图2-133

2.2.8 套索工具

选择“套索”工具，在场景中导入一幅位图，按 Ctrl+B 组合键将位图进行分离。用鼠标在位图上任意勾选想要的区域，形成一个封闭的选区，如图2-134所示。松开鼠标，选区中的图像被选中，如图2-135所示。

图2-134

图2-135

在选择“套索”工具后，工具箱的下方出现图2-136所示的按钮，这些按钮的具体功能如下所示。

“魔术棒”按钮：以点选的方式选择颜色相似的位图图形。

选中“魔术棒”按钮，将光标放在位图上，光标变为，在要选择的位图上单击鼠标，如图2-137所示。与点取点颜色相近的图像区域被选中，如图2-138所示。

图2-136

图2-137

图2-138

“魔术棒属性”按钮：可以用来设置魔术棒的属性，应用不同的属性，魔术棒选取的图像区域大小各不相同。

单击“魔术棒属性”按钮，弹出“魔术棒设置”对话框，如图2-139所示。

在“魔术棒设置”对话框中设置不同数值后，产生的不同效果如图2-140所示。

图2-139

图2-140

“多边形模式”按钮：可以用鼠标精确地勾画想要选中的图像。

选择“多边形模式”按钮，在场景中导入一幅位图，按 Ctrl+B 组合键将位图进行分离。用鼠标在字母“A”的边缘进行绘制，如图 2-141 所示。双击鼠标结束多边形工具的绘制，绘制的区域被选中，如图2-142所示。

图2-141

图2-142

上一章目录下一章