“形状补间动画”教学设计

“形状补间动画”教学设计（精选10篇）

“形状补间动画”教学设计 篇1

信息技术教学课例

课例名称：大战补间动画——制作形状补间动画

姓名：欧颖怡

单位：惠州市第九小学 电话：*** 邮箱：307081197@qq.com

大战补间动画

——制作形状补间动画

 教材分析：  学习内容：

本节课主要的学习内容包括制作图形和文字的形状补间动画，在学习的过程中使学生理解形状补间动画的原理，学会分离对象的方法，掌握“文字”工具的使用方法。 教学重点、难点：

 重点：制作图形变形的形状补间动画和文字的形状补间动画。

 难点：形状补间动画的理解，触类旁通制作其他动画。 课时要求：1课时  教学目标：  知识与技能过

（1）学会制作图形变形的形状补间动画。（2）学会制作文字变形的形状补间动画。（3）初步掌握“文字”工具的使用。（4）进一步理解关键帧的意义。 程与方法情感

（1）通过学习“从陶土变青花瓷”的形状补间动画，理解形

1/13

状补间动画的原理，掌握形状补间动画制作的基本方法，能触类旁通制作其他简单的形状补间动画。

（2）通过学习文字变形的形状补间动画，掌握文字操作的一些基本方法，加深对形状补间动画制作的了解，特别是对象的分离。

 态度与价值观

（1）培养学生阅读课本检索自学知识的能力。培养学生分析问题、触类旁通、举一反三的能力，培养学生动手操作的实践能力。

（2）通过自学能力强、掌握快的同学帮助掌握较慢的同学，一对一的帮助，培养学生互助互爱，促进学生相互学习合作交流。

（3）通过游戏驱动模式让学生感受自学收获的快乐，通过任务的执行激发学生的想象和创作热情。培养学生敢于探索新事物、不断进取的精神。 教学对象分析：

知识基础：通过前面几节课的学习，学生对Flash软件有了一个比较初步的认识，会用绘图工具构图，会使用渐变颜色进行填充，能识别元件和非元件，并能进行元件的创建与修改，会导入外部素材使用，会制作简单的逐帧动画，了解Flash软件中关键帧的特点，会对帧进行简单操作，在前面几节课对文本工具有初步的接触。

能力基础：在上几节课的引导下，学生基本学会阅读课本来解决操作上遇见的一些小问题。部分同学的实践能力较强，能初步利用课

2/13

本进行自学，部分同学的实践能力较弱，不知道如何将课本知识与实践相结合。一部分同学对困难有畏难心理喜欢求助老师，不利于个人自主学习。

情感基础：学生接触FLASH软件起就抱有非常浓厚的兴趣，对能自行使用FLASH制作出作品感到骄傲，喜欢并且渴望制作出原创的FLASH动画作品。喜于展现自己的作品，乐于分享、渴望认同。 教学模式：

本节课以游戏驱动模式，游戏设置了三关，每一关是一个形状补间动画的任务，第一关设置使学生学会制作图形向图形转变的形状补间动画，第二关设置任务为：文字向文字转变的形状补间动画。让学生对知识进行迁移应用。第三关设置任务为：图画向文字转变的形状补间动画。另外还设了“锦囊”文件夹，以便学生进行操作时遇到困难能自主寻找答案。另外设的“加分小宝箱”为纠错题和进阶练习，对学生修正常见错误的操作有一定的指导作用。“自由空间”为学生进行自由创作提供素材。

以游戏模式，激发学生的学习兴趣和上课热情，以学生自主探究、翻阅课本检索相关资料配合实践上机操作学习为主，以学生一帮

一、查阅教学视频自学为辅，让学生通过自主学习，或他人帮助完成任务，体会自主学习、帮助他人的愉快；让每位学生都想提升自己的能力，争当小老师。

本课以学生为主体、以教师讲解、总结为辅，重视引导学生进行学习。

3/13

 教法与学法： 教法：

任务驱动法、导学法 学法：

阅读课本自学法、查阅视频自学法、互助讨论法、行知学习法  教学准备：

 多媒体电脑室，教师准备好的学习素材： “大战补间动画”文件夹：

关卡一：完成图画变图画的形状补间动画素材

关卡二：文字形状补间动画的示范动画、文字变文字的示范源文件、文字变文字的要求文档

关卡三：完成图画变文字的形状补间动画 锦囊：教学视频、课堂板书、操作步骤 加分小宝箱：学生的纠错练习、提升练习 演示文稿

 教学过程：

导入（3分钟）游戏引入

（展示上节课学生制作的动画）

师:这是上节课一些学生的作品，非常棒。今天这节课我们要“大战补间动画”，你们有信心战胜吗？ 生：有！

4/13

师：大战补间动画一共分为三关：第一关，图形向图形转变的形状补间动画；第二关，文字向文字转变的形状补间动画；第三关，图画向文字转变的形状补间动画。另外还有了“锦囊”文件夹，在你们操作时候遇到困难可以看看锦囊文件夹，它会给你帮助。我们先来看看别人的通关作品，看看你们能不能做出来，如果你们来做会怎么操作呢？

（播放“陶土变茶壶.swf”）

师：谁能做出来？(提问举手学生)你是怎么做的呢?大概说一下制作的步骤? 生:用逐帧动画的方法制作,每一帧画好变化的图画。新授和练习（35分钟）

师：哦，你的想法我理解了，脑袋非常灵活，一下子就想出法子了。（鼓掌）

但是这个动画用的是不是这个方法呢？我们一起来看看，在看源文件前，请同学们拿好提示锦囊： 1.一共有几个关键帧？

2.每个关键帧内的图画是整体还是分离的？

3.时间轴面板上的帧与我们之前制作作品显示的有什么不同？（打开“陶土变茶壶.fla”）生：两个关键帧

师：移动看看，帧内的图画是分离还是整体？ 生：分离

