Flash CS6标准培训教程
上QQ阅读APP看书,第一时间看更新

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)选择“钢笔”工具49427-00-39-003,在工具箱中将“笔触颜色”设为白色,单击工具箱下方的“对象绘制”按钮49427-00-39-004,在舞台窗口中绘制一个闭合边线,效果如图2-163所示。

图2-163

(4)选择“颜料桶”工具49427-00-39-005,在工具箱中将“填充颜色”设为红色(#DE312A),在闭合边线内部单击鼠标填充颜色,效果如图2-164所示。选择“选择”工具49427-00-39-006,在舞台窗口中选中图形,如图2-165所示,在工具箱中将“笔触颜色”设为无,效果如图2-166所示。

图2-164

图2-165

图2-166

(5)按Ctrl+C组合键,将其复制。单击“时间轴”面板下方的“新建图层”按钮49427-00-39-007,创建新图层并将其命名为“装饰图形”。按Ctrl+Shift+V组合键,将复制的图形原位粘贴到“装饰图形”图层中。在工具箱中将“填充颜色”设为咖啡色(#674A4B),效果如图2-167所示。按Ctrl+B组合键,将图形打散,效果如图2-168所示。

图2-167

图2-168

(6)选择“钢笔”工具49427-00-39-014,在工具箱中将“笔触颜色”设为白色,在舞台窗口中绘制一个闭合边线,效果如图2-169所示。选择“选择”工具49427-00-39-015,在舞台窗口中选中图形,如图2-170所示,按Delete键,将选中的图形删除,效果如图2-171所示。双击白色边线将其选中,按Delete键,将选中的边线删除,效果如图2-172所示。

图2-169

图2-170

图2-171

图2-172

(7)选择“椭圆”工具49427-00-39-020,在椭圆工具“属性”面板中,将“笔触颜色”设为白色,“填充颜色”设为咖啡色(#674A4B),“笔触”选项设为6。按住Shift键的同时在舞台的适当位置绘制一个圆形,效果如图2-173所示。

图2-173

(8)在工具箱中将“填充颜色”设为深灰色(#223228),按住Shift键的同时在舞台的适当位置绘制一个圆形,效果如图2-174所示。

图2-174

(9)单击“时间轴”面板下方的“新建图层”按钮49427-00-40-003,创建新图层并将其命名为“尾部装饰”。选择“钢笔”工具49427-00-40-004,在工具箱中将“笔触颜色”设为白色,在舞台窗口中绘制一个闭合边线,效果如图2-175所示。选择“选择”工具49427-00-40-005,在舞台窗口中选中闭合边线,在工具箱中将“填充颜色”设为黄色(#F5D32B),效果如图2-176所示。将“笔触颜色”设为无,效果如图2-177所示。

图2-175

图2-176

图2-177

(10)按Ctrl+C组合键,将其复制。按Ctrl+Shift+V组合键,将复制的图形原位粘贴。在工具箱中将“填充颜色”设为橘红色(#E16045),效果如图2-178所示。选择“任意变形”工具49427-00-40-009,所选图形周围出现控制框,如图2-179所示,拖曳中心点到适当的位置,如图2-180所示,按住Shift键的同时向上拖曳下方的控制点到适当的位置,等比例缩小图形,效果如图2-181所示。

图2-178

图2-179

图2-180

图2-181

(11)用上述的方法制作出如图2-182所示的效果。

图2-182

(12)选择“钢笔”工具49427-00-40-014,在工具箱中将“笔触颜色”设为黑色,在舞台窗口中绘制一个闭合边线,效果如图2-183所示。选择“选择”工具49427-00-40-015,在舞台窗口中选中闭合边线,在工具箱中将“填充颜色”设为咖啡色(#674A4B),“笔触颜色”设为无,效果如图2-184所示。

图2-183

图2-184

(13)选择“钢笔”工具49427-00-40-019,在工具箱中将“笔触颜色”设为黑色,在舞台窗口中绘制一个闭合边线,效果如图2-185所示。选择“选择”工具49427-00-40-020,在舞台窗口中选中闭合边线,在工具箱中将“填充颜色”设为红色(#DE312A),“笔触颜色”设为无,效果如图2-186所示。

图2-185

图2-186

(14)单击“时间轴”面板下方的“新建图层”按钮49427-00-40-023,创建新图层并将其命名为“翅膀”。选择“钢笔”工具49427-00-40-024,在工具箱中将“笔触颜色”设为白色,在舞台窗口中绘制一个闭合边线,效果如图2-187所示。选择“选择”工具49427-00-40-025,在舞台窗口中选中闭合边线,在工具箱中将“填充颜色”设为红色(#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”图标49427-00-41-005,进入“场景1”的舞台窗口。将“图层1”图层重命名为“圆形”。选择“椭圆”工具49427-00-41-006,在工具箱中将“笔触颜色”设为无,“填充颜色”设为黄色(#F5D32B),按住Shift键的同时在舞台窗口中绘制一个圆形,效果如图2-193所示。用相同的方法绘制多个圆形,并分别填充相应的颜色,效果如图2-194所示。

图2-193

图2-194

(2)单击“时间轴”面板下方的“新建图层”按钮49427-00-41-009,创建新图层并将其命名为“星星”。选择“多角星形”工具49427-00-41-010,在多角星形工具“属性”面板中,将“笔触颜色”设为无,“填充颜色”设为黄色(#F5D32B),单击“工具设置”选项组中的“选项”按钮,在弹出的“工具设置”对话框中进行设置,如图2-195所示,单击“确定”按钮,完成选项的设置。在舞台窗口中绘制多个五角形,效果如图2-196所示。

图2-195

图2-196

(3)单击“时间轴”面板下方的“新建图层”按钮49427-00-41-013,创建新图层并将其命名为“小火箭”。将“库”面板中的图形元件“小火箭”拖曳到舞台窗口中,如图2-197所示。选择“任意变形”工具49427-00-41-014,旋转实例的角度,并将其拖曳到适当的位置,效果如图2-198所示。迷你太空绘制完成,按Ctrl+Enter组合键即可查看效果。

图2-197

图2-198

2.3.2 墨水瓶工具

使用墨水瓶工具可以修改向量图形的边线。

导入花瓣图形,如图2-199所示。选择“墨水瓶”工具49427-00-41-017,在“属性”面板中设置笔触颜色、笔触高度以及笔触样式,如图2-200所示。

图2-199

图2-200

这时鼠标指针变为49427-00-42-001,在图形上单击鼠标,为图形增加设置好的边线,如图2-201所示。在“属性”面板中设置不同的属性,所绘制的边线效果也不同,如图2-202所示。

图2-201

图2-202

2.3.3 颜料桶工具

导入心形图形,如图2-203所示。选择“颜料桶”工具49427-00-42-007,在“属性”面板中设置填充颜色,如图2-204所示。在图形边框内单击鼠标,边框内被填充颜色,如图2-205所示。

图2-203

图2-204

图2-205

系统在工具箱的下方设置了4种填充模式可供选择,如图2-206所示。

图2-206

“不封闭空隙”模式:选择此模式时,只有在完全封闭的区域,颜色才能被填充。

“封闭小空隙”模式:选择此模式时,当边线上存在小空隙时,允许填充颜色。

“封闭中等空隙”模式:选择此模式时,当边线上存在中等空隙时,允许填充颜色。

“封闭大空隙”模式:选择此模式时,当边线上存在大空隙时,允许填充颜色。当选择“封闭大空隙”模式时,无论空隙是小空隙还是中等空隙,也都可以填充颜色。

根据边框空隙的大小,应用不同的模式进行填充,效果如图2-207所示。

图2-207

“锁定填充”按钮49427-00-42-016:可以对填充颜色进行锁定,锁定后填充颜色不能被更改。

没有选择此按钮时,填充颜色可以根据需要进行变更,如图2-208所示。

图2-208

选择此按钮时,将鼠标指针放置在填充颜色上,指针变为49427-00-42-020,填充颜色被锁定,不能随意变更,如图2-209所示。

图2-209

2.3.4 滴管工具

使用滴管工具可以吸取向量图形的线型和色彩,然后利用颜料桶工具,快速修改其他向量图形内部的填充色。利用墨水瓶工具,可以快速修改其他向量图形的边框颜色及线型。

1. 吸取填充色

选择“滴管”工具49427-00-43-001,将鼠标指针放在左边图形的填充色上,指针变为49427-00-43-002,在填充色上单击鼠标,吸取填充色样本,如图2-210所示。

图2-210

单击后,指针变为49427-00-43-003,表示填充色被锁定。在工具箱的下方,取消对“锁定填充”按钮49427-00-43-004的选取,指针变为49427-00-43-005,在右边图形的填充色上单击鼠标,图形的颜色被修改,如图2-211所示。

图2-211

2. 吸取边框属性

选择“滴管”工具49427-00-43-008,将鼠标指针放在左边图形的外边框上,指针变为49427-00-43-009,在外边框上单击鼠标,吸取边框样本,如图2-212所示。单击后,指针变为49427-00-43-010,在右边图形的外边框上单击鼠标,线条的颜色和样式被修改,如图2-213所示。

图2-212

图2-213

3. 吸取位图图案

滴管工具可以吸取外部引入的位图图案。导入图片,如图2-214所示。按Ctrl+B组合键,将位图分离。绘制一个五边形,如图2-215所示。

图2-214

图2-215

选择“滴管”工具49427-00-43-015,将鼠标指针放在位图上,指针变为49427-00-43-016,单击鼠标,吸取图案样本,如图2-216所示。单击后,指针变为49427-00-43-017,在五边形的内部单击鼠标,图案被填充,如图2-217所示。

图2-216

图2-217

选择“渐变变形”工具49427-00-43-020,单击被填充图案样本的五边形,出现控制点,如图2-218所示。按住Shift键,将左下方的控制点向中心拖曳,如图2-219所示。填充图案变小,如图2-220所示。

图2-218

图2-219

图2-220

4. 吸取文字属性

滴管工具还可以吸取文字的颜色。选择要修改的目标文字,如图2-221所示。

图2-221

选择“滴管”工具49427-00-43-025,将鼠标指针放在源文字上,指针变为49427-00-43-026,如图2-222所示。在源文字上单击鼠标,源文字的文字属性被应用到了目标文字上,如图2-223所示。

图2-222

图2-223

2.3.5 橡皮擦工具

选择“橡皮擦”工具49427-00-43-029,在图形上想要删除的地方按下鼠标并拖动鼠标,图形被擦除,如图2-224所示。在工具箱下方“橡皮擦形状”按钮49427-00-44-001的下拉菜单中,可以选择橡皮擦的形状与大小。

图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

要想快速删除舞台上的所有对象,双击“橡皮擦”工具49427-00-44-009即可。

要想删除向量图形上的线段或填充区域,可以选择“橡皮擦”工具49427-00-44-010,再选中工具箱中的“水龙头”按钮49427-00-44-011,然后单击舞台上想要删除的线段或填充区域即可,如图2-231和图2-232所示。

图2-231

图2-232

提示

因为导入的位图和文字不是向量图形,不能擦除它们的部分或全部,所以必须先选择“修改 > 分离”命令,将它们分离成向量图形,才能使用橡皮擦工具擦除它们的部分或全部。

2.3.6 任意变形工具和渐变变形工具

在制作图形的过程中,可以应用任意变形工具来改变图形的大小及倾斜度,也可以应用填充变形工具改变图形中渐变填充颜色的渐变效果。

1. 任意变形工具

选中图形,按Ctrl+B组合键,将其打散。选择“任意变形”工具49427-00-44-014,在图形的周围出现控制点,如图2-233所示。拖动控制点改变图形的大小,如图2-234和图2-235所示(按住Shift键,再拖动控制点,可成比例地拖动图形)。

图2-233

图2-234

图2-235

将鼠标指针放在4个角的控制点上时,指针变为49427-00-44-015,如图2-236所示。拖动鼠标旋转图形,如图2-237和图2-238所示。

图2-236

图2-237

图2-238

系统在工具箱的下方设置了4种变形模式可供选择,如图2-239所示。

图2-239

“旋转与倾斜”49427-00-45-008模式:选中图形,选择“旋转与倾斜”模式,将鼠标指针放在图形上方中间的控制点上,指针变为49427-00-45-009,按住鼠标不放,向右水平拖曳控制点,如图2-240所示,松开鼠标,图形变为倾斜,如图2-241所示。

图2-240

图2-241

“缩放”49427-00-45-012模式:选中图形,选择“缩放”模式,将鼠标指针放在图形右上方的控制点上,指针变为49427-00-45-013,按住鼠标不放,向右上方拖曳控制点,如图2-242所示,松开鼠标,图形变大,如图2-243所示。

图2-242

图2-243

“扭曲”49427-00-45-016模式:选中图形,选择“扭曲”模式,将鼠标指针放在图形右上方的控制点上,指针变为49427-00-45-017,按住鼠标不放,向右上方拖曳控制点,如图2-244所示,松开鼠标,图形扭曲,如图2-245所示。

图2-244

图2-245

“封套”49427-00-45-020模式:选中图形,选择“封套”模式,图形周围出现一些节点,调节这些节点来改变图形的形状,鼠标指针变为49427-00-45-021,拖动节点,如图2-246所示,松开鼠标,图形扭曲,如图2-247所示。

图2-246

图2-247

2. 渐变变形工具

使用渐变变形工具可以改变选中图形的填充渐变效果。当图形填充色为线性渐变色时,选择“渐变变形”工具49427-00-45-024,用鼠标单击图形,出现3个控制点和2条平行线,如图2-248所示。向图形中间拖动方形控制点,渐变区域缩小,如图2-249所示,效果如图2-250所示。

图2-248

图2-249

图2-250

将鼠标指针放置在旋转控制点上,指针变为49427-00-46-003,拖动旋转控制点来改变渐变区域的角度,如图2-251所示,效果如图2-252所示。

图2-251

图2-252

当图形填充色为径向渐变色时,选择“渐变变形”工具49427-00-46-006,用鼠标单击图形,出现4个控制点和1个圆形外框,如图2-253所示。向图形外侧水平拖动方形控制点,水平拉伸渐变区域,如图2-254所示,效果如图2-255所示。

图2-253

图2-254

图2-255

将鼠标指针放置在圆形边框中间的圆形控制点上,指针变为49427-00-46-009,向图形内部拖动鼠标,缩小渐变区域,如图2-256所示,效果如图2-257所示。将鼠标指针放置在圆形边框外侧的圆形控制点上,指针变为49427-00-46-010,向上旋转拖动控制点,改变渐变区域的角度,如图2-258所示,效果如图2-259所示。

图2-256

图2-257

图2-258

图2-259

提示

通过移动中心控制点可以改变渐变区域的位置。

2.3.7 手形工具和缩放工具

手形工具和缩放工具都是辅助工具,它们本身并不直接创建和修改图形,只是在创建和修改图形的过程中辅助用户进行操作。

1. 手形工具

如果图形很大或被放大得很大,那么就需

要利用“手形”工具49427-00-46-015调整观察区域。选择“手形”工具49427-00-46-016,鼠标指针变为手形,按住鼠标不放,拖动图像到需要的位置,如图2-260所示。

图2-260

技巧

当使用其他工具时,按“空格”键即可切换到“手形”工具49427-00-46-019。双击“手形”工具49427-00-46-020,将自动调整图像大小以适合屏幕的显示范围。

2. 缩放工具

利用缩放工具放大图形以便观察细节,缩小图形以便观看整体效果。选择“缩放”工具49427-00-46-021,在舞台上单击可放大图形,如图2-261所示。

图2-261

要想放大图像中的局部区域,可在图像上拖曳出一个矩形选取框,如图2-262所示,松开鼠标后,所选取的局部图像被放大,如图2-263所示。

图2-262

图2-263

选中工具箱下方的“缩小”按钮49427-00-47-005,在舞台上单击可缩小图像,如图2-264所示。

图2-264