《制作形状补间动画》由会员分享，可在线阅读，更多相关《制作形状补间动画（6页珍藏版）》请在金锄头文库上搜索。
1、第二课 制作形状补间动画课 型：新 授一、教学目标1、理解形状补间动画原理；2、学会制作图形变形动画；3、学会制作文字变形动画。二、教学任务1、制作图形变形动画； 2、制作文字变形动画。三、教学方法 实例演示、讲授法、任务驱动法。 四、教学重点、难点形状补间动画原理及其制作。五、教学资源：Flash MX2004及以上版本、多媒体教室、多媒体教学软件系统六、教学过程教学引入学生观看形状补间动画“导入.swf” ，教师提问：“同学们在看动画的过程中，思考如何制作这个动画？”上节课我们已经尝试制作了第一个动画：倒计时动画我们是一帧一帧地绘制的，这是逐帧动画的特点。其实，动画的前后帧之间是有联系的。
2、对于某些动画，可以只设定动作的起始帧和终止帧，中间帧由Flash自动生成，究竟是如何生成的呢？好，这节课就让我们一起来学习P35页-制作形状补间动画。 在一个关键帧中绘制一幅画，然后在另一个关键帧中绘制另一幅画，Flash 根据二帧的形状自动补充中间过程的帧，这样创建的动画称为“形状补间动画”。（一、）图形的变形 （教师和学生同时操练）1、演示实例一：制作一个圆变成正方形的动画。 操作步骤： 1)新建一个动画文件。选择画椭圆的工具，画圆。如图2-2.1所示。 图2-2.1 用椭圆工具画圆 思考：如果要画出一个正规的圆，那么应该怎么画？（按住Shift键再在舞台画圆。）2)单击时间轴的第30帧处
3、，单击鼠标右键，插入空白关键帧。如图2-2.2所示。 图2-2.2 这时播放头移到第30帧，在第1帧至第30帧之间自动地插入了帧，它们的内容都与第1帧相同，称为“静止帧”。 3)单击第30帧（空白关键帧），选择画矩形工具，选择合适的填充色在舞台画出一个长方形（按住Shift键拖拽画出的是正方形）。见图2-2.3。 图2-2.3 第30帧画正方形4)选择第1帧，单击鼠标右键，然后选择【属性】(properties)，打开帧的属性面板（见图2-2.4）。选择补间方式为形状（见图2-2.5）。 图2-2.4 打开帧的属性面板 图2-2.5 帧的属性面板 这时Flash根据第1帧和第30帧的内容自动地
4、生成两个关键帧之间的帧（见图2-2.6）。 图2-2.6 形状补间 按“Ctrl+Enter”测试。可以观察到圆变正方形的整个过程。 在时间轴上，形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。 2、试一试：请参照书本P37制作一个鱼变成螃蟹的动画。（做好的同学也可以自己发挥想象，制作自己喜欢的动物之间的变形。）教师：“刚才同学们在图形之间可以实现形状变化，请同学们思考，我们在文字方面可不可以实现形状之间的变化呢？如果可以，又该怎么做，和我们学的图形变形有什么异同呢？（二、）文字的变形1、演示实例二：将文字“信息技术” 变形为 “Flash动画”。 （教
5、师学生一起操作）操作步骤： 1)在第1个关键帧输入文字“信息技术”。调整文字的大小、颜色、字体等（图2-2.8）。 图2-2.8 文字工具及文字属性面板 2)在第20帧处插入一个空白关键帧，输入文字“Flash动画”。调整文字的大小、颜色、字体等（图2-2.9）。 图2-2.9 在20帧处输入文字 3)选择第1关键帧，单击菜单“修改”“分离”，将“信息技术”分离成单独的文字；再次单击菜单“修改”“分离”，将字符分离成图形。如图2-2.10所示。 图2-2.10 分离文字 同样地，将第20关键帧的文字“Flash动画”也分离成图形。 注：将文字进行图形变化的时候，需要实现两次的分离。快捷键是“C
6、trl+B”4)选择第1关键帧，打开属性面板,设置补间为“形状”。 2、试一试：请参照书本P37-39制作一文字动画:从信息技术变为“长方形”。1、学生自我评价表：评价项目分值效果分投入程度是否全心投入 10分获取信息能力是否迅速准确 10分分析信息能力是否准确完整 10分实际动手能力任务一至四各占10分，综合应用占20分协作交流能力是否具有互助学习精神 10分2、学生作品评价表：评价项目分值效果分文字与背景的颜色搭配是否和谐20分文字在动画中摆放的位置是否合适20分文字部分的内容是否有创意20分动画设置过渡是否自然，有创新20分教师20分（三、）作品展示，师生互评：利用大屏幕投影展示每组推出的优秀作品，组织学生进行评价，教师再适时加以点评。（四、）本课小结：1、检查学生提交的作业、小组长收集该组组员在做动画的过程中遇到的问题提出来，现场解决！质疑：本节课，我们学了些什么？2、本节课主要学习了形状补间动画的制作，制作的要领为：制作好关键帧，为第1个关键帧设置补间为“形状”即可。将文字进行图形变化的时候，需要实现两次的分离。