5/13

师：时间轴面板上的帧与我们之前制作作品显示的有什么不同？ 生：有一些帧连续为绿色，并带有箭头。师：哪些帧？

生：第一个关键帧后直到第二个关键帧。

师：我们来研究研究这个带箭头的浅绿色的帧，（点击该类帧）我们来看看属性，生：它在补间部分设置了形状。师：

像这种动画，我们称之为形状补间动画，那么如何制作呢？老师和你们一起来翻翻这本通关秘籍学着做，请大家打开通关秘籍，必要时候教教老师哦！（教师操作并讲解：

打开桌面“大战补间动画”文件夹“第一关”“陶土形变素材.fla”）

师：打开文件以后我们要怎么做？

在书本哪里？

生：在课本第35页，按F11打开库，将“陶土”元件拖到舞台中，单击“修改”菜单，选择“分离”选项

师：我们来观察元件的变化，原本是一个整体，现在被分离开来了。

然后怎么做？

6/13

生：在时间轴的20帧按F7，插入空白帧

将库中的“茶壶”拖到舞台中，选中“茶壶”元件，按+B键分离元件，在两个关键帧中某一帧属性中设置形状补间。

完成以后，时间轴上过度帧变成了浅绿色，并且带有常常的箭头。

保存文件后，我们按住+调试动画。

老师的作品已经完成了，那么你们操作完成了吗？有些同学稍微迷路了,请迷路的小朋友举起手来，请已经完成操作的同学去给他们指路好吗？

（学生自行过座位帮助其他学生。）师：请完成了第一关的同学举起手来！（查看学生完成情况）我们都已经完成第一关的作品了

接下来我们来看看我们手上这本通关秘籍是怎么说的。师：简单总结一下，制作过程就是这几步： 第一步，设置两个关键帧

第二步，将关键帧内的图画设置分离（注意全选）

第三步，点击两个关键帧间的其中一帧，并将其补间设置为形状

同学们，我们手上这本通关秘籍非常有用，你们要学会借助它

7/13

攻破我们的第二关哦！

那第二关的任务又是什么呢？（打开观看“欢迎你.swf”）

这一关我们会用到一个新工具：文本工具（点击文本工具），在属性位置我们可以设置相关信息（将鼠标停留在按钮上，我们可以获得相关的提示）。

你们想到是怎么制作这个动画的了吗？

这一次老师就不带着你们一起操作，请你们按照刚刚熟悉的几个步骤，借助手上这本通关秘籍试一试吧！

另外，我们不要忘记了，我们还有“锦囊”文件夹，它会帮助我们度过难关的！

（学生自学实践操作）

有些同学出现了一些小问题，请先行翻书解决，看看你们能不能自行克服。

有些同学的速度非常快，有些同学还没有完成，请速度快的同学去帮助速度较慢的同学好吗？（学生自行过座位帮助其他学生。）

好，大部分同学已经完成了，现在请第一个打破第二关的同学来给我们讲讲你是怎么做到的！（学生上台讲解）

8/13

师：我们在制作形状补间动画的过程中尤其需要注意的是： 1.两个关键帧内的图画必须分离清楚； 2.帧设置补间动画；

师：同学们通过这两关我们已经可以做出图变图、字变字的动画了，那字与图互变，你们又能不能做到呢？

接下来这个第三关，我就直接交给你们，你们有信心过关吗？ 完成了第三关的同学，可以去捡加分小宝箱，以及去自由空间转转，相信你们能创造出更多变化多端的动画。(学生自由操作)总结（2分钟）

师：这节课我们大获全胜!（屏幕播放教师作品、学生完成的作品。）

这是我们一些非常有想法的同学的创作。构思奇妙。

那通过这次“大战补间动画”以后，你觉得你可以做出怎么样的动画呢？有没有什么构思？

（若无人回答，展示PPT抛砖引玉）

我可以用这个方法制作感谢卡！

那你们呢？

生：我可以制作出孙悟空的72变了！

我可以制作出分身术！

9/13

师：你们的想法非常棒！回去把你的构思制作出一个小动画送给老师好吗？

好。这次“大战补间动画”我们受益匪浅，老师觉得你们真是棒极了！另外也非常感谢你们与我度过这么愉快的一节课!下课! 板书设计：

形状补间动画

起始关键帧

↓

设置形状补间

终止关键帧

↓

分离的对象

 教学思路与教学反思  教学思路

分离的对象

本课程，我选用了游戏驱动模式，设置了三关，每一关是一个形状补间动画的任务，第一关设置使学生学会制作图形向图形转变的形状补间动画，第二关设置任务为：文字向文字转变的形状补间动画。

用逐帧补间动画的作品简单的让学生回忆了上几节课的知识内容，然后迅速进入正题：大战补间动画。

首先简单介绍了大战补间动画文件夹的三关，以及锦囊提示，随

10/13

即进入第一关的作品预览，以成品展示吸引学生的注意力，然后让学生构思如何制作。接着让学生带着三个提示问题为观察源文件，感受形状补间动画与逐帧动画的差异。最后让学生拿起“通关秘籍”一起共同阅读操作形状补间动画，但我发现许多同学一时之间无法将书本和操作同时兼顾，抱着“授之以渔”的愿望因而我让学生舍弃了操作，从阅读书本“指导”老师操作，来体验如何正确有效的阅读课本，为第二关不手把手的教打下基础。

让学生清晰操作第一关的步骤以后，便开始让他们自己动手操作。有些能力较强，能跟着老师，带着课本同步的同学便很快完成了，但部分同学还是在操作上遇到困难，问题比较多，但是老师却只有一个，因此这里选用了学生一帮一的形式进行展开后续的操作，许多同学在这个环节上得到了帮助，许多同学在这个环节上帮助了别人，在这个环节上，一方面他们加强了交流和技术的沟通，另一方面提升了他们对先闯关完毕的优越感，从而提升他们对本课题的兴趣。

