FLASH 动画教学.doc

FLASH教案
田超波2011年
项目4动作补间动画
课题任务太极图动画教学方法教师讲解、学生讨论，上机实训操作授课节数2课时教学目标应知了解动作补间动画的定义、原理与制作对象。
了解动作补间动画制作的三部曲。
了解FlashCS3中元件的定义、类型和区别。
了解FlashCS3中的库面板的功能。
了解FlashCS3中实例的属性功能。应会能利用动作补间动画的原理制作出流畅的Flash动画。
能熟练制作各种不同作用的元件。
能熟练设置对象实例的各种属性。
能熟练应用常用面板提高操作的有效性和准确性。
能制作本次课的实例。相关知识1.动作补间动画的原理与制作方法。
2.时间轴上动作补间动画的显示特点。
3.元件和库的概念。学习重点动作补间动画的原理与制作方法【技能训练】（上机实训）
一、项目任务
太极图动画的制作
效果描述：测试影片时，太极图发生变化的同时自身也在旋转。动画效果如图所示。

设计思路：
1、制作太极图旋转元件；
2、在场景1利用元件1完成动画效果；
制作步骤：
1、新建一个Flash文档，舞台背景为黑色，新建影片剪辑元件1，在舞台正中央绘制一个由白到黑的放射状填充的正圆，在80帧插入帧，如下图所示。

2、插入图层2，单击视图→网格→编辑网格。出现如下图所示对话框，把显示网格和贴紧至网格都勾选上，。
注意要都√上

3、隐藏图层1，在图层2中通过椭圆工具(辅助Shift+Alt键)，在舞台正中央绘制出如下图所示图形，

4、利用选择工具删除部分线条，最后成如下图所示图形。

5、利用颜料桶工具对上面图形填充相应颜色，最终图形如下图所示。

6、右击图层2第1帧，选择创建补间动画，在属性面板中设置顺时针旋转次数为10次，在80帧插入关键帧。如下图所示。

7、回到场景1，取消网格的显示（单击视图→网格→显示网格），拖入元件1到舞台，创建补间动画，利用任意变形工具给元件变形，分别在20、40帧插入关键帧，单击20帧，将元件1又变形成圆形。动画制作完毕。如下图所示。

时间轴截图：
按钮元件1的时间轴截图是：

场景1的时间轴截图是：

注意事项：
1、制作元件1时注意显示网格。
2、元件1中绘制圆形时Shift+Alt的使用。
3、颜色的设置
拓展尝试：
尝试制作出太极图拓展动画
提示：
1、按钮从公用库中拉出
2、停止代码是：

3、播放代码是：

课堂作业：
1、此动画中，显示网格命令在菜单下可以找到；
2、此动画中，利用椭圆工具绘制圆形时，需利用和组合键。
二、任务实训
1.学生根据任务要求进行上机操作，教师在机房巡回指导。
2.学习完成项目任务后，提交作业（上交fla文件和swf文件）。
3.在完成该项目所有任务的基础上，教师点评作业。