当前位置:首页 >> 其它课程 >> 按钮动画学案

按钮动画学案


Flash 按钮和交互动画
学习目标:
1. 掌握按钮的制作方法。 2. 掌握按钮在交互动画中的使用。

学习重难点:
重点:按钮的制作 难点:按钮的使用

导学过程:
【导学一】利用文字制作按钮元件 操作步骤: 1、新建一个 Flash 文档,另存为“按钮.fla” 。 2、执行“插入?新建元件”命

令,在“新建元件”对话框中选择“按钮”类型, 元件名称为“文字按钮” 。确定后,会进入按钮元件编辑状态,如下图所示。

3、编辑按钮元件 ? 选中第一帧“弹起” ,点击文本工具 体、颜色、字号。 ,在编辑区域输入 Play,并设置好字

? ?

右键单击“指针经过” ,插入关键帧,改变 Play 的颜色。 右键单击“按下” ,插入关键帧,再次改变 Play 的颜色,并对其位置做细微 调整(为了制作按下的效果,可将 Play 稍向左下移一点) 。 3、单击“场景 1”返回到场景 1 中,

1

选中图层 1 中的第 1 帧,将文字按钮从元件库中拖放到舞台上。

5、测试影片,观看按钮效果,并保存。 【导学二】利用图片制作按钮元件 操作提示: 1、 执行“文件?导入?导入到库”命令,将 gif 图片按钮 1、按钮 2、按钮 3 导 入到库中。 2、 执行“插入?新建元件”命令,在“新建元件”对话框中选择“按钮”类型, 元件名称为“图形按钮” 。确定后,会进入按钮元件编辑状态。 3、 编辑按钮元件: 为了增强作品可视性,我们在 3 帧中加入不同的图形(分别为按钮 1、按钮 2、按钮 3) 。

?

“弹起帧” ? 选择 “弹起帧” 将库中的 , “按钮 1” 拖拽到舞台, 在属性栏将其坐标 X、 Y 均设为 0,以确定它的位置。

?

“指针经过帧” ? 选择 “指针经过帧” 执行“编辑——>清除”命令(或者使用 Backspace , 键)将舞台上的“按钮 1”清除。 ? 将库中的“按钮 2”拖拽到舞台,在属性栏将其坐标 X、Y 均设为 0。

2

?

“按下帧” ? 选择“按下帧” 执行“编辑——>清除”命令(或者使用 Backspace 键) , 将舞台上的“按钮 2”清除。 ? 将库中的“按钮 3”拖拽到舞台,在属性栏将其坐标 X、Y 均设为 5,以

确定它的位置。 (制作按钮按下的效果) 4、 单击场景 1,返回到场景 1 中。 5、 插入图层 2,选中图层 2 的第一帧,将图形按钮从元件库中拖放到舞台上。

6、测试影片,观看按钮效果,并保存。 【导学三】在动画中添加播放按钮 操作步骤: 1、打开“按钮.fla”“蝴蝶飞.fla” 、 ,切换到“蝴蝶飞.fla”文件中。 2、插入一个新图层,命名为“停止” 。 右键单击第一帧,选择“动作” ,弹出“动作”面板。设置如下:

双击

2、插入一个新图层,命名为“按钮” 。

3

3、单击“库”面板最上方的下拉列表框,在弹出的下拉列表中选择“按钮.fla” 。 此时,库中显示的是“按钮.fla”文件中的元件。

4、选中图层“按钮”中的第 1 帧,将库中的文字按钮拖放到舞台上。 5、设置按钮动作。 ? 右键单击舞台中的按钮元件实例,选择“动作” ,弹出“动作”面板。 ? 按钮动作设置示意图。

输入代码

双击

在英文状态下输入

6、测试影片,观看效果,并保存文件。

附录:Flash 常用动作命令及其功能
play() :继续播放 Flash 某帧动画; stop() :停止播放 Flash 某帧动画; gotoAndPlay:前往某一个场景或帧,并且播放;
4

gotoAndStop: 前往某一个场景或帧,并且停留在该场景或帧; setProperty:设定物体属性的值; startDrag:将鼠标光标锁定在目标对象上; stopDrag:将鼠标光标解除锁定在对象上; tellTarget:告知特定的对象执行动作; stopAllSounds:停止所有的声音播放; loadMovie/ loadMovie:载入/取消载入电影; duplicate/Remove Movie Clip:复制/移除电影片段 on(release) :鼠标事件; onClipEvent:电影剪辑事件;

5


更多相关文档:

按钮动画学案

按钮动画学案 隐藏>> Flash 按钮和交互动画学习目标: 1. 掌握按钮的制作方法。 2. 掌握按钮在交互动画中的使用。 学习重难点:重点:按钮的制作 难点:按钮的使用...

引导线动画学案

引导线动画学案_其它课程_高中教育_教育专区。操作任务一:如何让小球沿某一路径...3、单击 按钮,在普通层上层新建一个引导层,普通层自动变为被引导层。 4、在...

flash动画学案

flash动画学案_其它课程_初中教育_教育专区。引动引导层动画一、在桌面新建一个文件夹,文件夹的名字以自己的学号和姓名命名,如 23 号 张良,最后将完成的任务的源...

文字动画学案

文字动画学案_其它课程_高中教育_教育专区。齐河县实验中学学案模式高二年级 课题 备课组长 学习目标 学习重点、 难点 信息技术学科 文字动画的制作意见 时间:2010 年...

制作运动动画学案

任务3-1-3 制作运动动画学案温故知新:形变动画的制作方法? 形状提示点的使用技巧? 做一做:制作飞机运动动画 1、 新建一个文件,文档背景颜色为黑色 2、 选择...

动画基础知识学案

动画基础知识学案 目标 知识与技能目标 (1)了解动画制作的原理及动画技术的发展历程与现状。 (2)学会从网上下载计算机动画的常用方法。 过程与方法 借助动画软件将...

Flash简单动画制作学案

Flash 简单动画的制作学案任务一: 完成单图层小鱼逐帧动画,要求演员鲸鱼从左向右...在任务一的基础上添加一个图层 提示:在图层区域中找到插入图层按钮→点左键 2...

路径动画学案

路径动画学案一、 复习 1、元件可以分为哪三种,作用是什么? 2、如何制作运动渐变...制作逐帧动画,效果如下图: 7、单击“场景 1”按钮,切换到“场景 1” 。 ...

逐帧动画学案

逐帧动画学案 逐帧动画学案 1、 FLASH 的启动方法: 执行 【开始】 —— 【...在弹出的消息框 中单击 按钮图片序列即可被导入到各关键帧中。 命令测试动画...

引导动画学案

模拟燕子的飞行,介绍引导动画的制作。模拟燕子的飞行,介绍引导动画的制作。隐藏>> Flash 动画 学案《引导动画的制作》 学案《引导动画的制作》【教学目标】 1.知识...
更多相关标签:
flash按钮控制动画 | android 按钮点击动画 | 按钮动画 | css3 按钮动画 | android 按钮动画效果 | ios 按钮点击特效动画 | flash按钮动画 | css3鼠标滑过按钮动画 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com