第二关，由于有了第一关做基础，讲授的重点主要是文本工具和文字需要二次分离这个点上。文本工具在第三课学习红绿灯的时候已经简单接触过，而且其用法与画图软件的文本工具非常类似，其属性与WORD文档的字体对话框也非常类似，因此，我只是做了简单的引导，告知他们听将鼠标停留在按钮上方有相对应的提示，然后让学生尝试阅读课本进行操作。在这个环节里，学生对课本的阅读明显比第一次得心应手，很多同学从课本上也了解到了，文字是需要二次分离的。这次，我依然选用一帮一的形式，让快带慢，将整个课堂的节奏

11/13

变得轻快起来。

另外选用最快完成作品的同学上台讲解。

但让我意外的是，第一个完成的同学他表示不希望上台讲解，他说害怕，我对他进行了多次鼓励，但他依然拒绝，因此，我还是尊重了他的意愿，选用了第二位完成作品的同学上台讲解。

第三关，又是一个类似的练习，但这次是图形和文字的互变，掌握了第1、2关的同学，对完成第三关作品是轻而易举的，因此我抛下一个“如何用渐变色填充文字”的问题后便让他们开始操作，很多同学都完成的比较快，这次，我不那么提倡一帮一了，因为通过前面两关，学生基本掌握了操作，只是一个快和慢的问题，这次他们需要独当一面的机会。所以我给了他们两个选择：你可以去帮助其他同学，或者完成后面加分小宝箱和去创作属于自己的作品。这个环节里，学生更喜欢自己进行创作，有比较多同学忽略了加分小宝箱，这表现了他们创作的欲望。

让我惊喜的是，有很多同学在这短短的一节课内完成了自己创作的作品，我都来不及一个个拷贝了，有的同学甚至做了多个作品，有位同学利用形状补间动画的方法制作出了动作补间动画的效果，这可以用来做下一课的引例。

最后，总结，以“你能使用这个方法做怎么样的动画”问题抛出，让学生的创作之情尽情表达，给他们以创作的灵感和提升他们对信息技术课程所学知识进行灵活应用的能力。在学生的回答声中结束整节课。

12/13

 教学反思

在本课程下来，发现这几点上处理的比较到位：1、2、3、4、5、同时，也发现以下几点做的不足：

1、对学生的鼓励不足，出现有学生不愿意上台讲解，一方面教学氛围与纪律的把握； 教学思路清晰；

对学生阅读课本的自学能力培养； 能达到以学生为主体，重在引导； 一帮一的形式，好处多多

是学生自身性格原因，另一方面，也说明了，在平时的教学中需要多加鼓励学生，对上台讲解的学生更要多加鼓励。

2、对学生创作的语言引导不佳，学生有创作的热情，但是在我希望抛砖引玉的“我可以用这个方法来做感谢卡”以后，学生的思维却一面倒的被引导到做各种贺卡上来，只有个别提及其它，比如“做小猫小狗的成长过程”。因此日后应该更加重视学生对于想法的表达能力，让他们多做的同时也多说。

3、对于本课堂的任务布置的较多，可以将“第三关”和“加分小宝箱”作为课后的一个小练习，这样处理第三个学生操作环节的话，学生操作起来时间会比较充裕。

13/13

“形状补间动画”教学设计 篇2

一实施任务驱动教学法的理论依据

1. 任务驱动教学法的含义

任务驱动教学法是以富有趣味性, 能够激发学生学习动机与好奇心的情境为基础, 与教学内容紧密结合的任务为载体, 使学习者在完成特定任务的过程中, 获得知识与技能的一种教学方法。

2. 任务驱动教学法的特点

任务驱动教学法改变了以往“教师讲, 学生听”的教学模式, 它的最根本特点就是“以任务为主线、学生为主体、教师为主导”。通过实践发现, 在教学中运用任务驱动教学法更有利于激发学生的学习兴趣, 使学生逐步养成分析问题、解决问题的能力, 提高学生自主学习以及与他人协作的能力。

二运用任务驱动教学法实施教学实践

1. 教学目标分析

第一, 认知目标。 (1) 理解补间的含义; (2) 掌握动作补间动画的创建方法; (3) 进一步理解影片剪辑元件的作用及使用方法; (4) 能灵活运用动作补间制作各类动画效果; (5) 能认识到动作补间动画在小学美术教学课件中的作用。

第二, 能力目标。 (1) 培养学生分析问题、解决问题的能力; (2) 培养学生的创新能力; (3) 培养学生积累动画素材的意识及获取素材的能力。

第三, 情感目标。 (1) 提高学生制作动画的兴趣及独立制作动画的自信心; (2) 激发学生学习上刻苦进取、团结合作的精神。

2. 学习者特征分析

上课对象是美术教育专业 (小学美教方向) 的学生, 在学习本节课之前已经学习了帧的分类、基本操作及不同帧之间的转换关系, 学生能初步完成逐帧动画的制作。

3. 教学准备

大屏幕投影仪、40台安装了Flash CS 6.0软件的计算机、教学课件、极域电子教室。

4. 教学方法

通过任务引导, 提出问题、解决问题相结合的任务驱动教学法。

5. 教学过程设计

三教学效果评价

在教学过程中, 任务的设计根据学生学习基础不同, 划分为若干个基本的小任务, 基础较低的学生可以从小任务入手, 如以上教学设计第二个环节中, 学生利用动作补间原理完成制作车轮旋转及尾气排放的动画, 使学生较快地掌握新知识, 获得小的成就感和满足感, 激发学生的学习欲望。在教学设计第三、四个环节中, 当学生已经初步掌握动作补间动画的操作基础, 分组进行动画制作, 教师最后将各组中的优秀作品再合成一个完整的场景动画效果, 充分调动了学生的学习热情, 同时培养了学生的审美能力和合作意识。

