移动渐变动画教学设计范文合集

第一篇：移动渐变动画教学设计

信息技术（长春出版社）八年上教学案例

——第二章第二节 移动渐变动画

一、案例主题：

当前，是信息时代，现代信息化教学，有着更鲜明的学科性和时代性，更彰显了其独特的魅力。而信息技术教育课，却往往被忽视，成为游戏课，或者是教师的演示，学生的照搬照做，模仿，不能体现出课堂教学中学生的主动学习，合作学习，不能很好地培养学生的信息意识，给予学生更多的信息素养的提升，常常看到，多数时候一部分学生急急忙忙的完成了课堂的教学实例，就去玩游戏，老师没有给他们创设拓展的空间和挑战的平台！基于此，本人在课堂教学中，灵活把握教学知识点，通过激发学生的学习兴趣，促进学生主动学习，合作学习，动手实践，二、案例背景：

本节本节课是第二章第三节的教学内容，非常重要，是利用FLASH制作移动渐变动画的入门课，课上利用3个例子层层展开移动渐变的移动、淡入淡出、旋转与缩放等功能。从而使学生掌握移动渐变的动画制作方法和原理。

它起到承上启下的作用。前面学生已经基本掌握了绘图工具、文字工具、颜料桶等工具的使用要领，能够绘制一些基本图形，制作彩虹文字、中空文字、荧光文字，并且在第二章的前两节学习了逐帧动画、形状渐变动画的制作要领、制作方法，学生头脑中已经建立了图层、元件、帧（关键帧、空白关键帧、普通帧）等概念并会应用。本节后将探究多图层动画、引导层动画、遮罩动画等，都与形状渐变动画、尤其是本节要学习的移动渐变动画密不可分。移动渐变动画是使元件、图形、图像、文本和群组产生动作渐变的动画。本节将这一主题分成3个实例，让学生分析完成，意在分解难点、各个击破，最后达成教学目标，培养学生利用信息技术解决实际问题的能力和创新思想，提升信息素养、体验成功喜悦。

三、案例描述： 教学目标：

1、知识目标：理解关键帧、元件在动画制作中的作用，分析实例理解移动渐变动画的原理，掌握制作方法。

2、能力目标：学会分析动画的设计思想和制作时所采用的方法，在创作中培养学生的创新能力、动手操作能力和综合实践能力，培养学生触类旁通、举一反三的自学能力。

3、情感目标：引导学生发挥想象，激发学生的创作欲望，体验FLASH动画制作的快乐；培养学生敢于探索新事物，不断创新进取的精神，促进学生相互学习合作交流，在合作中潜移默化地提高自身修养；从视觉角度，引导学生体验多媒体动画的魅力，对学生进行艺术修养方面的熏陶和培养。教学重点：1、2、3、4、移动渐变动画的制作方法 运动补间的设置

帧属性面板各参数的含义 任意变形工具的灵活使用

教学难点：

属性面板参数的设置和作用，不同类型帧、元件的正确应用，中心点对齐的意义，“分离”与“组合”的灵活运用

教学准备：FLASH MX版，多媒体教学平台，演示动画，局域网和相关任务材料 教学方法：

任务驱动 自主探究 互助合作 作品点评 教学过程：

（一）情境导入：

上节课我们观看了老师做只的《孙悟空七十二变之——变超女》，今天老师又带来了孙悟空与小车赛跑的动画，请大家观看——《赛跑》，播放动画（这一动画将本节中三个知识点集中于一个动画里，分图层设置的，以便学生分析时隐藏某些图层，显示某一图层，逐一分析动画制作时的原理和要领），好玩吗？这节课我们就来探究移动渐变动画的制作方法，你会有更多的惊喜和收获哦!

（二）探究学习：

1、出示观察要求：引导学生观察教师自制动画《赛跑》，注意：观察某一图层时，只显示该图层，将其他图层锁住并隐藏。重点观察该图层的时间轴上：有几个帧是什么类型帧？每一帧上是什么内容？（图形、图像、还是文本或元件？是打散的还是组合的？元件的类型有无区别？）每一帧的属性面板上各参数的设置有无变化？（比如：补间、简易、旋转、颜色中的Alpha值）

