制作形状补间动画——超级变变变

制作形状补间动画——超级变变变一、指导思想以新课改的精神为依据，以培养学生信息素养为宗旨，强调问题解决和倡导运用信息技术进行创新实践的课程理念。

此节课创设了“超级变变变”情境，指导学生利用flash形状补间动画表现一定的故事情节，充分调动了学生的积极性，学生的创新意识和综合能力得到锻炼。

二、教材及教学内容分析教材flash版本为flashMX，而我校的教学环境是flash8，本节课是继逐帧动画和运动补间动画之后的第三节——制作形状补间动画，他是本章的教学重点和难点。

教材围绕“蜗牛寻找蓝天”学习文本和图形的形状补间动画的制作方法。

三、学情分析本节课的教学对象为初中一年级学生，是被重点高中的初中部选拔筛选后的学生。

学生的认知能力、自主学习能力需要慢慢提高，但对任何事情充满好奇心，喜欢自己展现自我价值。

绝大部分学生是刚刚接触FLASH内容，通过前几节课的学习对FLASH有了一定的了解，能制作简单的逐帧动画和运动补间动画，对绘图工具、图层、帧的使用还需要进一步巩固。

四、教学策略实际教学中为了更好的激发学生学习flash的兴趣，调动自主创新的积极性，教学内容添加了元件和文字间的形状补间动画，设计了以利用工具箱中的工具制作形状补间动画为主线进行教学，从图形与图形的变变变到制作贺卡——图形、文字、元件的超级变变变为情境，从尝试操作到综合应用，循序渐进。

在教学过程中教师提供符合学生制作能力的样例，拓宽学生的视野，关注学生兴趣；提供半成品源文件，强化重点知识的学习与应用并且降低难度；准备学案，为学生解惑提供方便；利用演示文稿课件，提高教学效果；用任务驱动、自主学习、讲授等教学方式将知识点传授给学生，达到强调重点和突破难点——图形、文字、元件的形状补间动画的制作，完成课堂教学目标。

五、教学目标（一）、知识与技能：1、知道形状补间动画的原理、概念；2、进一步学会绘图工具的使用方法；3、学会创建图形、文字和元件的形状补间动画；4、学会在多个图层实现多个形变动画的制作。

（二）、过程与方法：1、通过图形与图形的形状补间动画的制作，激发创作欲望，学会探索创新；2、通过完整的动画作品创作，提高了综合运用知识的能力，激发了创造力、想象力。

（三）、情感态度与价值观：1、通过完整的作品动画创作，赋予动画以丰富的情感，领悟动画呈现信息的方式。

2、通过欣赏动画作品和评价，拓展思维，提升审美情趣。

六、教学重难点：（一）、重点：用图形、文字、元件进行形状补间动画的制作方法；（二）、难点：用图形、文字、元件进行形状补间动画的制作方法。

七、教学方法和资源：（一）、教学方法：任务驱动、讲授法、自主学习法、小组协作法。

（二）、教学资源：1、教学环境：Windows XP操作系统、Flash8软件、局域网广播系统。

2、学习资源：（1）变变变（圆变三角形）.swf、学案.doc、（2）“任务一参考样例”文件夹：节约一滴水成活一棵树.swf、流星.swf、烛光闪烁.swf、鸡蛋变小鸡.swf等。

（3）“任务二参考样例”文件夹：生日贺卡样例.swf、生日贺卡.fla 新年贺卡样例.swf、新年贺卡.fla 等6个（4）“任务二半成品源文件”文件夹：生日贺卡.fla等各种贺卡半成品。

八、教学流程示意图：九、教学过程与设计意图教学环节教学内容教师活动学生活动设计意图课前动画欣赏播放“百变发型”动画，引发学生对形状补间动画的兴趣。

欣赏使学生满怀神奇地走进信息技术教室，激发学习兴趣追踪原理导入新课分析圆形变成三角形的过程环节一：样例导入：请同学们欣赏动画作品“变变变（圆变三角形）”。

环节二：追踪原理：思考：flash动画制作的原理是什么？怎样实现“圆变三角形”这个动画效果？预设1：视觉暂留原理。

预设2：逐帧动画。

请一名同学用语言描述制作圆变三角形的逐帧动画的制作方法。

师：逐帧动画实现会花去很多的时间，而且有时还不能精确到形变过程中的每一幅画面的效果（如我们看到的百变发型），为此，Flash提供了形状补间功能，可自动生成中间各帧上的对象。

可见，形状补间动画的原理是逐帧动画。

形状补间动画的概念：使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。

师：展示“变变变”源文件，分析。

过渡：下面我们来探究一下“变变变”形状补间的实现过程，体验神奇的功能吧！板书：制作形状补间动画——变变变欣赏动画“变变变”思考请一名同学用语言描述制作圆变三角形的方法。

倾听、理解形状补间动画的原理。

温故知新引导学生分析形状补间动画的形成，知道形状补间动画的原理感受动画的表现手法板书：一、形状补间动画的原理：逐帧动画明确形状补间动画的概念“变变变”前预留出两个字位置，为任务二学生结合情景创作时补齐“超级”两个字。

自主学习实践创新制作图形图形的形状补间动画。