采用任务驱动教学法, 学生在学习过程中有很大的自主性和选择性, 教师可以根据学生的不同特点, 有针对性地加以指导, 以有利于实现学生的个性化发展。实验表明在Flash动作补间动画课堂教学中采用任务驱动教学法可以极大地提高学生的综合实践能力。

摘要：任务驱动教学法是一种建立在建构主义教学理论基础上的教学法。本文在探讨任务驱动教学理论的基础上, 结合Flash动作补间动画课程进行教学设计, 在教学过程中通过任务的提出、分析、实现与评价等环节培养学生自主学习与协作学习的能力, 达到了增强学习者主观能动性和提高教学效果的目的。

关键词：任务驱动教学法,动作补间动画,教学设计

参考文献

[1]祝智庭.现代教育技术——走向信息化教育[M].北京:教育科学出版社, 2002

[2]佟玉洁.任务驱动教学法在高职《Photoshop》教学中的应用研究[D].山东师范大学, 2013

《形状补间动画》教学设计 篇3

教学内容是黑龙江省信息技术教材八年级上册第一单元的内容。前几节课中学生已经掌握了Flash的工具面板、时间轴、关键帧的创建方法；掌握运用时间轴特效制作动画的方法、创建逐帧动画的方法及影片测试方法。

学情分析

经过前面几节的学习，学生熟悉Flash软件环境、创建逐帧动画的方法。对于本节内容的学习，激发学生兴趣是教学中保证学生学习动力和吸引学生注意的关键。

教学重点

形状补间动画的创建方法。

教学难点

“分离”元件的操作。

教学目标

1.知识与技能

掌握形状补间动画创建的步骤，学会创建方法。

2.过程与方法

通过“图形任意转变”的动画，了解形状补间动画的方法。分析形状补间动画。

3.情感态度和价值观

激励学生由浅入深地掌握动画制作的方法，培养学生探索过程的创新精神。

教学过程

1.演示作品，引入情境

教师演示形状补间动画作品（三角形变矩形的补间动画），调动学生学习热情，培养学生观察能力。

2.激发热情，教师引导

（1）讲解形状补间动画定义：

形状间补间动画是Flash中非常重要的表现手法之一。形状补间动画是补间动画的一种。在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。

（2）讲解形状补间动画特点：

在Flash时间轴面板上的一个时间点（关键帧）上绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash根据二者之间帧的值或形状来创建动画，从而产生形状变化的效果。在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。在创建形状补间动画时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行“分离”。

（3）示范创建形状补间动画：

在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的下拉按钮，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化，淡绿色背景和简头，一个形状补间动画创建完成。

①在时间轴上创建一个空白关键帧，选取工具面板中的三角形工具，然后在舞台上拖动鼠标画出一个三角形。

②在第25帧插入一个空白关键帧，选择工具面板的矩形工具，在舞台上画一个矩形。

③单击三角形所在的帧（选中第1帧），单击属性面板上“补间”旁边的下拉按钮，在弹出的下拉列表框中选择“形状”选项，如图：

成功建立形状补间动画，按Ctrl+Enter键测试动画效果。

3.兴趣激发：你能让三角形变成圆吗？

4.学生实践：教师走到学生中间指导，直至完成作品。

5.学生完成作品后，各小组间比较各自的作品

【教师布置任务一】两个任意形状间的变化。

【教师评价】挑选学生作品，给予积极的评价。

【教师布置任务二】“计算机”变成“Computer”英语单词，深入探索研究。

【学生实践】先让学生自己独立尝试一下，对遇到问题进行总结。

教师提问：你们的作品变了吗？为什么没有像之前的那样变化？

【教师引导】教师提示“分离”元件的操作，讲解新知识。在演示中逐步引入“分离”（打散）的概念，指导学生如何对文字进行“分离”操作。

【作品展示，点评交流】教师与学生交流，然后让各小组内推选作品，之后各小组依次展示推荐作品。通过展示交流，加深知识的认识与理解，发挥评价的激励作用，增强学生学习的信心，体验成功的快乐。

6.回顾知识要点，总结拓展延伸

教师引导学生回顾本课知识要点，使学生进一步巩固本课内容，教师对本节知识要点进行总结，引导学生发散思维，对所学内容不断积累与完善，灵活运用所学内容，进行拓展延伸。通过本节的学习，让学生课后积极练习，将学习的时间延伸课外，创作更多更优秀的作品。

教学反思

创建形状补间动画教学设计 篇4

陈立宁

教学分析：通过前面活动的学习，学生已对动画的原理有了初步的了解，认识并了解flash的界面，能够制作逐帧动画。有了逐帧动画的基础，学习补间动画相对就简单了，而且学生思维活跃，他们都希望让自己的元件在舞台上真正动起来，体验一下技术带来的动感艺术。教学目标：

1、了解补间动画的分类、特点和原理。

2、掌握对象打散分离的方法。

3、掌握形状补间动画的制作方法。

4、培养学生自主探索、协作学习的能力。教学重点和难点：

教学重点：能够区分形状补间动画和动作补间动画，能够制作简单的形状补间动画。

教学难点：能够灵活的有选择的运用形状补间。教学过程：

一、导入新课：

1引导学生欣赏早期动画片代表作《大闹天宫》的其中一个片段“孙悟空变成大公鸡”的动画，思考孙悟空变化能力在动画中是通过什么来实现的？从而导出形状补间动画的概念。

2组织学生观看动画实例（播放“逐帧”和“补间”动画）提问：问题

一、我们上节课学习的“用毛笔书写文字”的动画属于哪种动画？问题

二、观察源文件，看看两种动画有没有明显区别？（比如在关键帧的数量上）

3、小结：逐帧动画每一帧都是进行手工剪辑的关键帧，工作量大，所占用的存储空间大；补间动画只需建立首尾两个关键帧，flash会自动生成过渡的动画效果，方法简单，动画的渐变过程更连贯。