2、指名回答上述观察所得，为尝试操作扫清障碍

3、尝试练习，6人一小组，小组成员分配一下，分别选择教材30页到34页的例一到例三—《滚动的小球》、《淡入淡出》、《旋转与缩放》，争取每组中都能有两个同学完成同一例子，便于交流制作体会和供其他成员在制作时少走弯路及评价作品。（教师监控并及时个别指导）

4、作品展示，交流制作体会，教师适当点评，给予鼓励 得出小结：

（1）制作移动渐变动画的关键或必要条件是：至少有两个关键帧，在关键帧中包含必要的实体、组合体、文字等，最后设定移动渐变的动画过渡。

（2）移动渐变动画与形状渐变动画的主要区别：形状渐变动画必须对文字、图形等做分离（打散）处理，是物体的变形动画；移动渐变动画必须是组合，是两个不同位置间的移动动画。

（三）拓展演练：

1、从不同选题中任选一个，利用FLASH MX进行设计创作，要求：色彩搭配合理，图形、动画效果美观，用上本节所学相关知识。选题一：制作“不倒翁”，可自制相关图形替代“翁” 选题二：制作“划过天空的流星”（图形）

选题三：制作“魔幻时代”（可用图形或文本—文字）

2、学生独立完成，之后小组成员间可先评价，互相修改，最后运用多媒体网络教室平台在教师机上让部分学生演示作品，评价。

（四）课堂总结。

四、案例评析： 教后记：

本节学生在探究实践学习中，出现以下问题：

1、学生在移动渐变动画之所过程中常常忘记将绘制的图形、输入的文字转换成类型为“图形”的元件，再导入使用，造成帧格以虚线显示，无法完成动画。

2、课堂上发现有部分学生随意插入帧，或关键帧，使动画失败。

3、在把元件拖入场景时，元件的中心点没有和场景的中心点对齐，在测试影片时出现图片或文字偏离轨道，或其他不规范的动画效果。

4、有的学生在属性面板中的设置项目中常常有遗漏，要一次次修改、补充，影响了动画制作的效率。

5、对图形绘制、及图形、文字的色彩填充，有的同学很随意，不如小球的绘制，不是正圆，用团员工具绘制时没有按住Shift键，使动画很不美观。

6、教师没有强调学生测试影片和及时保存文件、最后导出图像，有的学生很忽视。

7、本节课对洋葱皮工具的了解和应用不够深，有待今后细细体味。

总之，多数同学还是能够完成教学目标，激发了学生的创作热情和制作动画的兴趣，尤其是合作互助氛围很浓。有一部分学生做的非常快，有创新，能够灵活运用所学知识，比如绘制“无边线的小球”，不用组合了，“插入—新建元件”与“转化为元件”的应用，如何利用已经绘制好的图形，输入的文字重新制作动画，以及插入关键帧的位置（不死教条，非在哪一帧上来插入）等等，都说，实践出真知，学生的动手操作能力正在实践中提升。

第二篇：《形状渐变动画》教学设计

《形状渐变动画》教学设计 广州市第97中学赖程丽

一、教学内容分析

本节课选自广州市信息技术教科书《信息技术》初中第二册第4章第5节《形状渐变动画》的内容，这一节是本章的重点和难点，主要介绍形状渐变动画的制作方法，并对形状渐变动画和动作渐变动画的不同点进行总结。考虑到学生的实际情况，本节课的教学内容做了一点调整，其中增加了“文字渐变动画”的制作，并简单介绍了几种常用的绘图工具。“形状渐变动画”是flash动画的最基础的部分，因此，本节课内容为学生今后的学习打下一个非常重要的基础。

二、学情分析

本节课的教学对象是初中二年级学生。通过前面的学习，学生初步掌握了flash的基本操作，理解关键帧动画的原理，学会制作简单的动作渐变动画。初二学生具有一定的自主学习能力，因此，课前准备自主学习网站，以指导和帮助学生完成课堂任务。

三、教学目标 [知识与技能]

1、了解形状渐变动画的概念与适用条件；

2、了解动作渐变动画和形状渐变动画的不同点；

