- Flash CS6标准培训教程
- 数字艺术教育研究室
- 5781字
- 2025-02-17 22:51:33
2.3 图形的编辑
图形编辑工具可以改变图形的色彩、线条、形态等属性，创建充满变化的图形效果。
命令介绍
颜料桶工具：可以修改向量图形的填充色。
橡皮擦工具：用于擦除舞台上无用的向量图形边框和填充色。
任意变形工具：可以改变选中图形的大小，还可旋转图形。
2.3.1 课堂案例——绘制迷你太空
【案例学习目标】使用图形编辑工具对图形进行编辑，并应用选择工具将其组合成图像。
【案例知识要点】使用“钢笔”工具，绘制小鸟轮廓；使用“墨水瓶”工具、“任意变形”工具，装饰虚线效果；使用“多角星形”工具，绘制五角星；使用“颜料桶”工具，填充颜色；使用“椭圆”工具，绘制眼睛，如图2-160所示。
图2-160
【效果所在位置】Ch02/效果/绘制迷你太空.fla。
1. 新建文档并绘制小火箭
（1）选择“文件 > 新建”命令，弹出“新建文档”对话框，在“常规”选项卡中选择“ActionScript 3.0”选项，将“宽”选项设为567，“高”选项设为567，将“舞台颜色”设为深绿色（#01605D），单击“确定”按钮，完成文档的创建。
（2）按Ctrl+F8组合键，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“小火箭”，在“类型”选项的下拉列表中选择“图形”选项，如图2-161所示，单击“确定”按钮，新建图形元件“小火箭”，舞台窗口也随之转换为图形元件的舞台窗口。将“图层1”重命名为“火箭主体”，如图2-162所示。
图2-161
图2-162
（3）选择“钢笔”工具
，在工具箱中将“笔触颜色”设为白色，单击工具箱下方的“对象绘制”按钮
，在舞台窗口中绘制一个闭合边线，效果如图2-163所示。
图2-163
（4）选择“颜料桶”工具
，在工具箱中将“填充颜色”设为红色（#DE312A），在闭合边线内部单击鼠标填充颜色，效果如图2-164所示。选择“选择”工具
，在舞台窗口中选中图形，如图2-165所示，在工具箱中将“笔触颜色”设为无，效果如图2-166所示。
图2-164
图2-165
图2-166
（5）按Ctrl+C组合键，将其复制。单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“装饰图形”。按Ctrl+Shift+V组合键，将复制的图形原位粘贴到“装饰图形”图层中。在工具箱中将“填充颜色”设为咖啡色（#674A4B），效果如图2-167所示。按Ctrl+B组合键，将图形打散，效果如图2-168所示。
图2-167
图2-168
（6）选择“钢笔”工具
，在工具箱中将“笔触颜色”设为白色，在舞台窗口中绘制一个闭合边线，效果如图2-169所示。选择“选择”工具
，在舞台窗口中选中图形，如图2-170所示，按Delete键，将选中的图形删除，效果如图2-171所示。双击白色边线将其选中，按Delete键，将选中的边线删除，效果如图2-172所示。
图2-169
图2-170
图2-171
图2-172
（7）选择“椭圆”工具
，在椭圆工具“属性”面板中，将“笔触颜色”设为白色，“填充颜色”设为咖啡色（#674A4B），“笔触”选项设为6。按住Shift键的同时在舞台的适当位置绘制一个圆形，效果如图2-173所示。
图2-173
（8）在工具箱中将“填充颜色”设为深灰色（#223228），按住Shift键的同时在舞台的适当位置绘制一个圆形，效果如图2-174所示。
图2-174
（9）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“尾部装饰”。选择“钢笔”工具
，在工具箱中将“笔触颜色”设为白色，在舞台窗口中绘制一个闭合边线，效果如图2-175所示。选择“选择”工具
，在舞台窗口中选中闭合边线，在工具箱中将“填充颜色”设为黄色（#F5D32B），效果如图2-176所示。将“笔触颜色”设为无，效果如图2-177所示。
图2-175
图2-176
图2-177
（10）按Ctrl+C组合键，将其复制。按Ctrl+Shift+V组合键，将复制的图形原位粘贴。在工具箱中将“填充颜色”设为橘红色（#E16045），效果如图2-178所示。选择“任意变形”工具
，所选图形周围出现控制框，如图2-179所示，拖曳中心点到适当的位置，如图2-180所示，按住Shift键的同时向上拖曳下方的控制点到适当的位置，等比例缩小图形，效果如图2-181所示。
图2-178
图2-179
图2-180
图2-181
（11）用上述的方法制作出如图2-182所示的效果。
图2-182
（12）选择“钢笔”工具
，在工具箱中将“笔触颜色”设为黑色，在舞台窗口中绘制一个闭合边线，效果如图2-183所示。选择“选择”工具
，在舞台窗口中选中闭合边线，在工具箱中将“填充颜色”设为咖啡色（#674A4B），“笔触颜色”设为无，效果如图2-184所示。
图2-183
图2-184
（13）选择“钢笔”工具
，在工具箱中将“笔触颜色”设为黑色，在舞台窗口中绘制一个闭合边线，效果如图2-185所示。选择“选择”工具
，在舞台窗口中选中闭合边线，在工具箱中将“填充颜色”设为红色（#DE312A），“笔触颜色”设为无，效果如图2-186所示。
图2-185
图2-186
（14）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“翅膀”。选择“钢笔”工具
，在工具箱中将“笔触颜色”设为白色，在舞台窗口中绘制一个闭合边线，效果如图2-187所示。选择“选择”工具
，在舞台窗口中选中闭合边线，在工具箱中将“填充颜色”设为红色（#DE312A），“笔触颜色”设为无，效果如图2-188所示。
图2-187
图2-188
（15）按住Shift+Alt组合键的同时向右拖曳到适当的位置，复制图形，效果如图2-189所示。选择“修改 > 变形 > 水平翻转”命令，将图形水平翻转，效果如图2-190所示。
图2-189
图2-190
（16）在“时间轴”面板中，将“翅膀”图层拖曳到“火箭主体”图层的下方，如图2-191所示，效果如图2-192所示。
图2-191
图2-192
2. 绘制背景
（1）单击舞台窗口左上方的“场景1”图标
，进入“场景1”的舞台窗口。将“图层1”图层重命名为“圆形”。选择“椭圆”工具
，在工具箱中将“笔触颜色”设为无，“填充颜色”设为黄色（#F5D32B），按住Shift键的同时在舞台窗口中绘制一个圆形，效果如图2-193所示。用相同的方法绘制多个圆形，并分别填充相应的颜色，效果如图2-194所示。
图2-193
图2-194
（2）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“星星”。选择“多角星形”工具
，在多角星形工具“属性”面板中，将“笔触颜色”设为无，“填充颜色”设为黄色（#F5D32B），单击“工具设置”选项组中的“选项”按钮，在弹出的“工具设置”对话框中进行设置，如图2-195所示，单击“确定”按钮，完成选项的设置。在舞台窗口中绘制多个五角形，效果如图2-196所示。
图2-195
图2-196
（3）单击“时间轴”面板下方的“新建图层”按钮
，创建新图层并将其命名为“小火箭”。将“库”面板中的图形元件“小火箭”拖曳到舞台窗口中，如图2-197所示。选择“任意变形”工具
，旋转实例的角度，并将其拖曳到适当的位置，效果如图2-198所示。迷你太空绘制完成，按Ctrl+Enter组合键即可查看效果。
图2-197
图2-198
2.3.2 墨水瓶工具
使用墨水瓶工具可以修改向量图形的边线。
导入花瓣图形，如图2-199所示。选择“墨水瓶”工具
，在“属性”面板中设置笔触颜色、笔触高度以及笔触样式，如图2-200所示。
图2-199
图2-200
这时鼠标指针变为
，在图形上单击鼠标，为图形增加设置好的边线，如图2-201所示。在“属性”面板中设置不同的属性，所绘制的边线效果也不同，如图2-202所示。
图2-201
图2-202
2.3.3 颜料桶工具
导入心形图形，如图2-203所示。选择“颜料桶”工具
，在“属性”面板中设置填充颜色，如图2-204所示。在图形边框内单击鼠标，边框内被填充颜色，如图2-205所示。
图2-203
图2-204
图2-205
系统在工具箱的下方设置了4种填充模式可供选择，如图2-206所示。
图2-206
“不封闭空隙”模式：选择此模式时，只有在完全封闭的区域，颜色才能被填充。
“封闭小空隙”模式：选择此模式时，当边线上存在小空隙时，允许填充颜色。
“封闭中等空隙”模式：选择此模式时，当边线上存在中等空隙时，允许填充颜色。
“封闭大空隙”模式：选择此模式时，当边线上存在大空隙时，允许填充颜色。当选择“封闭大空隙”模式时，无论空隙是小空隙还是中等空隙，也都可以填充颜色。
根据边框空隙的大小，应用不同的模式进行填充，效果如图2-207所示。
图2-207
“锁定填充”按钮
：可以对填充颜色进行锁定，锁定后填充颜色不能被更改。
没有选择此按钮时，填充颜色可以根据需要进行变更，如图2-208所示。
图2-208
选择此按钮时，将鼠标指针放置在填充颜色上，指针变为
，填充颜色被锁定，不能随意变更，如图2-209所示。
图2-209
2.3.4 滴管工具
使用滴管工具可以吸取向量图形的线型和色彩，然后利用颜料桶工具，快速修改其他向量图形内部的填充色。利用墨水瓶工具，可以快速修改其他向量图形的边框颜色及线型。
1. 吸取填充色
选择“滴管”工具
，将鼠标指针放在左边图形的填充色上，指针变为
，在填充色上单击鼠标，吸取填充色样本，如图2-210所示。
图2-210
单击后，指针变为
，表示填充色被锁定。在工具箱的下方，取消对“锁定填充”按钮
的选取，指针变为
，在右边图形的填充色上单击鼠标，图形的颜色被修改，如图2-211所示。
图2-211
2. 吸取边框属性
选择“滴管”工具
，将鼠标指针放在左边图形的外边框上，指针变为
，在外边框上单击鼠标，吸取边框样本，如图2-212所示。单击后，指针变为
，在右边图形的外边框上单击鼠标，线条的颜色和样式被修改，如图2-213所示。
图2-212
图2-213
3. 吸取位图图案
滴管工具可以吸取外部引入的位图图案。导入图片，如图2-214所示。按Ctrl+B组合键，将位图分离。绘制一个五边形，如图2-215所示。
图2-214
图2-215
选择“滴管”工具
，将鼠标指针放在位图上，指针变为
，单击鼠标，吸取图案样本，如图2-216所示。单击后，指针变为
，在五边形的内部单击鼠标，图案被填充，如图2-217所示。
图2-216
图2-217
选择“渐变变形”工具
，单击被填充图案样本的五边形，出现控制点，如图2-218所示。按住Shift键，将左下方的控制点向中心拖曳，如图2-219所示。填充图案变小，如图2-220所示。
图2-218
图2-219
图2-220
4. 吸取文字属性
滴管工具还可以吸取文字的颜色。选择要修改的目标文字，如图2-221所示。
图2-221
选择“滴管”工具
，将鼠标指针放在源文字上，指针变为
，如图2-222所示。在源文字上单击鼠标，源文字的文字属性被应用到了目标文字上，如图2-223所示。
图2-222
图2-223
2.3.5 橡皮擦工具
选择“橡皮擦”工具
，在图形上想要删除的地方按下鼠标并拖动鼠标，图形被擦除，如图2-224所示。在工具箱下方“橡皮擦形状”按钮
的下拉菜单中，可以选择橡皮擦的形状与大小。
图2-224
如果想得到特殊的擦除效果，系统在工具箱的下方设置了5种擦除模式可供选择，如图2-225所示。
图2-225
“标准擦除”模式：擦除同一层的线条和填充。选择此模式擦除图形的前后对照效果如图2-226所示。
图2-226
“擦除填色”模式：仅擦除填充区域，其他部分（如边框线）不受影响。选择此模式擦除图形的前后对照效果如图2-227所示。
图2-227
“擦除线条”模式：仅擦除图形的线条部分，但不影响其填充部分。选择此模式擦除图形的前后对照效果如图2-228所示。
图2-228
“擦除所选填充”模式：仅擦除已经选择的填充部分，但不影响其他未被选择的部分。如果场景中没有任何填充被选择，那么擦除命令无效。选择此模式擦除图形的前后对照效果如图2-229所示。
图2-229
“内部擦除”模式：仅擦除起点所在的填充区域部分，但不影响线条填充区域外的部分。选择此模式擦除图形的前后对照效果如图2-230所示。
图2-230
要想快速删除舞台上的所有对象，双击“橡皮擦”工具
即可。
要想删除向量图形上的线段或填充区域，可以选择“橡皮擦”工具
，再选中工具箱中的“水龙头”按钮
，然后单击舞台上想要删除的线段或填充区域即可，如图2-231和图2-232所示。
图2-231
图2-232
提示
因为导入的位图和文字不是向量图形，不能擦除它们的部分或全部，所以必须先选择“修改 > 分离”命令，将它们分离成向量图形，才能使用橡皮擦工具擦除它们的部分或全部。
2.3.6 任意变形工具和渐变变形工具
在制作图形的过程中，可以应用任意变形工具来改变图形的大小及倾斜度，也可以应用填充变形工具改变图形中渐变填充颜色的渐变效果。
1. 任意变形工具
选中图形，按Ctrl+B组合键，将其打散。选择“任意变形”工具
，在图形的周围出现控制点，如图2-233所示。拖动控制点改变图形的大小，如图2-234和图2-235所示（按住Shift键，再拖动控制点，可成比例地拖动图形）。
图2-233
图2-234
图2-235
将鼠标指针放在4个角的控制点上时，指针变为
，如图2-236所示。拖动鼠标旋转图形，如图2-237和图2-238所示。
图2-236
图2-237
图2-238
系统在工具箱的下方设置了4种变形模式可供选择，如图2-239所示。
图2-239
“旋转与倾斜”
模式：选中图形，选择“旋转与倾斜”模式，将鼠标指针放在图形上方中间的控制点上，指针变为
，按住鼠标不放，向右水平拖曳控制点，如图2-240所示，松开鼠标，图形变为倾斜，如图2-241所示。
图2-240
图2-241
“缩放”
模式：选中图形，选择“缩放”模式，将鼠标指针放在图形右上方的控制点上，指针变为
，按住鼠标不放，向右上方拖曳控制点，如图2-242所示，松开鼠标，图形变大，如图2-243所示。
图2-242
图2-243
“扭曲”
模式：选中图形，选择“扭曲”模式，将鼠标指针放在图形右上方的控制点上，指针变为
，按住鼠标不放，向右上方拖曳控制点，如图2-244所示，松开鼠标，图形扭曲，如图2-245所示。
图2-244
图2-245
“封套”
模式：选中图形，选择“封套”模式，图形周围出现一些节点，调节这些节点来改变图形的形状，鼠标指针变为
，拖动节点，如图2-246所示，松开鼠标，图形扭曲，如图2-247所示。
图2-246
图2-247
2. 渐变变形工具
使用渐变变形工具可以改变选中图形的填充渐变效果。当图形填充色为线性渐变色时，选择“渐变变形”工具
，用鼠标单击图形，出现3个控制点和2条平行线，如图2-248所示。向图形中间拖动方形控制点，渐变区域缩小，如图2-249所示，效果如图2-250所示。
图2-248
图2-249
图2-250
将鼠标指针放置在旋转控制点上，指针变为
，拖动旋转控制点来改变渐变区域的角度，如图2-251所示，效果如图2-252所示。
图2-251
图2-252
当图形填充色为径向渐变色时，选择“渐变变形”工具
，用鼠标单击图形，出现4个控制点和1个圆形外框，如图2-253所示。向图形外侧水平拖动方形控制点，水平拉伸渐变区域，如图2-254所示，效果如图2-255所示。
图2-253
图2-254
图2-255
将鼠标指针放置在圆形边框中间的圆形控制点上，指针变为
，向图形内部拖动鼠标，缩小渐变区域，如图2-256所示，效果如图2-257所示。将鼠标指针放置在圆形边框外侧的圆形控制点上，指针变为
，向上旋转拖动控制点，改变渐变区域的角度，如图2-258所示，效果如图2-259所示。
图2-256
图2-257
图2-258
图2-259
提示
通过移动中心控制点可以改变渐变区域的位置。
2.3.7 手形工具和缩放工具
手形工具和缩放工具都是辅助工具，它们本身并不直接创建和修改图形，只是在创建和修改图形的过程中辅助用户进行操作。
1. 手形工具
如果图形很大或被放大得很大，那么就需
要利用“手形”工具
调整观察区域。选择“手形”工具
，鼠标指针变为手形，按住鼠标不放，拖动图像到需要的位置，如图2-260所示。
图2-260
技巧
当使用其他工具时，按“空格”键即可切换到“手形”工具
。双击“手形”工具
，将自动调整图像大小以适合屏幕的显示范围。
2. 缩放工具
利用缩放工具放大图形以便观察细节，缩小图形以便观看整体效果。选择“缩放”工具
，在舞台上单击可放大图形，如图2-261所示。
图2-261
要想放大图像中的局部区域，可在图像上拖曳出一个矩形选取框，如图2-262所示，松开鼠标后，所选取的局部图像被放大，如图2-263所示。
图2-262
图2-263
选中工具箱下方的“缩小”按钮
，在舞台上单击可缩小图像，如图2-264所示。
图2-264