二、补间动画分类及其形状补间动画特征

1、讲授：补间动画可分为形状补间动画和动作补间动画两类。

2、形状补间动画也称为“变形动画”，它的作用是生成一个形态到另个形态的变化，这个形态可以包括形状、大小、位置、颜色等。

3、分别演示刚才提及的几个形状补间动画实例，提问：分别属于哪种形态变化？

三、教师演示从圆变成正方形的形状补间动画，提问学生这个动画是否适合用上节课的逐帧动画技术来制作？如果不适合，那么应该使用补间动画中的哪一种技术来实现。演示创作从圆变成正方形的形状补间动画过程。（提示：操作三部曲）布置任务，让学生做一个由方变圆的动画。（班级分为四个大组，每组两个小组长，比比看，哪组率先全部完成任务）

四、1、引导学生先阅读教材第28-30页“教材新建一个Flash文档……”----“

8、测试并保存动画”之间的内容，根据自己对课文内容的理解，尝试进行“孙悟空变成大公鸡”的动画的制作。

2、教师巡视，个别辅导。

3、引导学生通过快捷键“crtl+enter”测试已完成的动画。

4、小结：要注意使用“修改”菜单下“转换位图为矢量图”命令。强调形状补间的对象只能是分离的可编辑图形，形状补间使图形形状发生变化，从一个图形变成另一个图形。创建补间动画时，要记得先点击中间的关键帧，再通过属性面板选择“形状”补间方式来创建。

“形状补间动画”教学设计 篇5

——Flash“形状补间”动画

学科名称：信息技术 姓名：蔡雅琴 课时：一节课

一、教学目标：

（一）知识与技能：

1、掌握形状补间动画的制作方法，形状补间主要是对图形的颜色、形状、位置进行补间。

2、掌握多边形的绘制，各种不同图形的组合与相减。

3、关键帧、空白关键帧的异同。

4、复制帧、粘贴帧、翻转帧的操作。

（二）过程与方法

先学后教、任务驱动、当堂练习

（三）情感态度与价值观

通过动画的制作，进一步激发学生学习动画的积极性，培养学生自主探索的精神。

二、教学重点：

（一）参照之前学习的补间动画，学习形状补间动画的制作方法与特点。

（二）各种不同形状的绘制。

三、教学难点：

（一）将多边形组合成为有趣的图形。

（二）理解关键帧与空白关键帧的异同。

四、教学过程：

（一）情景导入，目标激趣

1、回顾动画补间：对象是元件；对运动路线进行补间。

2、播放两段Flash动画，进行导入新课——补间形状动画。

（二）任务驱动，自主探究

任务一：通过视频学习，完成 “方变圆”的动画。

问1：在绘制圆形前，你的操作是什么？（插入帧、关键帧、空白关键帧）

（空白关键帧）

问2：你能看清楚变化的过程，但是看不清楚形状，有办法能解决吗？

（在矩形和圆形变换前插入关键帧，让其有播放的时间。）任务二：通过视频学习，完成“多边形变换”的动画。

问1：你在绘制后面的图形时，操作是什么？（插入帧、关键帧、空白关键帧）问2：整个变换的最后出现了跳动，为什么？怎么解决？

（三）操作演示，合作交流

让已经完成任务的同学，进行操作演示，并且回答并演示以上问题。

（四）点播拓展、反思深化

完成任务一与任务二后，可以在此基础上进行绘制更加复杂的图形，让动画中有更加丰富的变换过程。

以“任务三”为范本进行讲解，在两个任务中学生可能会遇到的问题。绘图技巧：

1、”移动工具“的变形功能，鼠标靠近图形时，鼠标上会出现曲线。

2、Flash中对颜色相同部分进行组合，颜色不同的形状进行区分。

3、对于相同的部分，可在外部绘制并复制，然后组合。

4、“任意变形工具”，放大缩小旋转翻转。帧的操作：

1、复制帧

2、粘贴帧

3、翻转帧

（五）作品展示，总结评价

在讲授的基础上，自由创作。对已提交的作业进行展示，并总结本堂课的内容： 形状补间的制作过程，在两个关键帧之间，并且关键帧上要求是绘制的图形，不能是元件；

对比“动画补间”与“形状补间”之前的区别： 动画补间：对象是元件；对运动路线进行补间。

“形状补间动画”教学设计 篇6

班庄中学 万曙光

一、设计思路

把制作动画的过程看着是在导演一出戏剧，让学生来做导演，引起学生的学习兴趣，加深对动画制作过程的理解。在假设的戏剧中，太阳元件是主要演员，库变成了后台，场景变成了表演舞台。将整个动画制作分成四个小活动，就可以把添加背景作为布置舞台，将太阳图片处理成太阳元件看着给演员化妆，把太阳移动看成是演员登台表演，让拓展部分看盛演员的特技表演。通过这四个小活动训练为主要形式，最后综合活动，让学生按照教材上提示的步骤，另选一个图片作为背景，重新完成太阳移动的动画制作。并设计成一个活动比赛，两个学生一个小组，看谁做得又快又好。让学生在上机实践中体会动画制作步骤，感觉动画制作的神奇，激发学生的自主创新能力。

二、教材分析 本节课是苏科版第八单元第三节制作基本动画第一课时，第三节制作基本动画是本单元的教学重点，主要介绍两种基本动画：动画补间和形状补间动画，里面包含了“移动的太阳”，“旋转的风车”，“盛开的小花”三个动画的制作。本人选择把单独制作“移动的太阳”作为第三节的第一节课，并对“移动的太阳”的动画内容进行了适当的拓展。将背景图片由原来的一张变成几张不同的图片，来让学生自主选择。太阳的移动由左到右变成由左下方到右上方，将背景图片转换成元件，并形成颜色的变化效果，形成太阳升起的场景。丰富了课堂教学的内容，让动画更加生动，更能调动学生的学习兴趣和积极性。