3、学会形状渐变动画的制作方法。[过程与方法]

1、通过简单几何图形渐变动画的制作，掌握形状渐变动画制作的基本方法；

2、通过两种渐变动画不同点的比较，能够选择和运用适当的动画制作方法。[情感态度与价值观]

通过体会形状渐变动画的整个制作过程，激发学生对动画制作的求知欲；通过探究任务，让学生形成积极探究的态度。

四、教学重点、难点

[教学重点]

1、形状渐变动画的制作方法；

2、动作渐变动画和形状渐变动画的不同点。[教学难点]

1、形状渐变动画的适用条件；

2、动作渐变动画和形状渐变动画的区别。

五、教学策略

本节课采用“任务驱动”教学法进行教学。通过“任务驱动”来激发学生的学习主动性和自主性。通过对比建立起新旧知识之间的内在联系，加强知识的连贯性。教学重点通过任务的设计和反复练习来解决，教学难点通过交流讨论、表格归纳来突破。根据初二学生的认知特点，本课在导入时选择了较简单和有趣的例子，以调动学生的学习积极性，激发他们的求知欲。由于本节课知识是Flash中的最基础的部分，因此，任务的设计注重从不同的角度考虑，以帮助学生更好地掌握基本方法和技能，并通过设计探究任务和拓展任务鼓励学有余力的学生积极探索，大胆实践。同时，在制作过程中注意帮助学生归纳总结，通过学习网站提供的操作指南来指导和帮助学生掌握制作方法并且完成任务。

六、教学媒体

电脑室、投影机、局域网。

七、教学过程 教学环节

教师活动

学生活动

用时

设计目的创设情景 导入课题

首先让同学们欣赏老师制作的flash圣诞贺卡，然后通过分析贺卡中的几个形变动画导出课题。【课件演示01】展示课题“形状渐变动画”。

欣赏作品 积极思考

2分钟

以圣诞题材创设情境，激发学生兴趣，通过贺卡中的动画引出课题，激发学生求知欲。

对比分析 温故知新

先介绍Flash中的两种渐变动画【课件演示02】展示渐变动画分类。再回顾动作渐变动画【课件演示03】展示动作渐变动画实例。最后介绍本节课知识点【课件演示04】展示简单几何图形渐变动画实例。

认真听讲 观察实例 学习新知

1分钟

通过对比两个渐变动画，让学生对两种渐变动画有个感性认识，为下面的对比分析做好准备。

讲解分析 突出重点 【课件演示05】展示形状渐变动画的制作方法。教师详细讲解及演示几何图形渐变动画的制作过程。

认真听讲 观察演示

3分钟

通过讲解和演示形状渐变动画的制作方法和过程，让学生初步学习设置形状渐变的方法。

布置任务 小试牛刀

【课件演示06】任务一：制作一个几何图形的渐变动画。教师布置任务，并指导学生如何使用学习网站，同时展示拓展练习，兼顾先完成任务的同学。

动手实践 积极探究 完成任务

5分钟

通过简单的几何图形渐变动画的制作，让学生初步学会形状渐变动画的制作方法。

分析问题 解决问题

1、演示制作成功的学生作品。

2、指出学生在操作中遇到的问题，并结合演示分析原因，指出“形状渐变动画中关键帧上的对象必须是矢量图形”，【课件演示07】展示形状渐变动画的对象。指导学生解决问题：文字和图片在变形之前要“打散”，使之成为矢量图。

3、请做错的同学把错误的地方改过来。

认真听讲 理清思路 及时修改 强化巩固

5分钟

通过指出一些常见的错误引起学生注意，并通过让学生了解形状渐变动画的对象条件，帮助他们更好地掌握形状渐变动画的制作方法。让做错的学生及时修改作品，加深他们的理解。

学生探究 完成任务

1、通过圣诞贺卡上面的文字渐变动画，引出文字变形的内容。教师简单分析制作要点，布置任务【课件演示08】展示任务二：制作一个文字渐变的动画，将“圣诞快乐”四个字母逐个变形显示。

2、先让学生上台演示作品。

3、教师表扬学生，并进行小结。

动手实践 积极探究

15分钟

