形状补间动画制作

《形状补间动画制作》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、教案首页课题：制作形状补间动画课型新授课课时1知识、教学目标：1、理解关键帧、普通帧的概念及其作用；2、形状补间动画的概念及其创建方法；3、学会制作形状补间动画；教学重点：帧的概念和形状补间动画的制作教学难点：形状补间动画的制作教法选择：讲解——演示——操作教、学具准备：Top2000教学辅助系统，主题学习网站（asp环境）教学内容：一、组织教学：二、复习：回忆逐帧动画的制作原理和方法。三、新课引入：flash是动画制作软件，一说动画，就使人第一联想到动画片，通过轻松的动画片话题引起学生的学习兴趣。同学们喜欢看动画片吗

2、？最喜欢哪部动画片，最喜欢的动画人物是谁？给大家介绍动画片《巴巴爸爸，巴巴变》，使用Top2000教学系统播放主题学习网站中的动画片《巴巴爸爸，巴巴变》，通过让学生观察动画人物的变化过程，引出形状补间动画的制作原理和方法。问题：这段动画片中，人物一共有多少种变化？（培养学生的观察能力，并通过动画的形式，激发学生的学习兴趣。）四、新课主体1、了解帧的知识，：（1）什么是普通帧？普通帧：普通帧显示为一个个的单元格。无内容的帧是空白的单元格，有内容的帧显示出一定的颜色。不同的颜色代表不同类型的动画，如动作补间动画的帧显示为浅

3、蓝色，形状补间动画的帧显示为浅绿色。而静止关键帧后的帧显示为灰色。关键帧后面的普通帧将继承该关键帧的内容。（2）什么叫关键帧？关键帧：关键帧定义了动画的变化环节，逐帧动画的每一帧都是关键帧。而补间动画在动画的重要点上创建关键帧，再由Flash自己创建教案附页关键帧之间的内容。实心圆点是有内容的关键帧，即实关键帧。而无内容的关键帧（即空白关键帧）则用空心圆表示。（3）你能找到几个插入关键帧的方法？2、认识形状补间动画（1）形状补间动画的概念在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状Flas

4、h根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。知识点：形状补间和运动补间动画的区别？形状补间是物体由一个物体变化到另一个物体。（例如圆渐变到正方形，红色渐边到蓝色等等）动作补间是物体从一个状态到另一个状态。（包括位置，倾斜角度，透明度等等）为了直观表现形状补间动画，在主题网站使用3个FLASH动画示例说明。（1）颜色变化的小球——可以是颜色的变化（2）树林变白云——可以是形状的变化（3）文字变化——可以是文字的变化（文字需要打散）（2）构成形状补间动画的元素形状补间动画可以实现两个图形之间颜色、形状、

5、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”才能创建变形动画。（强调知识点：什么是打散的图形？）（3）动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如下图。3、创建形状补间动画——图形变化成另一个图形。在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属

6、性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图所示，一个形状补间动画就创建完毕。使用top2000教学系统演示《巴巴爸爸巴巴变》动画实例制作过程：第一步：使用FLASH工具栏绘图在第１帧画好动画人物巴巴爸爸。第二步：第20帧插入关键帧，然后在20帧里，把动画人物删除，用flash工具（铅笔，油漆桶等）绘画出变化后的图形——鲸鱼。第三步：点击第1帧，属性栏里设置如下图：第四步：动画实例制作完成，保存，演示。4、学生练习，完成比较简单的从矩形变化成圆形的flash形状补间动画。5、

7、教师演示创建形状补间动画——灯笼图形变化成文字，强调文字必须打散后才能够制作形状补间动画，否则就不能完成。6、学生练习文字变形的flash动画。五、实践任务从下面任选题目，完成动画的制作，因为时间关系，素材可以到主题网站直接下载使用，鼓励学生多思考，发挥自己的创意，创造更多形状补间动画，培养学生的创新思维，提高他们的个性发展。根据不同层次的学生，设置了3个不同阶段的制作任务。初级任务：从一个圆到矩形的变形动画中级任务：从灯笼到文字的变形动画（小提示：文字要打散后做形状补间动画）高级任务：发挥自己的想象，创造千变万化的动

8、画效果。六、识拓展和反馈（1）推荐优秀flash学习网站：闪吧：http://www.flash8.net/闪客帝国：http://www.flashempire.com/Flash网络教室：http://tech.china.com/zh_cn/netschool/homepage/flash/闪盟论坛：http://www.f