三、学情分析

我校信息技术课程是每周一课，七年级完成初中信息技术（苏科版）（上册）的教学，八年级完成苏科版（下册）和（选修）部分单元的教学，大部分学生对第八单元动画制作的学习兴趣积极性很高，在第八单元前几节课的学习中，学生已对flash的窗口有了初步的认识，学会了对工具的使用，但还不很熟练。制作了简单的Flash动画“移动的小球”和“移动的汽车”。虽然教材已给出了操作的基本步骤，但学生还不能一下子独立按步骤完成操作。学生的操作水平不一样，有些动手能力较差的学生需要鼓励和帮助。

四、教学目标分析 【知识与技能】

1、学会动画补间动画的制作方法。

2、学会元件的使用，理解元件的意义。【过程与方法】 教师把动画制作比喻成演戏，引起学生学习兴趣，把这一动画过程分解成4个小活动，让学生一个活动一个活动逐步完成，最后分成小组，按照教材上步骤，完整完成动画的操作。在操作过程中完成对元件的认识，掌握动画补间动画的制作方法。

【情感态度与价值观】

激发学生使用动画制作兴趣，感受的flash动画的神奇，提高动画制作的水平。培养学生自主学习，相互学习的能力。

五、重点难点分析

重点：动画补间动画的生成方法。难点：转换元件、元件使用的意义。

六、教学方法 演示讲解，模仿学习，小组学习。

七、教学准备

网络教室、投影机、几张图片素材

八、教学过程

1、情境导入

今天我们一起来做导演，大家也许很纳闷，我们是来学习动画制作的，怎么成了导演呢。其实这不过是一个比方，我们把今天制作的动画过程看成是导演一部戏，在戏里就需要舞台，演员等等，在今天要做的移动太阳的动画中，同学们觉得舞台是什么？演员是什么？我们就通过下面四个小活动来一起做移动太阳的动画制作。

【设计意图】通过情境导入，围绕做导演，导演一部戏这个话题来激发学生学习动画的热情，对照演戏，加强学生对动画制作过程的认识人，让学生带着疑问和兴趣来进行本节课的学习。

2、讲授新课

活动一：搭建舞台（设置背景）

首先我来和大家一起布置一下这部戏的舞台，也就是动画中的背景，让演员在一个优美的环境中来表演，我们这里准备了几幅背景图片，我们可以根据自己的喜好来选择自己喜欢的图片来作为背景。

教师演示、讲解下列操作

（1）新建文档，双击图层1，改名为“背景”

（2）执行“文件——导入——导入到库”，将“绿色家园”图片或其他喜欢的背景图片导入到库中。

（3）执行“窗口—库”，打开元件库。选择“背景”层第1帧，将“绿色家园”拖入场景中，并调整好大小和位置。

（4）选中第40帧，按F5插入帧，使动画延长到40帧，1-40均能显示背景。再锁定“背景”层。

学生参考课本和教师的讲解步骤完成搭建舞台。（学生遇到操作困难时可举手问老师或问其他同学）

教师察看学生的操作情况，对学生进行适当鼓励或学生存在较多的问题进行讲解。

【设计意图】通过让学生自己选择自己喜欢的图片，即可以充分调动学生自主学习的积极性，也增加了这节课的丰富多彩。在操作中初步熟悉库的使用。

活动二：演员化妆（太阳元件）

我们的演员是谁，太阳，请主要演员太阳登场，完成（5）（6）操作，我们觉得太阳不漂亮，给太阳化化妆，将太阳转换成太阳元件。

教师演示、讲解下列操作（5）插入图层，改名“太阳”

（6）执行“文件——导入——导入到库”，将“太阳”图片导入元件库中，并拖放到场景左上方。

（7）选中“太阳”图片，执行“修改—位图——转换为矢量图”转化为矢量图。用图片选择选择工具选取图片多余部分。按Delete删除。

（8）编辑—全选，执行“修改—转换为元件”，将其转换为“太阳”的图形元件。学生参考课本和教师的讲解步骤完成演员化妆。（学生遇到操作困难时可举手问老师或问其他同学）教师察看学生的操作情况，对学生进行适当鼓励或学生存在较多的问题进行讲解。

【设计意图】通过这一活动，培养学生动手操作的能力，让学生在实践中了解元件，并学会对元件的初步使用。

活动三：舞台表演（太阳移动）

舞台搭建好了，演员也化妆完毕，下面就请演员登台表演了。教师演示、讲解下列操作

（9）在图层“太阳”的第40帧插入关键帧，将元件“太阳”移到场景的右侧，单击第1帧，在帧属性面板中，设置补间“动画”。并执行“控制——播放”命令，观看效果。

学生参考课本和教师的讲解步骤完成舞台表演。（学生遇到操作困难时可举手问老师或问其他同学）

教师察看学生的操作情况，对学生进行适当鼓励或学生存在较多的问题进行讲解。【设计意图】通过上机操作，理解动画补间动画的设计，让学生了解动画补间动画的作用。活动四：演员特技（颜色变化）

刚才我们已经看到了演员的表演了，通过下面的操作，我们可以让演员在舞台上表演得更加的完美。

教师演示、讲解下列操作

（10）将图层“背景”解锁，把图片选定，将它转换成元件“绿色家园”。

（11）在图层“背景”的第40帧插入关键帧，单击第1帧，在帧属性面板中，设置补间“动画”。

（12）将图层“背景”中元件“绿色家园”选定，在属性面板中找到“颜色——alpha——20%“（13）将图层“太阳”中元件“太阳”选定，在属性面板中找到“颜色——alpha——0%“，并执行“控制——播放”命令，观看效果。

学生回忆教师的讲解步骤完成演员特技。（学生遇到操作困难时可举手问老师或问其他同学）

教师察看学生的操作情况，对学生进行适当鼓励或学生存在较多的问题进行讲解。