通过文字渐变动画的制作任务让学生进一步掌握形状渐变动画的制作方法和将对象分离成为矢量图形的方法，突破难点。

交流讨论 归纳总结

1、通过设问“动作渐变动画和形状渐变动画有哪些不同点”，打开两种动画的源文件，指导学生观察、讨论，再让学生回答。

2、教师进行归纳总结，【课件演示09】展示动作渐变动画和形状渐变动画的不同点。

观察思考 交流讨论 归纳总结 理清思路

6分钟

通过让学生观察、分析、交流、讨论，培养他们观察力和与人交流的能力。通过师生互动，归纳总结，加深学生对两种渐变动画的原理及其适用范围的理解，突破难点。

保存作品 自主学习

1、要求学生保存任务二的作品，并上传。

2、鼓励完成任务二的同学尝试探究拓展任务。【课件演示10】展示拓展任务：制作一个由矩形变成三角形的形状渐变动画，并通过形状提示来控制形状变化的效果。

完成任务 积极探究

3分钟

通过鼓励学生实践拓展任务，让学生形成主动探究的态度。

《形状渐变动画》课堂教学实录 教学环节

内容

教师活动

今天老师要送给大家一个用Flash制作的一张圣诞贺卡，下面我们边欣赏，边思考下面问题： “圣诞贺卡”动画里面有哪几个动画？ 它们是怎么动起来的？

动画中的物体发生了怎样的变化？

学生活动

回答：3个动画；一个是圆形变成了正方形，一个是“祝同学们圣诞快乐”这几个字在逐个变化出现，还有一个是苹果变成了雪梨等等；物体的外形在变化。

教师活动

这几个动画中的物体都是形状发生了改变。这一类动画就叫做形状渐变动画。

在flash中，可以建立两种渐变动画，一个是动作渐变动画，一个是形状渐变动画。同学们上节课学过了动作渐变动画。展示课件并说明：象这个小球沿着直线运动的动画就是一个动作渐变动画，如果我们要改变物体的位置、大小、透明度、旋转度的时候，可通过创建动作渐变动画来实现。而这个由圆形变成正方形的动画是一个形状渐变动画，这种动画可以实现物体的形状发生改变的效果。

学生活动

认真听讲，理解概念，了解渐变动画的分类。

教师活动

引导理解：形状渐变动画的制作方法。

讲解：形状渐变动画的制作步骤可概括为“三步法”。第一步，确定起始关键帧的画面。第二步，确定结束关键帧的画面。第三步，通过补间完成动画过程。如果我们要做一个由圆形变成正方形的形状渐变动画，第一步中起始关键帧的画面是什么内容？第一步中结束关键帧的画面的内容是什么？

学生活动

回答：圆形，正方形。

教师活动

讲解：确定了开始和结束的画面之后，再通过在flash窗口的属性面板中选择“形状渐变”来实现由圆形变成正方形的中间变化过程。演示圆形变正方形的动画制作过程，提示形状渐变动画建好后，时间轴面板的背景色由原来的灰色变为淡绿色，并且在起始帧和结束帧之间有一个长长的箭头。

学生活动

认真观察老师操作，观察时间轴的变化。

教师活动

布置任务一：参考学习网站，制作一个由圆形变成正方形的形状渐变动画。

学生活动

动手实践，通过参考学习网站中的操作指南来完成任务一。

教师活动

演示学生作品并分析：有的同学很快就完成任务了，有的同学总是出错，做不出形变的效果。主要存在以下几个问题：

①同一帧出现多个对象，导致未能产生渐变效果：如在插入关键帧后没有删除圆形，又画正方形。②使用右键快捷菜单创建渐变动画，时间轴出现虚线，未能产生形状渐变的效果：因为使用右键快捷菜单创建渐变动画时，系统默认的是创建动作渐变动画而不是形状渐变动画。提醒同学在属性面板中创建形状渐变动画。

③不能产生形变：同学们把用绘图工具画好的圆形、正方形转换成元件，这时时间轴出现虚线。问题是：形状渐变动画中关键帧上的对象必须是矢量图形。选中矢量图形的状态是没有方框的（展示课件：选中矢量图形和选中元件时的状态图）。如果出现这个方框应该通过点击“修改”菜单中的“分离”（快捷方式Ctrl+B）把对象“打散”，使之成为矢量图（展示课件：分离元件后的状态图），这时才可以创建形状渐变动画。