环节一：出示目标本节课需要达到的知识与技能目标:1、知道形状补间动画的原理、概念；2、进一步学会绘图工具的使用方法；3、学会创建图形、文字和元件的形状补间动画；4、学会在多个图层实现多个形变动画的制作。

环节二：任务一：自创图形—变变变1、布置任务：★基本任务：绘制任意图形，制作形请一名学生大声朗读目标，其他学生倾听、观看1、打开学案.doc，明确任务、要求，课件展示目标，明确本节课所学的知识与技能目标。

培养学生自主学习的能力▲拓展任务：制作任意一个图形与五角星的形状补间动画。

（可自选完成）任务要求：见学案——任务一——任务要求2、完成任务（可看软件），并在感受一栏填上自己的表情。

学生实践、教师答疑解惑、同学协作。

环节三：学生展示“变变变”作品并说明操作步骤——形状补间动画制作过程。

由师生分别简单评价该作品。

【师生共同小结】：1、两个关键帧上要分别有不同的对象。

2、选中形变的第一帧或首尾帧的中间。

3、补间——形状。

预习任务一操作过程。

2、参考学案中样例和学习软件，创作形状补间动画。

3、小组协作完成任务一实行分层教学激发兴趣，拓展思维。

培养互助精神、创作意识规范操作步骤给学生鼓励，增强自信心，激发兴趣强调重点化解难点板书：图形——图形一、形状补间动画条件：2个关键帧+图形培养归纳总结能力，纠正容易出错的地方环节一：质疑——演示——引导，图形、文字、元件形变【质疑】图形能否与文字发生形变呢？【师演示】：三角形与文字“变变变”的形状动画。

结果出问题，时间轴出现绿色虚线，形状补间被打断，反问：问题出在哪里呢？（切换到学案）图形变文字，文字打散是关键，选中文字然后Ctrl+B，两次，文字出现麻点状，说明把文本才分离成图形，如果一个文字只需一次Ctrl+B就可以，一个以上的都需要执行两次Ctrl+B。

【师引导】：元件变文字，元件需不需要打散？图形变文字，文字打散是关键，依次类推，要是库中的元件拖到舞台上来，这个对象需不需要分离成图形呢？请同学们看学案，（切换到学案）元件变文字，都要打散。

可见，文字需要打散，元件也需要打散。

过渡：接下来进入超级变变变——制作贺卡，你变我变大家变，看谁变的最精彩。

思考、倾听、回答感受“文字与图形的形变”出问题，引发思考，学会学习，到学案中找答案。

强调重点，加强记忆板书：图形——文字元件——文字打散成图形文本需要打散元件需要打散为后续自主学习做铺垫，起到画龙点睛的作用。

教学环节教学内容教师活动学生活动设计意图环节二：任务二：贺卡制作——超级变变变1、布置任务：图形变文字，元件变文字★基本任务：图形变文字，元件变文字▲拓展练习：（可自选完成）（1）、调整图形和元件的出场顺序。

（2）、每层最后的文字怎样多停留些时间在舞台上，并和背景图同时结束。

任务要求：学案——任务一——任务要求2、完成任务（可看软件），并在感受一栏填上自己的表情。

学生实践、教师答疑解惑、同学协作。

参考学案完成任务小组合作动手制作完成任务板书：补齐“超级”明确任务根据画面的场景自己创作“图形变文字、元件变文字”的形状补间动画培养合作意识提高自主学习能力和创新能力展示评价提交作业展示作品评价作品提交作业环节一：作品展示与评价1、比一比哪组同学做的精美。

2 、每组展示一、二名同学的作品，大家品评。

看到同学们惊叹的表情，惊讶的目光，兴致盎然地制作过程，使我由衷地感到形状补间动画让生活更精彩。

环节二：提交学案和作品展示作品评价作品评比最棒的小组提交学案和作品增强自信心集体荣誉感提高鉴赏美感受动画的魅力提交的学案和作品以备教师对学生进行跟踪分析。

梳理知识课堂小结说说今天你有什么收获？学生回答提交学案和作品梳理知识加强记忆板书设计第三节制作形状补间动画——超级变变变形状补间动画条件：2个关键帧+图形图形——图形、图形——文字（2次）、元件——文字打散成图形1、整个教学流程是：分析原理（导入）——自主学习（制作简单的形状补间动画）——小结，质疑、解惑——创作（制作贺卡）——展示评价（检测题和作品）——课堂小结。

体现了以学生自主学习为主，教师引导为辅，给予学生创新实践提供充分的时间和空间的保障。

2、动画原理导入，分析形状补间动画原理，避免学生把形状补间动画和逐帧动画、运动补间动画形成对立，追溯根源，感受flash动画的内涵，体会动画不同的表现方式。

3、实施分层教学，尤其任务二的拓展练习“调整图形和元件的出场顺序。

（2）、每层最后的文字怎样多停留些时间在舞台上，并和背景图同时结束。

”是本节课的亮点。

使基本任务完成的同学感受到此任务能够使自己的作品更完美。

4、贺卡的制作——“超级变变变”限制了学生的自由发挥，提供更多的不同类别的半成品可能更有利于学生的想象力的和创造力。