【设计意图】通过对教材内容的拓展，对这部分内容的学习，丰富了动画的内容，体现对同一对象太阳设置不同属性，从而创建出两个关键帧间的神奇效果。让学生在完成动画制作的同时，体会到动画的神奇和成功的快乐。

3、综合活动（比一比）：

教师：刚才我们一起学习了“移动太阳”的操作，下面我们分两个人一个小组把移动的太阳按照书上的步骤做一遍。看谁做得又快又好。

活动：学生相互协作，相互交流，对照步骤，重新制作“移动的太阳”动画。教师察看学生的操作情况，对学生操作好的进行表扬，并将好的动画进行展示。

动作补间动画教学反思 篇7

今天听了**老师在**校区教授的一节形状补间动画。整个流程清晰明朗，由复习导入到展示示例动画引出课题，由分析动画到布置任务，最后师生总结、评价交流。这节课内容丰富，李老师讲解得非常详细，为了让学生更好的理解形状补间动画，李老师从逐幁动画、动画补间动画导入，这是一个好的导入方式，我想学生如果能知道动画补间动画与形状补间动画之间的联系，学生可能会理解得更清楚。

对于图层的讲解，李老师也讲得很详细，包括图层的使用原则及图层的命名、图层的锁定等，学生养成这样的好习惯，这对于学生以后flash动画的制作也有帮助。在完成任务时，学生的达成率都比较高，但是学生有个体差异，学生完成任务的时间长短不一，他们的这种差异是由主客观原因造成的，光靠教师一人的力量，难以面面俱到。

在课堂中，对于很快完成任务的小组，是不是可以给他们安排一些新任务，如对作品进行完善，也可以让他们依着自己的兴趣或疑惑，继续进行与任务相关的深入的探究呢。

创建补间动画 篇8

教学目标：

1、了解Flash动画的主要用途。

2、了解补间动画的分类、特点和补间动画的基本原理。

3、掌握对象打散分离的方法。

4、通过实例，学习并掌握flash动画中第二种自动产生动画方式——形状补间动画

5、培养学生自主探索、协作学习的能力。教学重点：

学习并掌握形状补间动画的制作。教学难点：

形状补间动画的制作，一定要让学生感觉到学会了，明了。

灵活的有选择的运用补间动画。教学方法：

创设情境法、讲授法、任务驱动法、讨论法。

师分步演示，生分步跟做；并在老师的提示与讲解中明白自己这样做的含义以及为什么要这么操作。利用多媒体的电脑室设备及软件，在学生制作过程中师加强监视与个别辅导。教具：

多媒体电脑室 教学准备：

教师准备：各种类型的动画包括补间动画、逐帧动画及综合运用动画。

学生准备：依据就近与互补原则，每2—4位学生分为一个小组。已经掌握了逐帧动画，对图层和帧的操作比较熟悉。教学过程：

一、复习上节课内容：强调逐帧动画的各个环节：

1、展示几个简单的Flash动画作品，如逐帧动画，毛笔字动画，孙悟空变身动画等。

2、组织学生观摩，体验动画作品的魅力。从而导出形状补间动画的概念。

3、提问：几个作品的区别（讨论）

4、小结：

（1）逐帧动画每一帧都是进行手工剪辑的关键帧，工作量大，所占用的存储空间大。

(2)补间动画只需要建立首尾两个关键帧，Flash会自动根据两个关键帧之间的图像差别和普通帧的数量，计算生成过渡的动画效果。制作方法简单，动画的渐变过程更连贯。

二、引入课题《补间动画》

讲授新课：

补间动画可分为形状补间动画和动作补间动画两类

形状补间动画又称“变形动画”，作用是生成从一个形态到另一个形态的变化，包括形状、位置、颜色。它只对矢量图起作用。分别演示刚才提及的几个形状补间动画实例，引导学生说出属于哪种型态变化。

三、做一做：

1、制作几何图形的渐变。

（1）教师演示从圆变成正方形的形状补间动画，提问学生这个动画是否适合用上节课的逐帧动画技术来制作，如果不适合，那么应该使用补间动画中的哪一种技术来实现。演示创作从圆变成正方形的形状补间动画过程。讲解时可以分别制作有边框和没边框两种动画，让学生观察不同之处。

（2）布置任务，让学生做一个方变圆的动画。

2、创作“孙悟空变成大公鸡”的动画（1）引导学生阅读教材第28~30页“如教材色块新建一个Flash文档……”—“8.测试并保存动画”之间的内容，根据自己对课文内容的理解，尝试进行“孙悟空变成大公鸡” 的动画制作。（2）教师巡视，个别辅导。

（3）引导学生通过快捷键（ctrl+enter）测试已完成的动画。（4）分别转播几位同学的作品，引导学生说出存在问题的原因，并提出改善方案。动手操作补充。（5）小结：

要注意使用“修改”菜单下的“转换位图为矢量图”命令。强调形状补间的对象只能是分离的可编辑图形，形状补间使图形形状发生变化，从一个图形变成另一个图形。

创建补间动画时，要记得先点击中间的关键帧，再通过属性面板选择“变形”补间方式来创建。

（6）展示学生作品，鼓励学生参与作品评价。

四、课堂任务练习

五、学生自我创作

六、小结：

形状补间动画——用以制作两个不同形状（或颜色）的一般图形（不是元件）之间渐变的动画。

它要求：前后两个关键帧上放置两个不同的图形对象（一般图形，不需要是元件对象），中间创建“形状”补间动画。

七、教学反思

“形状补间动画”教学设计 篇9

Flash补间动画制作 教案

院 系：

专 业：

年 级：

授 课 人：

学 号：

时 间：

Flash补间动画制作教案

【讲课人】：

【讲课时间】： 【讲课地点】：

【课题】：flash补间动画制作 【课型】：新课