学生活动

认真听讲，理清思路，及时修改。

教师活动

布置任务二：制作一个文字渐变的动画，将“圣诞快乐”四个字母逐个变形显示。

提示：一共建立四个关键帧，每一个关键帧上的内容分别是这四个字，然后在这四个字之间分别创建形状渐变动画。再次提醒学生：文字在变形之前要“打散”，快捷方式是Ctrl+B。

学生活动

观察实例，思考制作要点。动手实践，通过参考学习网站中的操作指南完成任务二。

教师活动

提问：下面结合老师演示这两种动画的源文件，思考这节课学习的形状渐变动画和之前学过的动作渐变动画有哪些不同点？

学生活动

细心观察，交流讨论，在老师的引导下归纳出：主要有三方面不同点，1）时间轴的背景颜色；2）适用范围；3）适用的对象

教师活动

展示课件：表格归纳动作渐变动画与形状渐变动画的不同点。

布置拓展任务：通过自学网站内容，尝试完成拓展任务，制作一个由矩形变成三角形的形状渐变动画，并通过形状提示来控制形状变化的效果。

◆教学反思

根据教学内容的特点，结合初二学生的实际认知水平，这节课主要从以下几方面去进行的：

1、创设情景，引起学生兴趣。本节课选用了学生感兴趣的圣诞话题导入，通过展示Flash圣诞贺卡来引起学生兴趣，并通过贺卡中的几个形状渐变动画引入课题，既活跃了课堂气氛，又能激发学生的求知欲。

2、精讲多练，讲练结合。由于本节课的内容跟前面学过的动作渐变动画有很多相通的地方，所以对于已经学过动作渐变动画的学生来说并不难，而且也是学生感兴趣的东西，因此我采用精讲多练的方式进行教学，重难点知识精讲，简单知识让学生自己实践或通过阅读网站提供的资料和课本知识来解决。如学生在学习制作几何图形的形状渐变动画时，由老师讲解和演示主要的制作方法，至于如何使用绘图工具画图则由学生自己完成。

3、提供学习网站，培养学生自主学习能力。本次课准备了一个学习网站，网站为学生提供了学习目标和课堂任务的操作方法，同时还提供了拓展任务的制作方法，一方面可以帮助全体学生都能顺利完成基本任务，另一方面可以让那些基础较好的同学在完成基本任务后继续自主学习难度更高的拓展内容。例如，学生在制作作品的过程中，有的学生需要通过浏览网页中的“操作指南”来完成任务，而一些基础较好的学生不但能够较快地完成任务，而且还可以通过自学网站中的拓展内容来学习更多的知识，从中满足了学习的求知欲和成功感。因此，通过这个平台可以培养学生的自主学习能力和主动学习的态度。

4、分层教学，任务驱动。本节课以任务驱动作为贯穿课堂的核心。考虑到学生的水平参差不齐，为了能使全体学生都得到发展，我把学习重点分拆为若干个任务，任务的设计分层递进，角度多样。例如，布置的形状渐变动画的任务中，既有几何图形渐变动画，又有文字渐变动画；在设计几何图形渐变动画的任务时，既有基本任务，又有拓展任务。设计这些多角度和递进式的任务，既可以兼顾各层次学生的发展需要，同时有助于学生更全面地掌握Flash动画制作的基本方法和基本技能。

在实际教学中，也发现了以下的不足。如在教学中提供学习网站，目的是帮助学生解决操作中遇到的问题，然而由于有的学生只顾着浏览网站的内容而不做作品，反而影响了他们的学习。因此，如何引导学生有效地利用学习网站是今后需要思考和改善的地方。

第三篇：移动渐变动画的制作教案

移动渐变动画的制作

课题：移动渐变动画的制作 教学年级：高一 执教者：陈信乐

教材版本：教育科学出版社 教学目的：

一、知识目标

1、掌握移动渐变动画的制作方法；

2、理解图层的概念和重命名的意义；

