第二课 制作形状补间动画

第二课制作形状补间动画

2010-12-06 08:55:07| 分类：教案设计| 标签：|字号大中小订阅

【教材及学情分析】

本课是八年级《信息技术》第一单元第二课，主要介绍了flash形状补间动画的制作。为了使动画效果更流畅，介绍形状提示的添加。教材以几种动物之间的形变为例，但对绘画基础要求较高。因此，在实际授课中，我以基础的图形变化为例（圆形变方形），重点使学生掌握形状补间动画原理。

【教学目标】

知识目标：了解形状补间动画原理。

能力目标：掌握形状补间动画的制作要领，会制作简单的形状补间动画。

情感目标：通过学生动手操作，体验成功的喜悦，激发学生学习热情。

【教学重点】形状补间动画制作；部分选取工具的使用

【教学难点】打散（分离）命令。

【教学方法】讲授法任务驱动法实例演示法

【教学准备】多媒体网络教室图片学案

【课时】2课时

第1课时形状渐变动画初步入门

【教学过程】

一、创设情境，激情导入

相信很多同学都爱看动画片，特别是一些经典动画，让人百看不厌。大家一定看过动画版的《西游记》，谁来说说你看完这部动画片，留给你印象最深是那一集？（生答：……）

对于“三打白骨精”，白骨精一会变成了美少女，一会变成老头，一会变成老婆婆，这些在flash中就

是用形状补间动画来实现的。

二、新授

1、形状渐变动画：Flash自动变形技术可以将一种形状自动变形为另一种形状.制作者只需创建前后

两个关键帧，即起始的图形和结束的图形,中间的过渡部分就可由Flash自动完成。

强调：形状渐变是动画制作的常用手法，它只能应用于打散的图形。

2操作步骤：

（1）新建一个Flash文件，

（2）选中第1帧，然后选择椭圆工具，在舞台中央绘制椭圆图形，选中第10帧，插入关键帧，然后选择矩形工具，在舞台中央绘制矩形，填充颜色为橘黄色。

（3）选中第30帧，插入帧，使得方形在屏幕上停顿几秒钟。

（4）选中第1帧，在属性面板中设置如下：Tween----Shape（设置形状渐变动画）

（5）按住Ctrl+Enter，预览动画。

三、巩固练习

网上下载白骨精、少女、老婆婆、老头图片，制作白骨精变化的形状补间动画。

强调：将图片导入到舞台后，要做形状补间动画，必须先将其打散。（“修改——分离”）

四、小结

补间动画和逐帧动画最大的区别就在于逐帧动画每个关键帧都需要用户自己制作，而补间动画只需创建前后两个关键帧，中间部分由计算机自动生成。如果在制作形状补间动画时，时间轴上出现虚线，说明动画没成功，我们就需要检查每一个关键帧上的图形图案是不是被打散的。

【课后反思】形状补间动画对象丰富，极大引起学生兴趣，但对于“打散”学生并不是很了解，需反复

强调。

第2课时提高实例制作

一、实例说明:

1、椭圆变制作形状补间动画" alt="第二课制作形状补间动画"

src="/uc/myshow/blog/misc/gif/E___6733EN00SIGG.gif"

real_src="/uc/myshow/blog/misc/gif/E___6733EN00SIGG.gif" TYPE="face">的画法。本例是结合关键帧动画与形状渐变动画制作出由圆变为心，再由心做各种旋转动作形成动画。借以巩

固制作形状渐变动画。

2、一变山。形状提示的添加

技术要点:椭圆工具，部分选取工具、自由变形工具（旋转和倾斜功能），颜料桶工具文本工具以及

形状渐变动画制作技巧。

教学步骤:

一、心的画法

1. 单击工具箱中的椭圆工具,边框颜色无，填充颜色红色.然后在舞台中拖出一个椭圆

2. 选中椭圆,按住Ctrl键复制出一个相同的椭圆.

3. 移动复制出的椭圆使得两个椭圆相交,。

4. 单击部分选取工具，删除某些节点，使之成为心形。

1.画椭圆

2.复制椭圆并相交

3.用部分选取工具，删除节点

二、文字变形（一变山）制作形状补间动画" height=166 alt="第二课制作形状补间动画"

src="/middle/4fa6b55ft94aadc4f3621&690" width=481

real_src="/middle/4fa6b55ft94aadc4f3621&690">

操作步骤:

1. 新建flash文档.

2. 选中第1帧,在舞台中使用文字工具输入字“一”。将其打散。

3. 在第10处插入关键帧，删除“一”，在原位置使用文字工具，输入“山”，将其打散。

4. 选中第一帧，在属性面板中设置其补间为形状。此时动画效果不是很流畅。

5. 选中第1帧，选择“修改——形状——添加形状提示”，添加一个提示点啊，重复两次，添加提

示点b、c。将提示点分别移到一字的左、中、右位置。

6. 单击第10帧，在“山”字上已经自动添加了提示点，将两帧上的提示点移到对应位置上。

7. 按住Ctrl+Enter，预览动画。

三、小结：

这个动画能够激发学生的积极性，但由于动手不熟练，作出的动画没有作到尽善尽美。

【课后反思】对于形状补间动画，，前后用了两课时，由简到难进行学习，这符合学生的认知规律。

同时在过程中注意强调要领，强调基础技能的训练。