《FLASH动画制作初步》教案

1、FLASH动画制作初步【教材分析】本节内容为普通高中课程标准实验教材信息技术基础（教育科学出版社）第五章第三节的内容，教材上只在5.3.2图像信息的采集与加工中关于图像的加工工具中提及FLASH。功能特点为：可用来制作静态图像和可互动的动画，可以任意缩放不失真，文件体积不大。适用性为：适用网络图形和动画的制作，深受各层次用户的喜爱。教材上除了这一行文字介绍外，其它未提及，估计是放在选修多媒体技术上重点讲。但我市信息技术选修不选这一门，所以本人基于FLASH动画使用广泛，也深受学生的喜爱,也基于信息技术课时的有限考虑，准备用2课时讲解FLASH动画制作，让学生了解动画原理，能制作基本的动画。本教

2、案为第1课时。【学情分析】本节课的内容FLASH动画制作初步，虽然教材上提及不多，但学生普遍对动画很感兴趣。笔者在高一学生入学时，曾做过调查问卷，72.34%的同学对动画感兴趣（如下图所示）。同样通过调查得知，高一学生中有近50%的学生学过FLASH，有一定的动画制作的基础。图5.1 高一学生兴趣调查由于设计这节课时，正值2012年的中秋节前夕，笔者就联系实际生活，以“花好月圆迎中秋”为主线，把基本的动画设计贯穿其中。由于学生有一些基础，所以设计本课内容时容量有所增加，以满足学生的需要。【教学目标】知识与技能：1、了解动画的原理，理解关键帧、图层的作用。2、了解逐帧动画的制作方法。3、学会制作

3、形状补间动画（图形变形、文字变形）。4、了解位图转矢量图的方法，了解对象的分离方法。过程与方法：1、通过学习逐帧动画，理解动画的原理，并自然过渡到形状补间动画的学习，掌握形状补间动画制作的基本方法。2、通过学习文字变形的形状补间动画，掌握文字操作的一些基本方法，加深对形状补间动画制作的了解，特别是对象的分离（打散）。情感、态度与价值观：1、以中秋为背景，能够激发学生热爱祖国传统文化的情怀。联系生活创作动画，培养学生善于提出问题、分析问题、解决问题的能力，培养学生动手操作的实践能力。2、激发学生的想象和创作欲望，培养学生敢于探索新事物、不断进取的精神，促进学生之间的相互学习和合作交流。【教学重点

4、】动画的原理；形状补间动画的制作方法。【教学难点】文字的“分离”（即打散），外部图形的转换（位图转换为矢量图）。【教学过程】一、 创设情境，提出任务课件显示一张中秋节的背景图。师：月光皎洁花无尘，花有清香月有痕。金樽醉月伴花眠，花好月圆不夜天。同学们，好一首花好月圆的美诗，但是配上这样静态的图画，同学们想想是不是缺少点什么？师：如果有鲜花绽开过程的展现，有月亮在空中由缺变圆的痕迹，那么金樽美酒才能更好地配上这花好月圆夜。那要制作鲜花绽开、月亮运动，用什么软件可以制作这样的动画呢？师：能制作动画的软件很多，其中FLASH就是一款简单易用的动画制作软件，很适合我们这些初学者。今天这节课我们一起来熟

5、悉FLASH，用它来制作简单的动画，为中秋的夜晚增加动的色彩。二、共同讨论，分析任务师：要用Flash软件来制作动画，首先得熟悉Flash软件，初步认识Flash的界面。师生打开Flash 8.0（一）初识FLASH界面师：同学们观察一下FLASH界面。最上面这一块是功能区，有标题栏、菜单栏以及主工具栏。我们把界面其余的部分分为五大块，上下左右中，那这五大块分别是什么？ 师请学生来介绍，最后总结讲解，重点强调时间轴和舞台：工具箱：提供文本和图形的编辑工具。包括选择工具、绘图工具、颜色填充工具和查看工具。举例：画蓝色矩形，写字:中秋。（请学生注意下面属性面板的变化） 并告知学生FLASH绘制的图

6、形为矢量图以及矢量图的优点。属性面板：对各个对象的属性的设置。举例：对矩形的设置（换成绿色），对字的设置（字号放大，颜色为黄色）。（字体的设置让学生来做）舞台： 就是工作区，在这里可以绘图、写字，或者导入外部图形文件进行编辑。就像演员表演的舞台，所以我们给它形象的取个名字叫“舞台”，动画可以呈现在舞台上，超出舞台的区域为不可见，也就是幕后，FLASH动画十分注重舞台和幕后的共同设计。浮动面板：提供舞台上的一些对象的功能设置。举例：对齐设置。时间轴窗口：在Flash的时间轴上有很多的矩形小格子，每一个小格子叫帧，它是构成动画的基本单位。时间轴可以调整电影的播放速度，同学们学过的Word,Exce