3、理解关键帧、空白关键帧、普通帧在动画制作中的作用；

4、理解帧面板参数的设置对动画的影响。

二、能力目标

１、学会插入及重命名图层的方法；

２、学会用菜单和快捷键在时间轴上添加普通帧； ３、掌握移动渐变动画的制作方法。

三、情感目标

1、通过制作Flash动画，激发和保持学生学习Flash软件的兴趣；

2、培养学生尊重科学、应用科学的意识。教学重点：

1、移动渐变动画的制作思想；

2、根据动画效果设置帧面板参数；

3、在时间轴上插入普通帧。

教学难点：

1、移动渐变动画的制作思想；

2、根据动画效果设置帧面板参数；

3、在时间轴上插入普通帧。

教学准备：多媒体电脑教室，学生机安装Flash 8软件；逐帧动画实例和移动渐变动画实例各一个。教学课时：1课时 教学步骤：

一、导入

师：上节课我们学习了逐帧动画的制作，我们再来看一下我们上节课的作品“变化的圆环”，同学们请注意，在圆环在变化过程中，它的位置有没有变动？

生：没有。

师：现在我要和班里的一名同学做个游戏，请同学们注意，在这个过程中篮球发生了怎样的变化？

生：篮球的位置发生了改变。

师：我已经把刚才的游戏做成了动画“滚动的篮球”，请同学们欣赏一下。这个动画属于Flash的移动渐变动画。运用移动渐变动画轻易就能制作出具有移动、缩放、旋转效果的动画，还能控制动画行进的速度。今天我们就来学习移动渐变动画的制作。

板书课题：移动渐变动画的制作

二、新授

1、准备工作

请同学们在D盘新建以自已名字命名的文件夹，用来存放自已的作品。

2、介绍图层概念

师：现在咱们分析一下“滚动的篮球”这个动画，我将篮球场、运动员和篮球放置在不同的图层上。为什么要这样呢？

师：打个比方说，图层就像透明的玻璃纸。在一张张透明的玻璃纸上作画，透过上面的玻璃纸可以看见下面纸上的内容，但是无论在上一层上如何涂画都不会影响到下面的玻璃纸。上面图层的图像会覆盖下面图层的图像。最后将玻璃纸叠加起来，通过改变各层玻璃纸上图像的相对位置即可得到最后的合成效果。

3、Flash中的关键帧、空白关键帧、普通帧 特点：

（1）关键帧——顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进行编辑的帧。此类帧比较特殊，比如一个物体从最大变成最小，它的最大时刻和最小时刻就是称之为关键帧，即是动画开始“变化”的前后时刻，这里的变化包括了形状，透明度，颜色，位置以及被其他物体替换等多个效果。

（2）空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。

（3）普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。区别：

（1）关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格。

（2）同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作；如果插入普通帧，是延续前一个关键帧上的内容，不可对其进行编辑操作；插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加新的实例对象。

（3）关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能。

4、制作移动渐变动画的三个步骤

板书：起始关键帧——结束关键帧——设定补间动画

5、教师示范 具体步骤：

（1）整体设计、创意：篮球在球场上来回滚动

（2）设置电影属性：新建一个FLASＨ文件，设置“影片属性”：

大小：800×600； 背景：默认； 帧频：12fps（3）导入素材或制作元件：将“篮球场”图片导入到库中，新建元件“篮球”、“运动员”（4）引用元件及制作动画效果：

①制作“篮球场”图层：“图层1”命名为“篮球场”，将库中的“篮球场”图片拖放到此图层的第1帧，然后在此图层的第120帧插入普通帧。

②制作“运动员”图层：新建一个图层并命名为“运动员”，将库中的 “运动员”元件拖放到此图层的第1帧，放置在篮球场的适当位置。然后在此图层的第120帧插入普通帧。③制作“篮球”图层：新建一个图层并命名为“篮球”，将库中的“篮球”元件放置在第1、60、120帧，将“篮球”元件大小分别设置为25×25、20×20、25×25。设置移动渐变过渡：

第一步：在时间轴的第1到60帧任意位置单击鼠标； 第二步：在属性面板中选“动画”补间；

第三步：在属性面板中，设置“缓动”和“旋转”属性：

