按钮和动作的结合实例
——精美花卉相册（1）
主讲人：刘建才
1、学会使用常见的动作脚本
2、掌握动画的制作步骤和过程
3、了解动画的优化和发布
先看一个制作实例：《精美花卉相册》。
我们不点击时，画面处于静止状态。当点击小图片时，对应的小图片就会放大，
再点击画面任意位置，画面又回到了初始状态。
这个实例是如何制作的呢？先看它的原程序，
它有6个图层，分别是：背景图层、文字图层、小按钮图层、图片图层、大按
钮图层和动作图层呈现的是前5个图层的叠加效果。动作层是指：动画播放到某
帧时触发相应的动作。正是由于动作图层和赋予按钮的动作脚本，flash才具有可控性和交互作用。比如，当点击图片1按钮时，执行从第2帧到第11帧的播放。
其制作过程如下
6
1、背景： 用一个图片作为背景。
打开库，如果库是空的，没有
内容
财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容
，可以把图片素材导入库中，方法：点击文
件—导入—导入到库，（选择保存位置和素材）—打开。把作为背景的图片拖入舞台，
调整大小和位置。既可以用任意变形工具粗略调整，也可：打开对齐面板，选中相
对于舞台—垂直居中分布、水平居中分布，来精确调整。
2、文字：选用文本工具，在工具栏中选用字体颜色，在“文本”菜单中选择“字
体”“大小”“样式”建立文本框，输入文字。也可在属性面板中选择和调整。
3、小按钮：选用要打开的图片作为按钮。
选中该帧，分别把作为按钮的图片拖入舞台。改变大小：既可以用变形工具，
也可以用属性面板来精准设置大小，分别选中，输入图片的宽高值。调整位置，全
部选中，打开对齐面板，不选中“相对于舞台”，点击“底对齐”和“水平居中分布”。
4、图片：选中第2帧，右击，选择“插入关键帧”把图形从库中拖入舞台，选
中图片，打开对齐面板，选中，“相对于舞台”，点击“垂直居中分布” 和“水平居中分布”。把图片对齐在舞台正中间。选中图片，点击修改—转化为元件—图形—确
定。把位图文件转化为图形。第10帧插入关键帧，调整第2帧的图片大小，右击该帧，点击“创建补间动画”，建立动作渐变。
第21帧，插入空白关键帧，（重复第2帧的制作方法）拖入舞台，转化为图形，
第30帧插入关键帧，改变大小，建立渐变
第31帧，重复第21帧的制作方法。
把背景和文字图层延续到第40帧：分别右击两图层的第40帧，选择“插入帧”
5、大按钮：该图层的第10帧，插入关键帧，选用绘图工具，在工具栏中，设
置笔触颜色为无色，填充色可任意，绘制一个方形。为了防止按钮遮罩住图片，在
混色器中设置按钮的透明度：选中图片，打开“混色器”面板，点击 alphal栏右侧的向下的箭头，向下拖动滑块。也可在框中直接输入数值。把图形转化为按钮：选
中图片，点击 修改—转化为元件—按钮—确定。为了不让该画面向后延续，右击第
11帧，选择“插入空白关键帧”。把这两帧复制粘贴到分别右击第20、30、40帧：
选中这两帧，右击—复制，分别右击第20、30、40帧，选择“粘贴”
浙公网安备 33021202002483