7、l,Powerpoint等都是基于页面的，是一页一页来显示的，而flash是基于时间轴来播放的。（二）理解重要概念可举例讲解下面几个重要概念：重要概念：帧：构成动画的基本单位、时间轴上的小格子。空白关键帧：无内容、空心圆圈的方格、可编辑。关键帧：动画中呈现关键性内容的帧， 有内容、实心圆圈的方格、可编辑。普通帧：内容与前一关键帧内容完全相同，不可编辑，用于延长动画播放时间。帧频率fps：每秒播放的帧数。（三）分析动画原理师：通过这四帧的制作，一个小动画就完成了。下面请同学们来说说：动画的原理（什么是动画？）动画原理：利用了人眼的视觉暂留特性，当若干幅有一定差异的图片连续不断在眼前显示时，便可感

8、觉到动画的效果三、 针对任务，明确思路在学生了解了Flash的基本操作和动画原理后，师生分析如何制作鲜花的盛开过程。（一）逐帧动画探究任务一：制作鲜花盛开的动画 (可用“素材”文件夹中的图片)要求：用逐帧动画实现，并保存作品。学生有了完成任务的思路，很容易完成该探究任务。师：这个动画，用到了四帧，并且都是关键帧，我们把这样的动画叫做逐帧动画。板书【逐帧动画】逐帧动画：全部由关键帧组成，可以一帧一帧地绘制，也可以导入外部图形文件。请学生总结逐帧动画的制作方法。逐帧动画的制作方法：1. 建立空白关键帧2. 在空白关键帧中添加内容（直接绘制或外部导入）师：好，同学们很轻松就让鲜花盛开了，非常棒！别忘

9、了把作品保存。保存作品：文件菜单中的“保存”和“导出”功能 Flash文件两种格式：图5.2 Flash文件两种格式师：中秋节临近了，月亮也由月初的月牙变成了圆月。同学们尝试来制作由月牙变成圆月的动画。师生分析用逐帧动画是否能实现，让学生尝试操作。结果是能实现，但不理想，要绘制多个且不同形状的月亮，费时费力还不形象。教师适时引入本课的重点：形状补间动画。（二）形状补间动画探究活动二：制作一个由月牙变成圆月的动画。要求：注意月亮的颜色和背景的颜色。根据学生操作情况，自然过度到形状补间动画。关键：定义两个关键帧，选择补间为形状。形状补间动画：是“形状”之间的切换动画，即从一个“形状”逐渐过度到另一

10、个“形状”，过度帧中的内容是依靠两个关键帧上的形状进行计算得到的。师：形状补间动画可以实现哪些变化？学生讨论：师总结：形状、大小、位置、颜色教师提醒：形状补间动画的起始帧和结束帧的对象，当选中时出现点点状，或者说散沙状，正因为它散，所以才可以任意地形变。探究活动三：分组探究形状补间动画的形变对象要求：A组探究：如何将外部图片导入进行形变(图片可从“素材”文件夹中选择)B组探究：如何将文字进行形变（如：中文变英文）注意：通常导入的图片都是位图，要做形状补间动画必须将位图转换成矢量图，手工绘制的图形本身就是矢量图，不需转换；文字工具输入的文字需要分离。请各组派代表来演示探究成果。师根据学生操作情况

11、适时引入图层讲解。（三）认识图层图层：就相当于一个透明容器，其中放着一个图像元素或一组类似的图像元素。每个图层中的图像元素都可以单独加工，且不影响其他图层。重要概念：图层：一个图层只能控制一个运动的对象，多个对象同时运动必须建立多个图层，静止的和运动的对象不能放在同一图层。四、自主探索、完成任务【自主创作】要求：1、围绕主题“花好月圆迎中秋”创作动画。2、要有背景层，要体现形状补间动画。(背景图片在素材文件夹中)3、大胆创作，自由发挥。4、作品保存为两种格式，上传作业。教师根据学生创作情况作适当提示，个别指导。鼓励生生合作探究、互相帮助。如有学生提出，中秋的夜晚月亮的形状没变，都是圆月，只是位置发生了变化，怎么实现呢？还有同学觉得自己画的月亮没有现实中的月亮那么美，怎么办？这时教师可提示用补间动画中的另一种动画动作补间来实现，月亮图片可从外部导入。具体将在下节课学习。五、欣赏作品，完善任务展示学生作品请学生自评，互评，最后教师根据学生的创作情况进行点评。师：同学们，本课我们学习并且制作了哪些动画