
实例009 图层——制作简单的按钮图形
在制作Flash动画时,一个单独的图层是无法满足复杂动画制作需求的,常常需要创建多个不同的图层,以满足不同对象的动画制作要求。本例将通过使用图层创建一个简单的按钮图形。
源文件 源文件\第1章\实例9.fla
视频 视频\第1章\实例9.swf
知识点 “新建图层”“渐变变形工具”“颜色”面板
学习时间 8分钟
实例分析
本实例主要使用“矩形工具”绘制按钮,并在“颜色”面板中调整渐变颜色,使用“渐变变形工具”对渐变色进行调整。然后新建图层,使用“文本工具”输入文字。制作完成效果如图1-39 所示。

图1-39 最终效果
知识点链接
文件夹的妙用是什么?
制作一个完整的动画,常常需要几个甚至几十个图层。为了方便读者对众多图层进行管理,可以新建图层“文件夹”,对同类型的图层进行编组管理。
操作步骤
01 执行“文件>新建”命令,弹出“新建文档”对话框,单击“确定”按钮,新建一个空白文档,如图1-40所示。选择工具箱中的“矩形工具”,执行“窗口>颜色”命令,弹出“颜色”面板,如图1-41所示。
02 单击该面板中的“填充颜色”按钮,设置“填充颜色”为线性渐变,渐变颜色为#FFCC00到#FF9900,如图1-42所示。执行“窗口>属性”命令,在“属性”面板中进行相应设置,如图1-43所示。

图1-40 新建空白文档

图1-41 “颜色”面板

图1-42 设置渐变颜色
03 在舞台中绘制矩形,效果如图1-44所示。选择工具箱中的“渐变变形工具”,对矩形的渐变颜色进行调整,效果如图1-45所示。

图1-43 “属性”面板

图1-44 绘制矩形

图1-45 调整渐变
04 单击工具箱中的“文本工具”,在“属性”面板中进行相应设置,面板如图1-46所示。单击“时间轴”面板中的“新建图层”按钮,新建“图层2”,“时间轴”面板如图1-47所示。完成后在舞台中单击并输入文本,最终效果如图1-48所示。
提示
在使用“形状工具”绘制形状时,建议每绘制一个新的形状就创建一个图层,以方便修改和调整每个形状。当所有的形状都确定之后,可将所有形状合并到同一个图层中。

图1-46 “属性”面板

图1-47 “时间轴”面板

图1-48 完成效果
Q 渐变色填充的分类有哪些?
A Flash中的渐变填充分为线性渐变和径向渐变两种。使用这两种填充方式可以创建丰富多彩的填充效果,并且使用“渐变变形工具”可以轻松地完成对渐变颜色的修改和编辑。
Q 线性渐变与径向渐变的区别是什么?
A 线性渐变是沿着一条轴线,以水平或垂直方向改变颜色,而径向渐变是按从一个中心点向外放射的方式来改变颜色,径向渐变和线性渐变的设置方法大同小异。