教学时间

第9 周

计划课时

 2课时+实训2课时

序号

9

课程内容

模块9：遮罩动画综合实战

教学目标

掌握遮罩动画的制作技巧；了解什么时候适合使用遮罩动画；掌握制作变形动画的基本操作；能够利用添加变形提示点使动画效果更加美观。

教学重点

遮罩动画和形状动画的制作

教学难点

形状动画的制作

教学方法

讲授演示法，任务驱动学习法和协作学习法

教学资源

互联网、多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。

教学过程

备注

复习旧课

总结上周实训中遇到的问题。

导入新课

问题的提出：1．什么叫遮罩动画？

2.动画的类型?

 讲述新课

9.1动画制作基础

1、动画的基本原理：

（1）视觉暂留现象

物体在人眼前经过时在人眼视网膜上形成像，当物体消失时，它的像并不会立即消失而是要停留一段时间。

（2）计算机动画形成原理

利用人的视觉暂留现象，用连续的静态图片（相邻图片之间有稍微不同）按一定的速度运行起来，就形成了动画。

2、帧的基本概念：

（1）帧是组成动画的基本单位，每一帧即一个画面，Flash动画是以时间线为基础的帧动画。

（2）动画的播放速度（帧频）按帧/每秒计算，记作fps；

（3）Flash cs默认的动画播放速度是每秒12帧，fps速度的设置范围0.01fps~120fps。

3、在Flash中的帧有这样几种类型：

（1）关键帧：

动画中发生改变的画面也即关键画面我们称之为关键帧。当创建逐帧动画时，每个帧都是关键帧。在补间动画中，可以在动画的重要位置定义关键帧，Flash会创建关键帧之间的帧内容。补间动画的插补帧显示为浅蓝色或浅绿色，并会在关键帧之间绘制一个箭头。 关键帧用实心圆表示。

（3）普通帧：

普通帧是延续前面相邻关键帧画面的时间，它的内容与紧邻的前关键帧画面一样。

（4）空白关键帧：

没有内容的关键帧。用空心圆则表示该帧为空白的关键帧。

（5）补间帧（插补帧）：

在补间动画中，Flash会创建关键帧之间的帧内容，这些帧称为插补帧，显示为浅蓝色或浅绿色，并会在关键帧之间绘制一个箭头。如图所示浅蓝色显示动画补间的补间帧，如图所示浅绿色显示形状补间的补间帧。如图5-1

4、帧的基本操作

常用的帧操作有：创建帧、选择帧、复制帧、粘贴帧、剪切帧、删除帧、反转帧。

5、Flash动画类型

Flash中可以制作三种动画：

（1）逐帧动画创建每帧动画的内容，然后逐帧播放

（2）形状渐变动画指两个图形对象的变换，其变化效果是由Flash控制的，其动画效果是从一个图形转换为另一个图形

（3）移动渐变动画指同一个对象不同状态的变化，其变化效果是由Flash控制的，常用于制作对象的位移、尺寸缩放、旋转、颜色渐变等效果

6、动画制作流程

⑴ 打开新影片文件并安排场景；

⑵ 插入动画元件（帧、图层等）；

⑶ 设定动画效果并测试动画；

⑷ 使用 文件/保存 命令保存扩展名为 .fla 的 Flash 动画文件；

⑸ 输出影片.swf

7、制作动画的注意事项：

（1）如果一幅动画中有两个或两个以上的不同类的对象同时运动，要把这些对象分别放在不同的图层上，使之各自独立，互不干扰。

 （2）制作动画时，最好把一个动作单独放置在一个图层中，等这个图层制作好后，再制作另一个图层。

 9.2 逐帧动画的制作

　逐帧动画：在舞台上一帧一帧地绘制或修改图像，连续播放形成动画。

　制作步骤：

1. 单击层名称，使之成为当前层，选择层中的某一关键帧作为动画的起点。

2. 创建图形，可以使用绘图工具直接绘图，也可以从剪板板粘贴图象或导入图象。

3. 单击右边的下一帧，鼠标右键点击→在弹出菜单中选择插入关键帧命令或按F6键

4. 修改舞台上的内容

5. 重复步骤4、5，完成所有关键帧。

（如果我们担心有些帧之间图形的位置间隔不太恰当，可以打开灯箱显示模式，来查看各帧的相对效果，）

9.3 形状补间动画的制作

　 使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。

一．形状补间动画制作步骤

1. 选择要制作动画的层；在动画开始播放的地方创建或选择一个关键帧

2. 创建或放置图形对象或分离的组、位图、实例或文本块

3. 在同一层上再创建一个关键帧，并选择该关键帧

4. 选择在前一个关键帧中放置的图形执行以下操作之一

· 修改插图的形状、颜色或位置。

· 删除该插图，然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。

5.　在时间轴上选择第1个关键帧，从“属性”面板中的“补间”弹出菜单中选择“形状”

 实例1：展开的卷轴

实例2：西湖水漂

课堂小结

1.掌握遮罩动画、形状补间动画的制作方法。

2.使学生能够灵活使用设置动画的基本方法并制作简单动画。

3.注意形状补间动画提示点的设置方法

布置作业

实训：制作遮罩动画

实训：制作形状补间动画