【教学方法】：讲练结合法，演示教学法，课堂实战法 【教学准备】：范例，学习任务，多媒体课件 【教学目标】：1）知识目标

熟练掌握FLASH的基本操作； 了解FLASH动画的原理

掌握制作FLASH动画的基本方法。2）能力目标

学会补间动画制作的方法

3）情感目标

通过一系列任务引导学生一步步制作动画，培养学生严谨务实的学习态度，使学生掌握动画制作的方法，让学生学有所成，激发学生上课的兴趣。

【教学重点】：熟悉FLASH动画的原理；时间轴、帧、关键帧；制作补间动画。【教学难点】：补间动画的制作方法 【教学过程】：

一、情境导入

上课后，向学生展示动画作品——《天上的街市》，学生认真欣赏动画，教师紧接着问，大家想不想学习FLASH动画制作？学生的回答是肯定的，进而引出本节课的学习内容——FLASH动画制作

二、教学过程

1.导入新课

首先解释动画指的是由许多帧静止的画面，以一定的速度(如每秒16张连续播放时，肉眼因视觉暂留产生错觉，而误以为画面是活动的。为了得到活动的画面，每个画面之间都会有些微的改变。而画面的制作方式，以前常见的是手绘在纸张或电影胶片上。由于电脑技术的进步，现在有许多利用电脑制作动画的软件，其中，最为流行的是Adobe公司的FLASH系列软件。

2.进入新课，演示教学，课堂实战

1）首先将已经做好的一个补间动画例子展示给同学们看，并解释补间动画是怎样的 2）结合PPT讲怎样做补间动画

3）把已做好的例子现场再演示一遍，让学生充分了解制作方法 4）请1-2位同学上台实战操作

此处小结：通过这个补间动画的学习，了解FLASH工作区的基本功能，总结出时间轴、帧、关键帧、动作补间作用，使学生理解制作动画的基本原理。

5）为同学们展示已经做好的简单flash《天上的街市》，让他们讨论时怎么做成的，请一位同学上台演示

三．能力拓展，自由练习

让学生们积极完成本节课的学习任务，巩固强化。对于有能力的同学，可以根据情况给制作好的动画加上背景音乐。为今后学习打下基础。

四．板书设计

Flash补间动画制作

一． 回顾flash软件 二． 补间动画制作

1.演示一个圆运动轨迹为8的动画 2．演示制作作品：《天上的街市》

三．练习四．小结

五．课堂小结

1）熟悉FLASH动画的原理；时间轴、帧、关键帧；

2）补间动画

“形状补间动画”教学设计 篇10

引言：前一节课我们已经学过如何制作关键帧动画，通过关键帧动画我们可以做出各种各样的动画，但费时、费力，今天我们要学习移动和形状渐变动画的制作方法，有了移动和形状渐变动画，我们只要做好了起始关键帧和结束关键帧两个关键帧这间的动画可以让电脑为我们自动生成，下面我们先来学习移动渐变动画。

新授：

首先通过电脑向同学展示一个已经做好的FLASH动画，其中用到了已经学过的关键帧动画和将要学的移动渐变动画、形状渐变动画，激发学生的学习兴趣。

一、移动渐变

下面我演示一个移动的小汽车的制作过程，大家来学习移动渐变动画的制作方法，这个动画的效果为小汽车从屏幕的左侧移动到屏幕的右侧。电脑演示：

第一步新建一个FLASH文件设置影片的属性。

第二步单击【插入】→【新建元件】，先把图形，输入元件名小汽车，然后确定，进入符号编辑模式，利用各种绘图工具画出小汽车。

第三步返回场景1，在舞台上添加小汽车实体。

第四步在第一帧处把小汽车调整到屏幕左侧，在第20帧处

插入关键帧，选中20帧把小汽车拖动到屏幕右侧。

第五步创建动画，选中第1帧打开帧属性面板在补间中选择动画。

第六步单击【控制】→【测试影片】，测试效果。第七步保存文件为“小汽车.fla”.需要注意的几点：

1、制作FLASH移动渐变动画，渐变的对象必须是一个符号的实体。

2、在创建动画时一定要先选择关键帧然后在帧属性里选择渐变类型为【动画】。

下面同学们就以小组为单位制作移动渐变动画，动画内容可以自己选择。

学生实践操作。

在学生的作品中选择有代表性的进行全体展示。

二、形状渐变

下面我们再来学习一下形状渐变动画的制作方法。第一步新建一个文件，选中图层1第1帧，在舞台上制作出一个黑色的矩形并将其转换成图形元件。

第二步在第20帧自己插入空白关键帧。然后在舞台上制作出一个蓝色的圆形并将其转换成图形元件。

第三步创建动画:选中图层的第1帧，打开帧属性面板。在【补间】中选择【形状】。

第四步单击【控制】→【测试影片】，测试效果。会看到黑色的矩形逐渐变成蓝色的圆形。

需要注意的几点：

1、制作FLASH形状渐变动画，渐变的对象必须是一个图形，如果要使用文字或是图片必须要经过打散处理后使之转变为图形后才能制作形状渐变动画（选中文字或图片，选择【修改】→【分离】，就可以将文字或图片打散了）。

2、在创建动画时一定要先选择关键帧然后在帧属性里选择渐变类型为【形状】。

下面同学们就以小组为单位制作移动渐变动画，动画内容可以自己选择。

学生实践操作。

在学生的作品中选择有代表性的进行全体展示。

小结：通过这两种动画制作方式的学习，我们可以做出更加丰富多彩的动画了，以后我们在动画的制作过程中要灵活运用各种动画制作的手段，做出优秀且非常简洁的动画。

板书：

FLASH移动渐变与形状渐变动画

一、移动渐变动画

要点：制作两个关键帧

对象是符号实体

【补间】中选择动画

二、形状渐变动画 要点：制作两个关键帧

对象是图形 【补间】中选择形状

教案