按钮动画学案.docVIP

Flash按钮和交互动画 学习目标： 掌握按钮的制作方法。 掌握按钮在交互动画中的使用。 学习重难点： 重点：按钮的制作 难点：按钮的使用 导学过程： 【导学一】利用文字制作按钮元件 操作步骤： 1、新建一个Flash文档，另存为“按钮.fla”。 2、执行“插入(新建元件”命令，在“新建元件”对话框中选择“按钮”类型，元件名称为“文字按钮”。确定后，会进入按钮元件编辑状态，如下图所示。 3、编辑按钮元件 选中第一帧“弹起”，点击文本工具，在编辑区域输入Play，并设置好字体、颜色、字号。 右键单击“指针经过”，插入关键帧，改变Play的颜色。 右键单击“按下”，插入关键帧，再次改变Play的颜色，并对其位置做细微调整（为了制作按下的效果，可将Play稍向左下移一点）。 单击“场景1”返回到场景1中， 选中图层1中的第1帧，将文字按钮从元件库中拖放到舞台上。 5、测试影片，观看按钮效果，并保存。 【导学二】利用图片制作按钮元件 操作提示： 执行“文件(导入(导入到库”命令，将gif图片按钮1、按钮2、按钮3导入到库中。 执行“插入(新建元件”命令，在“新建元件”对话框中选择“按钮”类型，元件名称为“图形按钮”。确定后，会进入按钮元件编辑状态。 编辑按钮元件： 为了增强作品可视性，我们在3帧中加入不同的图形（分别为按钮1、按钮2、按钮3）。 “弹起帧” 选择“弹起帧”， 将库中的“按钮1”拖拽到舞台，在属性栏将其坐标X、Y均设为0，以确定它的位置。 “指针经过帧” 选择“指针经过帧”， 执行“编辑——清除”命令（或者使用Backspace键）将舞台上的“按钮1”清除。 将库中的“按钮2”拖拽到舞台，在属性栏将其坐标X、Y均设为0。 “按下帧” 选择“按下帧”， 执行“编辑——清除”命令（或者使用Backspace键）将舞台上的“按钮2”清除。 将库中的“按钮3”拖拽到舞台，在属性栏将其坐标X、Y均设为5，以确定它的位置。（制作按钮按下的效果） 单击场景1，返回到场景1中。 插入图层2，选中图层2的第一帧，将图形按钮从元件库中拖放到舞台上。 6、测试影片，观看按钮效果，并保存。 【导学三】在动画中添加播放按钮 操作步骤： 1、打开“按钮.fla”、“蝴蝶飞.fla”，切换到“蝴蝶飞.fla”文件中。 2、插入一个新图层，命名为“停止”。 右键单击第一帧，选择“动作”，弹出“动作”面板。设置如下： 2、插入一个新图层，命名为“按钮”。 3、单击“库”面板最上方的下拉列表框，在弹出的下拉列表中选择“按钮.fla”。 此时，库中显示的是“按钮.fla”文件中的元件。 4、选中图层“按钮”中的第1帧，将库中的文字按钮拖放到舞台上。 5、设置按钮动作。 右键单击舞台中的按钮元件实例，选择“动作”，弹出“动作”面板。 按钮动作设置示意图。 6、测试影片，观看效果，并保存文件。 附录：Flash常用动作命令及其功能 play（）：继续播放Flash某帧动画； stop（）：停止播放Flash某帧动画； gotoAndPlay：前往某一个场景或帧，并且播放； gotoAndStop: 前往某一个场景或帧，并且停留在该场景或帧； setProperty：设定物体属性的值； startDrag：将鼠标光标锁定在目标对象上； stopDrag：将鼠标光标解除锁定在对象上； tellTarget：告知特定的对象执行动作； stopAllSounds：停止所有的声音播放； loadMovie/ loadMovie：载入/取消载入电影； duplicate/Remove Movie Clip：复制/移除电影片段 on（release）：鼠标事件； onClipEvent：电影剪辑事件； 1 双击 在英文状态下输入 双击 输入代码