信息技术八年级上册第二章 二维动画制作第三节 补间动画让物体动起来试讲课ppt课件

课程内容

补间动画让物体动起来

教学目标

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

教学重点

逐帧动画和形状动画的制作

教学难点

形状动画的制作

教学方法

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

教学资源

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

复习旧课

总结上周实训中遇到的问题。强调钢笔的工具的用法

导入新课

展示第一周的讲到的过的简单动画实例“笑脸变哭脸”，引入简单动画制作。

问题的提出：1．什么叫动画？2.动画的类型?

讲述新课

5.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）制作动画时，最好把一个动作单独放置在一个图层中，等这个图层制作好后，再制作另一个图层。

5.2 逐帧动画的制作

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

　制作步骤：

1. 单击层名称，使之成为当前层，选择层中的某一关键帧作为动画的起点。
2. 创建图形，可以使用绘图工具直接绘图，也可以从剪板板粘贴图象或导入图象。
3. 单击右边的下一帧，鼠标右键点击→在弹出菜单中选择插入关键帧命令或按F6键
4. 修改舞台上的内容
5. 重复步骤4、5，完成所有关键帧。

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

 5.3 绘图纸显示模式

　通常情况下，Flash一次只显示动画序列中的一个帧。如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔，可以使用绘图纸显示模式，来查看多个帧各帧的相对效果。在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。

  　绘图纸功能的使用：

1. 单击“绘图纸外观”按钮，在绘图纸起始标记和结束标记之间的所有帧被重叠显示
2. 单击“绘图纸外观轮廓”按钮，标记之间的帧显示为轮廓
3. 单击“编辑多个帧”按钮，可以编辑绘图纸标记之间的所有帧
4. 要更改一绘图纸标记的位置，将指针拖到一个新的位置
5. 单击“修改绘图纸标记”按钮，修改绘图纸外观标记的显示

5.4 形状补间动画的制作

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

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

1. 选择要制作动画的层；在动画开始播放的地方创建或选择一个关键帧
2. 创建或放置图形对象或分离的组、位图、实例或文本块
3. 在同一层上再创建一个关键帧，并选择该关键帧
4. 选择在前一个关键帧中放置的图形执行以下操作之一

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

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

　7.　要调整渐变过渡帧的变化速度。可以拖动“扩大值”旁边的箭头或输入一个值．

• 要使动画开始很慢越接近动画末尾时越快，则可以拖动滑杆向上移动或输入一个负数值，范围为-1至-100
• 要使动画开始很快越接近动画末尾时越慢，则可以拖动滑杆向下移动或输入一个正数值，范围为1至100

7. 可以选择混合类型的一个选项。

• 分布式：选择该项在创建动画时所产生的中间形状将平滑而不规则
• 角形：选择该项在创建动画时将在中间形状中保留明显的角和直线

　注意：

• 变形对象必须在一个图层上，否则不能形成补间动画。
• 要对组合体、实例、文本、位图图象应用补间形状动画，必须首先将这些元素打散。

二.控点的运用

　控点的作用：在补间形状动画的起始和结束帧中设置控点以便对变形过程进行人为的控制。

　设置控点方法：

1. 选择变形动画序列中的第一个关键帧，执行【修改】→【变形】→【添加形状提示】命令，则在变形对象的正中央有一个红色小圈，内部标有字母
2. 将变形提示移动到要标记的点。按照同样的方法添加和设置其他的变形提示。
3. 选择下一个关键帧，用鼠标按住控点，拖动变形提示到标记的位置。

注意：

• 设置控点时一定要排列好各控点的位置。在原始图形和要补间的图形中控点的顺序应该一致。
• 控点编号从a到z最多可以设置27.控点。
• 确保形状提示是符合逻辑的。例如，如果在一个三角形中使用三个形状提示，它们的顺序不能在第一个关键帧中是 abc，而在第二个中是 acb。
• 如果按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。
• 要删除控点可以用鼠标右键点击控点，在弹出的菜单中选择命令

实例1：数字变化

实例2：波浪

实例3：画矩形

实例4：氯水漂白

课堂小结

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

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

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

布置作业

实训六：制作逐帧动画

实训七：制作形状补间动画