2.2 图形的绘制与选择
应用绘制工具可以绘制多变的图形与路径。若要在舞台上修改图形对象，则需要先选择对象，再对其进行修改。
命令介绍
矩形工具：可以绘制出不同样式的矩形。
钢笔工具：可以绘制精确的路径。如在创建直线或曲线的过程中，可以先绘制直线或曲线，再调整直线段的角度、长度以及曲线段的斜率。
选择工具：可以完成选择、移动、复制、调整向量线条和色块的功能，是使用频率较高的一种工具。
套索工具：可以按需要在对象上选取任意一部分不规则的图形。
2.2.1 课堂案例——绘制网络公司网页标志
【案例学习目标】使用不同的绘图工具绘制标志图形。
【案例知识要点】使用“文本”工具，输入文字；使用“套索”工具和“选择”工具，删除文字笔画；使用“钢笔”工具、“椭圆”工具和“线条”工具，添加和修改文字笔画效果，如图2-77所示。
图2-77
【效果所在位置】Ch02/效果/绘制网络公司网页标志.fla。
1. 输入文字
（1）选择“文件 > 新建”命令，弹出“新建文档”对话框，在“常规”选项卡中选择“ActionScript 3.0”选项，将“宽”选项设为500，“高”选项设为350，单击“确定”按钮，完成文档的创建。
（2）按Ctrl+L组合键，弹出“库”面板，单击“库”面板下方的“新建元件”按钮
，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“标志”，在“类型”选项的下拉列表中选择“图形”选项，单击“确定”按钮，新建图形元件“标志”，如图2-78所示，舞台窗口也随之转换为图形元件的舞台窗口。
图2-78
（3）将“图层1”图层重新命名为“文字”。选择“文本”工具
，在文本工具“属性”面板中进行设置，在舞台窗口中适当的位置输入大小为60、字体为“迷你简汉真广标”的蓝色（#0B2C88）文字，文字效果如图2-79所示。选择“选择”工具
，在舞台窗口中选中文字，按两次Ctrl+B组合键，将文字打散，效果如图2-80所示。
图2-79
图2-80
2. 添加画笔
（1）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“钢笔绘制”。选择“钢笔”工具
，在钢笔工具“属性”面板中，将“笔触颜色”设为黑色，在“度”字的右下方单击鼠标，设置起始点，如图2-81所示。在空白处单击鼠标，设置第2个节点，按住鼠标不放，向右上拖曳控制手柄，调节控制手柄改变路径的弯度，效果如图2-82所示。使用相同的方法，应用“钢笔”工具
绘制出如图2-83所示的边线效果。
图2-81
图2-82
图2-83
（2）在工具箱中将“填充颜色”设为蓝色（#0B2C88）。选择“颜料桶”工具
，在边线内部单击鼠标，填充图形，如图2-84所示。选择“选择”工具
，双击边线将其选中，如图2-85所示，按Delete键将其删除。使用相同的方法，在“升”字的上方绘制图形，效果如图2-86所示。
图2-84
图2-85
图2-86
（3）选择“选择”工具
，在“度”字的上方拖曳出一个矩形，如图2-87所示，松开鼠标，将其选中，按Delete键将其删除，效果如图2-88所示。按住Shift键的同时，选中“升”字左方、“科”字左方和“技”字的左下方的笔画，按Delete键将其删除，效果如图2-89所示。
图2-87
图2-88
图2-89
（4）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“线条绘制”。选择“椭圆”工具
，在工具箱中将“笔触颜色”设为无，“填充颜色”设为蓝色（#0B2C88），按住Shift键的同时绘制圆形，效果如图2-90所示。选择“选择”工具
，选择圆形，按住Alt键的同时拖曳鼠标到适当的位置，复制圆形，效果如图2-91所示。
图2-90
图2-91
（5）选择“线条”工具
，在线条工具“属性”面板中，将“笔触颜色”设为蓝色（#0B2C88），“笔触”选项设为10，其他选项的设置如图2-92所示。在“升”字的左方绘制出一条直线，效果如图2-93所示。
图2-92
图2-93
（6）选择“选择”工具
，选择直线，按住Alt键的同时拖曳鼠标指针到适当的位置，复制直线，效果如图2-94所示。用相同的方法再次复制一条直线，效果如图2-95所示。
图2-94
图2-95
3. 制作标志
（1）单击舞台窗口左上方的“场景1”图标
，进入“场景1”的舞台窗口。将“图层1”图层重命名为“底图”。按Ctrl+R组合键，在弹出的“导入”对话框中，选择本书学习资源中的“Ch02 > 素材 > 制作网络公司网页标志 > 01”文件，单击“打开”按钮，文件被导入舞台窗口，效果如图2-96所示。
图2-96
（2）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“标志”。将“库”面板中的图形“标志”拖曳到舞台窗口中，效果如图2-97所示。
图2-97
（3）选择“选择”工具
，在舞台窗口中选中“标志”实例，在图形“属性”面板的“样式”选项下拉列表中选择“色调”，各选项的设置如图2-98所示，舞台效果如图2-99所示。
图2-98
图2-99
（4）将“库”面板中的图形元件“标志”再次拖曳到舞台窗口中，并将其放置到适当的位置，使标志产生阴影效果，效果如图2-100所示。
图2-100
（5）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“英文”。选择“文本”工具
，在文本工具“属性”面板中进行设置，在舞台窗口中适当的位置输入大小为30、字体为“Kunstler Script”的蓝色（#0B2C88）文字，文字效果如图2-101所示。
图2-101
（6）选择“选择”工具
，选择英文，按住Alt键的同时拖曳鼠标指针到适当的位置，复制英文，在工具箱中将“填充颜色”设为白色，效果如图2-102所示。网络公司网页标志绘制完成，如图2-103所示。
图2-102
图2-103
2.2.2 矩形工具
选择“矩形”工具
，在舞台上单击鼠标不放，向需要的位置拖曳鼠标，绘制出矩形图形，松开鼠标，矩形图形效果如图2-104所示。按住Shift键的同时绘制图形，可以绘制出正方形，如图2-105所示。
图2-104
图2-105
可以在矩形工具“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色，如图2-106所示。设置不同的边框属性和填充颜色后，绘制的图形如图2-107所示。
图2-106
图2-107
可以应用矩形工具绘制圆角矩形。选择“属性”面板，在“矩形边角半径”选项的数值框中输入需要的数值，如图2-108所示。输入的数值不同，绘制出的圆角矩形也相应的不同，效果如图2-109所示。
图2-108
图2-109
2.2.3 基本矩形工具
“基本矩形”工具
的使用方法和功能与“矩形”工具
相同，唯一的区别在于“矩形”工具
必须要先设置矩形属性，然后再绘制，绘制好之后不可以再次更改矩形属性。而“基本矩形”工具
，绘制前设置属性和绘制后设置属性都是可以的。
2.2.4 多角星形工具
应用多角星形工具可以绘制出不同样式的多边形和星形。选择“多角星形”工具
，在舞台上单击鼠标不放，向需要的位置拖曳鼠标，绘制出多边形，松开鼠标，多边形效果如图2-110所示。
图2-110
可以在多角星形工具“属性”面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色，如图2-111所示。设置不同的边框属性和填充颜色后，绘制的图形如图2-112所示。
图2-111
图2-112
单击属性面板下方的“选项”按钮，弹出“工具设置”对话框，如图2-113所示，在对话框中可以自定义多边形的各种属性。
图2-113
“样式”选项：在此选项中选择绘制多边形或星形。
“边数”选项：设置多边形的边数。其选取范围为3～32。
“星形顶点大小”选项：输入一个0～1的数以指定星形顶点的深度。此数字越接近0，创建的顶点就越深。此选项在多边形形状绘制中不起作用。
设置不同数值后，绘制出的多边形和星形也相应的不同，如图2-114所示。
图2-114
2.2.5 钢笔工具
选择“钢笔”工具
，将鼠标指针放置在舞台上想要绘制曲线的起始位置，然后按住鼠标不放，此时出现第一个锚点，并且钢笔尖指针变为箭头形状，如图2-115所示。松开鼠标，将鼠标指针放置在想要绘制的第二个锚点的位置，单击鼠标并按住不放，绘制出一条直线段，如图2-116所示。将鼠标向其他方向拖曳，直线转换为曲线，如图2-117所示。松开鼠标，一条曲线绘制完成，如图2-118所示。
图2-115
图2-116
图2-117
图2-118
用相同的方法可以绘制出多条曲线段组合而成的不同样式的曲线，如图2-119所示。
图2-119
绘制线段时，如果按住Shift键再进行绘制，绘制出的线段将被限制为倾斜45°的倍数，如图2-120所示。
图2-120
绘制线段时，“钢笔”工具
的指针会产生不同的变化，其表示的含义也不同。
增加节点：当指针变为带加号
时，如图2-121所示，在线段上单击鼠标就会增加一个节点，这样有助于更精确地调整线段。增加节点前后效果对照如图2-122所示。
图2-121
图2-122
删除节点：当指针变为带减号
时，如图2-123所示，在线段上单击节点，就会将这个节点删除。删除节点前后效果对照如图2-124所示。
图2-123
图2-124
转换节点：当指针变为带折线
时，如图2-125所示，在线段上单击节点，就会将这个节点从曲线节点转换为直线节点。转换节点前后效果对照如图2-126所示。
图2-125
图2-126
提示
当选择钢笔工具绘画时，若在用铅笔、刷子、线条、椭圆或矩形工具创建的对象上单击，就可以调整对象的节点，以改变这些线条的形状。
2.2.6 选择工具
选择“选择”工具
，工具箱下方出现如图2-127所示的按钮，利用这些按钮可以完成以下工作。
图2-127
“贴紧至对象”按钮
：自动将舞台上两个对象定位到一起，一般制作引导层动画时可利用此按钮将关键帧的对象锁定到引导路径上。此按钮还可以将对象定位到网格上。
“平滑”按钮
：可以柔化选择的曲线条。当选中对象时，此按钮变为可用。
“伸直”按钮
：可以锐化选择的曲线条。当选中对象时，此按钮变为可用。
1. 选择对象
选择“选择”工具
，在舞台中的对象上单击鼠标进行点选，如图2-128所示。按住Shift键，再点选对象，可以同时选中多个对象，如图2-129所示。在舞台中拖曳出一个矩形可以框选对象，如图2-130所示。
图2-128
图2-129
图2-130
2. 移动和复制对象
选择“选择”工具
，点选中对象，如图2-131所示。按住鼠标不放，直接拖曳对象到任意位置，如图2-132所示。
图2-131
图2-132
选择“选择”工具
，点选中对象，按住Alt键，拖曳选中的对象到任意位置，选中的对象被复制，如图2-133所示。
图2-133
3. 调整向量线条和色块
选择“选择”工具
，将鼠标指针移至对象，指针下方出现圆弧
，如图2-134所示。拖动鼠标，对选中的线条和色块进行调整，如图2-135所示。
图2-134
图2-135
2.2.7 部分选取工具
选择“部分选取”工具
，在对象的外边线上单击，对象上出现多个节点，如图2-136所示。拖动节点来调整控制线的长度和斜率，从而改变对象的曲线形状，如图2-137所示。
图2-136
图2-137
提示
若想增加图形上的节点，可选择“钢笔”工具
在图形上单击来增加节点。
在改变对象的形状时，“部分选取”工具
的光标会产生不同的变化，其表示的含义也不同。
带黑色方块的指针
：当鼠标指针放置在节点以外的线段上时，指针变为
，如图2-138所示。这时可以移动对象到其他位置，如图2-139和图2-140所示。
图2-138
图2-139
图2-140
带白色方块的指针
：当鼠标指针放置在节点上时，指针变为
，如图2-141所示。这时可以移动单个的节点到其他位置，如图2-142和图2-143所示。
图2-141
图2-142
图2-143
变为小箭头的指针
：当鼠标指针放置在节点调节手柄的尽头时，指针变为
，如图2-144所示。这时可以调节与该节点相连的线段的弯曲度，如图2-145和图2-146所示。
图2-144
图2-145
图2-146
提示
在调整节点的手柄时，调整一个手柄，另一个相对的手柄也会随之发生变化。如果只想调整其中的一个手柄，按住Alt键，再进行调整即可。
可以将直线节点转换为曲线节点，并进行弯曲度调节。选择“部分选取”工具
，在对象的外边线上单击，对象上显示出节点，如图2-147所示。用鼠标单击要转换的节点，节点从空心变为实心，表示可编辑，如图2-148所示。
图2-147
图2-148
按住Alt键，用鼠标将节点向外拖曳，节点增加出两个可调节手柄，如图2-149所示。应用调节手柄可调节线段的弯曲度，如图2-150所示。
图2-149
图2-150
2.2.8 套索工具
选择“套索”工具
，在场景中导入一幅位图，按Ctrl+B组合键，将位图进行分离。用鼠标在位图上任意勾选想要的区域，形成一个封闭的选区，如图2-151所示。松开鼠标，选区中的图像被选中，如图2-152所示。
图2-151
图2-152
选择“套索”工具
后，工具箱的下方出现如图2-153所示的按钮，利用这些按钮可以完成以下工作。
图2-153
“魔术棒”按钮
：以点选的方式选择颜色相似的位图图形。
选中“魔术棒”按钮
，将鼠标指针放在位图上，指针变为
，在要选择的位图上单击鼠标，如图2-154所示。与点取点颜色相近的图像区域被选中，如图2-155所示。
图2-154
图2-155
“魔术棒属性”按钮
：可以用来设置魔术棒的属性，应用不同的属性，魔术棒选取的图像区域大小各不相同。
单击“魔术棒属性”按钮
，弹出“魔术棒设置”对话框，如图2-156所示。
图2-156
在“魔术棒设置”对话框中设置不同数值后，所产生的不同效果如图2-157所示。
图2-157
“多边形模式”按钮
：可以用鼠标精确地勾画想要选中的图像。
选择“多边形模式”按钮
，在场景中导入一幅位图，按Ctrl+B组合键，将位图进行分离。用鼠标在字母“A”的边缘进行绘制，如图2-158所示。双击鼠标结束多边形工具的绘制，绘制的区域被选中，如图2-159所示。
图2-158
图2-159