缓动：－50 旋转：顺时针5次

第四步：在时间轴的第60到120帧任意位置单击鼠标； 第五步：在属性面板中选“动画”补间；

第六步：在属性面板中，设置“缓动”和“旋转”属性：

缓动：－50 旋转：逆时针5次

（5）测试动画效果：如不满意，再反复修改（3）、（4）两步，直到满意为止（6）保存、输出：首先要保存成*.fla格式的文件，然后导出为*.swf格式的文件

6、学生模仿练习

教师在学生中巡视，对有疑问的学生进行个别指导，发现存在的共性问题。

7、教师纠错并示范： 错误：

（1）有些同学没有新建图层，将不同的素材与元件放置在一个图层中。导致动画无法完成；（2）有些同学没有在关键帧后插入普通帧，导致动画没有背景。

解决方法：

（1）新建图层，在图层中放置相应的素材与元件；（2）在关键帧后插入普通帧。

三、课堂小结

1、什么是图层？

2、关键帧、空白关键帧、普通帧的作用？

3、制作移动渐变动画的步骤是什么？

四、作业

制作小船在面上来回穿梭的动画。

提醒学生注意：小船在河面上穿梭，至少需要3个图层，分别是河流、小船、船夫。板书设计：

移动渐变动画的制作

步骤：

创建起始关键帧——创建结束关键帧——创建补间动画

教学反思：

“移动渐变动画的制作”这节课是学生学习Flash动画制作软件的第二课。本课的知识点较多，包括：图层的概念；关键帧、空白关键帧、普通帧的作用；还有最重要的移动渐变动画的制作步骤。

这节课要求1课时上完，因此如何突破难点，规避次要的知识点，就成为教学设计中首先要解决的问题。为此，我将本节课设置成三个层次：分别是单向滚动的篮球；双向滚动的篮球；给滚动的篮球添加背景。按照学生的思维，由简到繁、步步推进，在此过程中把知识点穿插讲解。

在布置作业时，对学生进行点拨，点到为止，启发他们运用本节课的知识点完成作业。通过这样的教学设计，相信学生们大部分都能顺利的制作移动渐变动画，从而完成本课的教学目的。

第四篇：FLASH移动渐变与形状渐变动画教案

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

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

新授：

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

一、移动渐变

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

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

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

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

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

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

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

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

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

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

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

学生实践操作。

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

二、形状渐变

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

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

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

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

需要注意的几点：

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

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

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

学生实践操作。

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

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

板书：

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

一、移动渐变动画

要点：制作两个关键帧

对象是符号实体

【补间】中选择动画

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

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

教案

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

第五篇：初识形状渐变动画的教学反思

本课是电子工业出版社小学信息技术第五册第三单元的内容。通过前面一节课的学习，学生已经学会制作简单的逐帧动画。本节课的主要学习目标是让学生制作简单的形状渐变动画，通过本节课的学习大部分学生都能够掌握制作形状渐变动画的操作步骤，但对于形状渐变的理解产生了个体的差异。例如：在Flash中有两种图形分类，一种是位图图形，另一种为矢量图形。只有矢量图形才以制作形状渐变动画。位图，文本，元件等都不可以进行制作此效果。对于位图和矢量图的理解，很多学生产生了困难，通过位图与矢量图的比较，让学生自己发现他们的不同，加深理解，让学生明白直接导入的.jpg、.bmp等图片格式是不能进行形状渐变的，因为他们并不是矢量图形。

此时，有很多学生好奇怎样才能让位图、文本等这样的非矢量图形也能够形状渐变？我们只有通过“分离”将位图、文本等矢量化，才可以达到效果，也就是说形状渐变产生动画的对象必须是分散的，又进一步加深了学生对矢量图的理解。在本课中知识点较多，学生觉得不容易，老师教起来也不简单，我演示操作给学生看，让学生跟着教师的讲解去练习。因为他们对FALSH已经有一定的了解，对图片格式也清楚了，通过学习文字渐变动画的制作，讲解了文字的分离，演示了矢量图形与位图之间的转换。学生也可以根据自己的喜好，制作出自己喜欢的文字渐变动画。