中文版Flash CS6基础培训教程(第2版)
上QQ阅读APP看书,第一时间看更新

3.2 对象的修饰

在制作动画的过程中,可以应用Flash CS6自带的一些命令对曲线进行优化,将线条转换为填充,对填充色进行修改或对填充边缘进行柔化处理。

命令介绍

柔化填充边缘:可以将图形的边缘制作成柔化效果。

3.2.1 课堂案例——绘制沙滩风景

【案例学习目标】使用不同的绘图工具绘制图像,使用形状命令编辑图形。

【案例知识要点】使用“柔化填充边缘”命令,制作太阳发光效果;使用“钢笔”工具,绘制白云形状;使用“变形”面板,改变图形的大小,最终效果如图3-57所示。

【效果所在位置】Ch03/效果/绘制沙滩风景.fla。

图3-57

扫描观看本案例视频

(1)选择“文件>新建”命令,弹出“新建文档”对话框,在“常规”选项卡中选择“Action Script 3.0”选项,将“宽”选项设置为600,“高”选项设置为450,单击“确定”按钮,完成文档的创建。

(2)将“图层1”重新命名为“背景”,如图3-58所示。选择“矩形”工具,在工具箱中将“笔触颜色”设置为无,“填充颜色”设置为青色(#0099FF),单击工具箱下方的“对象绘制”按钮,在舞台窗口中绘制一个矩形,如图3-59所示。

图3-58

图3-59

(3)选择“窗口 > 颜色”命令,弹出“颜色”面板,单击“填充颜色”按钮,在“颜色类型”选项的下拉列表中选择“线性渐变”,在色带上将左边的颜色控制点设置为青色(# 81C8EB),将右边的颜色控制点设置为蓝色(#3198CC),生成渐变色,如图3-60所示。

(4)选择“颜料桶”工具,在矩形的内部从下向上拖曳鼠标填充渐变色,效果如图3-61所示。

图3-60

图3-61

(5)选择“文件>导入>导入到舞台”命令,在弹出的“导入”对话框中选择“Ch03 >素材>绘制沙滩风景> 01”文件,单击“打开”按钮,文件被导入舞台窗口中,如图3-62所示。将“图层1”重命名为“风景”。

(6)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“太阳”。选择“椭圆”工具,在工具箱中将“笔触颜色”设置为无,“填充颜色”设置为黄色(#FFDC00),在舞台窗口中绘制一个圆形,如图3-63所示。选择“选择”工具,选中圆形,如图3-64所示。

图3-62

图3-63

图3-64

(7)选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在对话框中进行设置,如图3-65所示,单击“确定”按钮,效果如图3-66所示。

图3-65

图3-66

(8)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“云彩”。选择“钢笔”工具,在钢笔工具的“属性”面板中,将“笔触颜色”设置为黑色,“笔触”选项设置为1,在舞台窗口中绘制一个闭合边线,如图3-67所示。

(9)调出“颜色”面板,单击“填充颜色”按钮,在“颜色类型”选项的下拉列表中选择“线性渐变”,在色带上将左边的颜色控制点设置为白色,将右边的颜色控制点设置为淡绿色(#DBEBC8),生成渐变色,如图3-68所示。

图3-67

图3-68

(10)选择“颜料桶”工具,在闭合边线内部从左向右拖曳鼠标填充渐变色,效果如图3-69所示。选择“选择”工具,选中云彩图形,如图 3-70 所示,在工具箱中将“笔触颜色”设置为无,效果如图3-71所示。

图3-69

图3-70

图3-71

(11)选中“云彩”图形,按住Alt键的同时拖曳鼠标到适当的位置复制图形,效果如图3-72所示。选择“窗口 >变形”命令,弹出“变形”面板,在“变形”面板中将“缩放宽度”选项设置为60%,“缩放高度”选项也随之变为60%,如图3-73所示,按Enter键确定操作,效果如图3-74所示。

图3-72

图3-73

图3-74

(12)用相同的方法再复制几朵白云图形,然后拖曳到适当的位置并调整其大小,效果如图3-75所示。沙滩风景绘制完成,效果如图3-76所示,按Ctrl+Enter组合键即可查看。

图3-75

图3-76

3.2.2 优化曲线

应用优化曲线命令可以将线条优化得较为平滑。选中要优化的线条,如图3-77所示。选择“修改 > 形状 > 优化”命令,弹出“优化曲线”对话框,进行设置后,如图3-78所示;单击“确定”按钮,弹出提示对话框,如图3-79所示,单击“确定”按钮,线条被优化,如图3-80所示。

图3-77

图3-78

图3-79

图3-80

3.2.3 将线条转换为填充

应用将线条转换为填充命令可以将矢量线条转换为填充色块。导入花朵图片,如图3-81所示。选择“墨水瓶”工具,为图形绘制外边线,如图3-82所示。

选择“选择”工具,双击图形的外边线将其选中,选择“修改 > 形状 > 将线条转换为填充”命令,将外边线转换为填充色块,如图 3-83 所示。这时,可以选择“颜料桶”工具,为填充色块设置其他颜色,如图3-84所示。

图3-81

图3-82

图3-83

图3-84

3.2.4 扩展填充

应用扩展填充命令可以将填充颜色向外扩展或向内收缩,扩展或收缩的数值可以自定义。

1.扩展填充色

选中图形的填充颜色,如图3-85所示。选择“修改>形状>扩展填充”命令,弹出“扩展填充”对话框,在“距离”选项的数值框中输入6(取值范围为0.05~144),单击“扩展”单选项,如图3-86所示。单击“确定”按钮,填充色向外扩展,效果如图3-87所示。

图3-85

图3-86

图3-87

2.收缩填充色

选中图形的填充颜色,选择“修改>形状>扩展填充”命令,弹出“扩展填充”对话框,在“距离”选项的数值框中输入12(取值范围为0.05~144),单击“插入”单选项,如图3-88所示;单击“确定”按钮,填充色向内收缩,效果如图3-89所示。

图3-88

图3-89

3.2.5 柔化填充边缘

1.向外柔化填充边缘

选中图形,如图3-90所示,选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入50,在“步长数”选项的数值框中输入5,单击“扩展”单选项,如图3-91所示,单击“确定”按钮,效果如图3-92所示。

图3-90

图3-91

图3-92

在“柔化填充边缘”对话框中设置不同的数值,所产生的效果也各不相同。

选中图形,选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入30,在“步长数”选项的数值框中输入20,单击“扩展”单选项,如图3-93所示,单击“确定”按钮,效果如图3-94所示。

图3-93

图3-94

2.向内柔化填充边缘

选中图形,如图3-95所示,选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入50,在“步长数”选项的数值框中输入5,单击“插入”单选项,如图3-96所示,单击“确定”按钮,效果如图3-97所示。

图3-95

图3-96

图3-97

选中图形,选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入30,在“步长数”选项的数值框中输入20,单击“插入”单选项,如图3-98所示,单击“确定”按钮,效果如图3-99所示。

图3-98

图3-99