《形状渐变动画》教学设计[最终定稿]

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

《形状渐变动画》教学设计 广州市第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动画制作的基本方法和基本技能。

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

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

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

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

第三篇：制作形状渐变动画教案

《制作图形渐变动画》教案

一、教材分析

本课题出自电子工业出版社初中信息技术第四册第一单元第2课。本节主要内容是让学生掌握制作图形渐变动画的基本技巧，学习图形渐变动画的制作过程。同学们可以发挥想象力，制作自己喜欢的图形渐变动画。本节是Flash动画中必须掌握的内容，也是教材中设置的重点内容，为下节课制作运动渐变的动画起到铺垫的作用，所以本节课在教材中的地位和作用是极其基础和重要的。在指导学生学习时由浅入深,引导学生循序渐进的学习本节内容。

二、教学目标

（一）知识与技能目标：

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

2、学会形状渐变动画的制作方法；

3、掌握形变提示点的概念。

（二）过程与方法目标：

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

2、掌握为图形渐变动画添加图形提示点的方法

（三）情感、态度、价值观：

1、感受动画在表现主题、表达思想、呈现信息方面的魅力；

2、体验成功制作动画作品的喜悦，增强学习幸福感，激发对信息技术的学习兴趣，形成积极主动的学习态度；

3、学会欣赏大自然，通过动画描绘美丽的大自然。

三、重点与难点

重点：图形渐变动画的特点和制作方法；通过添加形状提示点，使图形渐变动画更精确。

难点：.添加形状提示点。

四、教学方法与策略：

演示讲解法、自主学习法、小组合作探究法、任务驱动教学法

五、教学过程：

（一）情境导入，激发兴趣

（设计意图：设置 情景引起学生 兴趣）

播放视屏（西游记中孙悟空金箍棒变大变小），如下图：

（二）新知传授

1、画笔工具的使用（变化的云朵）

新建图层，并命名为“云”，用画笔工具在第1帧和第20帧分别画出形状不同的云彩，参考如下:

第1帧

第20帧

2、图形渐变动画（文字的变化）

（1）绘制起始帧——输入“一”，CTRL+B打散为图形（2）绘制结束帧——输入“山”，CTRL+B打散为图形

（3）生成过度状态——右击结束帧之前的任何一帧，选择形状渐变。

3、添加形状提示点（形状提示点的功能：设置精确规则的形状渐变动画。）

给“云”层的云添加形状提示点 添加步骤：

（1）单击开始帧，单击“修改”——“添加提示点”。（2）调整形状提示点到合适位置。

（3）单击结束帧，调整形状提示点到合适位置。(三)自主学习，完成任务

1、椭圆变方，如下图所示：

2、制作笑脸

(四)合作探究，创作实践 综合任务，主题创作

(设计意图: 主题任务结合时事，与时俱进，触动学生内心的思考，让学生学会用信息技术的手段方式表达思想主题，交流情感，学以致用，渗透德育和人文内涵。)玉树地震、西南旱灾（3人为一组，小组合作）(五)展示成果，评价交流

选择部分有代表性的作品进行展示，分别从动画创意、使用技术、动画效果等方面给予评价。(六)课堂小结

Flash图形渐变动画的制作原理；图形渐变动画的制作步骤；图形渐变动画的技术要点。

结束语：不管你是独立完成的，还是在别人帮助下完成的，你都是最棒的；即使还没有完成，也不要紧，老师相信你多少都有些收获，下次你就是最棒的了，别气馁，加油！

第四篇：实验10 逐帧动画与形状渐变动画

实验10 逐帧动画与形状渐变动画

10.1实验目的：

(1)掌握帧的基本概念及操作

(2)掌握逐帧动画的基本概念及操作方法(3)掌握形状渐变动画的基本概念及操作方法

10.2 实验环境：

Windows XP，FlashCS3 10.3 实验要求：

(1)制作逐帧动画：舞动的蝴蝶(2)制作形状渐变动画：变形的车

(3)制作添加形状提示点的形状渐变动画：翻书效果

10.4 实验内容：

(1)舞动的蝴蝶：利用逐帧动画制作一只舞动翅膀的蝴蝶，在影片中放置1只蝴蝶，在荷花上舞动翅膀。如图10-1所示。演示效果查看10-1.exe文件。

图10-1

(2)变形的车：摩托车变形成小汽车向左边行驶，如图10-2所示。演示效果查看10-2.exe文件。

图10-2(3)翻书效果，如图10-3所示，演示效果查看10-3.exe文件。

图10-3 10.5实验步骤

1.打开10-1.fla文件，制作舞动的蝴蝶。

(1)依次选择“插入”菜单→“新建元件”命令，输入名称为“hudie”，选择“影片剪辑”，新建元件对话框如图10-4所示。

图10-4(2)在图层1第一帧处绘制出蝴蝶的身体主干部分：选择工具箱中的刷子工具，指定适当的大小，如图10-5所示，并在属性面板上将刷子颜色设置为棕色，绘制好蝴蝶的躯干。再将刷子大小变小，颜色改为红色，绘制出蝴蝶的眼睛。最后再利用工具箱中的铅笔工具，画出蝴蝶的触角。效果如图10-6所示。

图10-5

图10-6(3)点击图层面板左下角的“插入图层”按钮，如图10-7所示，添加一图层：图层2，并在图层2的第一帧处，选择工具箱中的椭圆工具，在属性面板设置其笔触颜色为黑色，填充颜色为无，在按住Shift键的同时，拖动鼠标，在舞台中央绘制一个正圆形。点击工具箱中的选择工具，按住Ctrl键拖动鼠标将圆形一端变形，形成蝴蝶翅膀的轮廓状，绘制程如图10-8所示。选择颜料桶工具，在颜色面板设置填充色彩为红至黄的放射状渐变色，如图10-9所示，鼠标点击翅膀内部，对其填色。利用铅笔工具和刷子工具绘出翅膀中的花纹。双击选中翅膀的轮廓线，按Delete键将其删除，如图10-10所示。拖动鼠标，选中整个翅膀，利用Ctrl＋G键将左翅膀组合。选择“编辑”菜单→“复制”命令，复制左翅膀。

图10-7

图10-8

图10-9

图10-10

(4)添加一新图层：图层3，在图层3第一帧处，依次选择“编辑”菜单→“粘贴到当前位置”命令复制出一个左翅膀，再依次选择“修改”菜单→“变形”→“水平翻转”命令，将左翅膀水平翻转成右翅膀，再将其移到合适的位置，如图10-11所示。

图10-11(5)在图层2和图层3的第3帧和第5帧处均按F6键插入关键帧，利用任意变形工具将图层2，3中第3帧的左、右翅膀变形。如图10-12所示。

图10-12(6)在图层1、2、3的第10帧处均按F5键插入普通帧。

(7)回到主场景区域，添加一图层，命名为蝴蝶，在蝴蝶图层第1帧处，将库中的影片剪辑“hudie”拖到合适的位置，更改其大小。(8)ctrl+enter，测试影片。

2.打开10-2.fla文件，制作变形的车动画：

(1)添加一图层，命名为车，在第1帧处将库中的图形元件“摩托车”拖到场景区右侧，利用Ctrl+B键将其分离。在第20帧处按F7键插入空关键帧，将图形元件“汽车”从库中拖到摩托车所在位置，利用Ctrl+B键将其分离。

(2)选中第1－20帧中间的任意一帧，点击属性面板“补间”下拉菜单的“形状”选项，如图10-13所示；或右击第1－20帧中间的任意一帧，在弹出菜单中选择“创建补间形状”命令，创建第1－20帧的形状渐变动画。

图10-13(3)在“车”层的第40帧处按F6键插入关键帧，在这帧中将汽车移至场景区左侧，按前一步骤的方法创建第20－40帧的形状渐变动画。

(4)在“背景”层第40帧处按F5键插入普通帧。制作完成后的时间轴面板如图10-14所示。

图10-14(5)ctrl+enter，测试影片。3.制作翻书效果动画

(1)选择“文件”菜单→“新建”命令，新建一个Flash文档，保存为10-3.fla。(2)将图层1重命名为“封面”。选择矩形工具，在属性面板设置笔触颜色为无，填充色为紫色（#FF00FF），拖动鼠标，在舞台中绘制一矩形，并使用选择工具，拖动矩形上下边缘，修改成书页状，如图10-15所示。

图10-15(3)添加一个图层，重命名为“封底”。点击“封面”图层，拖动鼠标选中整个紫色书页图案，选择“编辑”菜单→“复制”命令，再点击“封底”图层，选择“编辑”菜单→“粘贴到当前位置”命令，将紫色书页复制到“封底”图层，并使用颜料桶工具为其填充上蓝色，再移动至合适位置，如图10-16所示。

图10-16(4)在“封面”和“封底”图层上方再添加一个图层，重命名为“中页”。选中“封底”图层上的蓝色书页，选择“编辑”菜单→“复制”命令，选中“封底”图层的第1帧，选择“编辑”菜单→“粘贴到当前位置”命令，将蓝色书页复制到“中页”图层，并使用颜料桶工具填充上黄色。如图10-17所示。

图10-17(5)在“封面”和“封底”图层的第20帧处各按F5键插入普通帧。在“中页”图层第20帧处按F6插入关键帧，使用任意变形工具对书页进行稍作修改，如图10-18所示。

图10-18(6)在“封面”和“封底”图层的第60帧处各按F5键插入普通帧。在“中页”图层第60帧处按F6键插入关键帧，选择任意变形工具，拖动书页水平中线处的角柄，对书页进行水平翻转，效果如图10-19所示。

图10-19(7)在“封面”和“封底”图层的第80帧处各按F5键插入普通帧。在“中页”图层第80帧处按F7插入空白关键帧，拖动鼠标，选中“封面”图层上的紫色书页，依次选择“编辑”菜单→“复制”命令，选中“中页”图层的第80帧，依次选择“编辑”菜单→“粘贴到当前位置”命令，复制出一书页，并使用颜料桶工具为书页填充上黄色。

(8)选中“中页”图层第1—20帧中的任意一帧，在属性面板的“补间”下拉菜单中点击“形状”选项，创建好第1—20帧的形状渐变动画。使用相同方法创建好第20—60帧，第60—80帧的形状渐变动画。

(9)选中“中页”图层第20帧，依次选择“修改”菜单→“形状”→“添加形状提示”命令，这时舞台上会出现一个红色的a标志，将其移动到书页的左上方。重复选择上述菜单命令，依次添加b，c，d三个形状提示点，分别放置到书页的另三个角上。如图10-20所示。

图10-20(10)选中“中页”图层第60帧，将舞台上出现的绿色的形状提示点d，c，b，a移动到对应位置。（注意：位置要和第20帧的相对应），如图10-21所示。

图10-21(11)ctrl+enter，测试影片。

第五篇：“形状补间动画”教学设计

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

教材分析

《动画制作》对初二的学生来说还是有一定难度的，但学生的兴趣非常浓厚；本课主要学习形状补间动画的制作方法，比较形状补间动画与动画补间动画的区别；形状补间动画是本单元的教学重点和难点，其中掌握“形状补间动画”的制作方法及“形状补间动画”与“动画补间动画的区别”又是本节课的重点和难点。教学对象分析

本节课的教学对象为初中二年级学生，以下将从两个方面对其进行分析：

1、FLASH的认知方面

初二绝大部分学生是刚刚接触FLASH内容，通过前几节课的学习对FLASH有了一定的了解，对该软件的窗口、面板、工具、图层等基础知识有一些初步认识，但是对FLASH软件还不能较全面的掌握和应用，还需要进一步巩固。

2、信息能力方面

我校初中生源复杂，水平参差不齐，部分学生在小学时就已经参加过了信息技术竞赛，而有的却是刚接触计算机；实验班和平行班的设置使得班级与班级之间的差异加大，就这些的现状，对教师的教学也提出了很高的要求。教学内容分析

本节课的教学内容为形状补间动画制作，针对实际情况，具体将以3个任务围绕教学目标开展教学：首任务——基本任务：圆变矩形再变五角星；次任务——分组任务：第一组：文字变文字，第二组：文字变图片，第三组图片变文字，第四组：图片变图片；提高任务——综合任务：制作FLASH动画卡片。三个任务的设计切合学生的学习思路，激发学生的学习兴趣，由浅入深，层层提高；在教学过程中不断加入新的知识点，用各种教学方式与手段将知识点传授给学生，最后突破难点，完成课堂教学目标。教学设计思想与策略

本课的教材中给了一副动画卡片“盛开的小花”的详细制作过程。但实际教学中还是应该遵循“循序渐进，逐步提高”的思路，这就对教师的教学设计提出了很高的要求，本节课我个人的思考是： 设计思想

围绕教材设计基本任务，并适当加以延伸，而对于基础好的同学设计拓展任务；让所有学生各有所得，在原有基础上都有所提高。教学策略

采用有趣的素材，激发学生的学习兴趣，提高学生的学习力，让学生总有一种想尝试的感觉，不怕学生出问题，遇到困难，教师引导学生探究学习的方向，学生通过自主学习来解决困难，若解决不了，可以发挥组内“学习带头人”的作用(按照教师开学时设定的小组)，全组中无论是组长还是组内其他成员，只要完成任务的同学都可以充当“学习带头人”，帮助后进的同学完成任务；若依旧无法解决的问题，在必要时教师设置排疑解难；让学生在尝试中去探索，在探索中获取知识，同时获得能力，通过本节课内容的学习与实践操作，不仅要使学生学会“形状补间动画”的制作，了解“形状补间动画”与“动画补间动画”的区别；而且还要充分利用“学习小组”的作用、充分利用本组“学习带头人”的作用，互相帮助，以优扶弱，充分调动所有学生的学习积极性，培养学生互助的精神；同时也可以减轻教师辅导的压力。我想作为教师的教学目标，不仅仅是传授知识点，更重要的是锻炼学生的能力，要“舍得”让学生去碰壁，让他们在碰壁中加深对问题的理解，并努力探究问题解决的方法，这样才能提升学生自身的学习力。教学目标

一、知识与技能：

1、理解形状补间动画的概念，掌握其制作方法；

2、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化；

3、认识形状补间动画与动画补间动画的区别

二、过程与方法：

通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。

通过利用所学知识制作FLASH动画卡片，提高学生综合应用能力

三、情感态度与价值观：培养学生的动手能力、想象力、创造力、审美能力及互助精神。教学重难点

重点：形状补间动画的制作方法；形状补间动画与动画补间动画的区别；掌握位图矢量化方法

难点：形状补间动画的制作方法；形状补间动画与动画补间动画的区别；了解图片矢量化的原因 教学方法及教学手段分析

一、教学方法：引导法、演示法、任务驱动法、师生互动

二、教学手段

1、任务素材、多媒体教学网络、flash板书课件

2、学生通过极域网络提交作业

3、学生达标自评结果的提交利用excel引用与网络结合方法收集 教学过程与设计意图 情景导入

教师播放一段自制的Flash补间小动画给学生欣赏,由此引入形状补间动画。学生回忆所学过的内容，了解本课的任务。师：(过渡语)同学们，我们上节课已经学习了动画补间动画的知识，那么，在播放的这段flash动画中，骑着笤帚的小巫师在做动画补间动画，这时有的同学已经看到了：狗变成了蚂蚁，鸟变成了兔子；那么这是怎么回事呢？这就是我们今天将要学习的新内容—“形状补间动画”，学会了形状补间动画，你就拥有了哈利波特的魔棒，想怎么变就怎么变！设计意图：激发学生的学习兴趣 讲授新课，师生互动

师：(过渡语)那么，现在就请同学们跟我去认识一下什么是“形状补间动画”；

(板书)形状补间动画的概念:使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。设计意图：让学生有概念认识

师：(过渡语)了解了概念以后，我们一起来制作一个简单的形状补间动画。

（讲解）以“椭圆—三角形—圆”为例简单讲授制作过程。(提示)flash中绘制的图不需要转化为元件，因为它要发生形状的变化。

教师在讲授 “椭圆—三角形”时，讲正确方法；在讲授“三角形—圆” 时故意犯错；

设计意图：让学生对形状补间动画的制作过程有系统的认识，故意放错可以让学生记忆加深，学生对老师的错误会记得很劳。师：(过渡语)下面请同学们完成练习一与练习二。

生： 完成达标练习一：实现图形—图形间的形状补间动画，并以“自己的姓名”1.fla保存在E盘。(形状可以自选)：建议：制作圆——> 矩形 ——>五角星间的形状补间 动画。

(制作五角星提示)：点击工具箱中 选择“多角星形工具”，然后打开“窗口”菜单“属性”面板，点击“选项”，修改“工具设置”属性对话框。设计意图：让学生掌握基本得形状补间动画制作方法。

生： 完成达标练习二： 实现图片与文字间的形状补间动画，并导出影片并以“自己的 姓名”2.swf保存在E盘。

(疑难帮助):查看FLASH菜单栏：“帮助”->“使用 Flash创建动画 ”->“关于补间动画”

(导出影片提示)：“文件”菜单——导出——导出影片

1、文字与文字间形状补间动画：

建议：“南京四中”变成“欢迎您！”(请第1组同学做本练习)

2、文字与图片间形状补间动画：

A、文字“圣诞快乐”变成 “圣诞树” 图片：(请第2组同学做本练习)B、图片“孙悟空”变成“孙悟空七十二变” 文字：(请第3组同学做本练习)

3、图片与图片间形状补间动画：“盛开的小花”(请第4组同学做本练习)(任务2、3素材位置：我的电脑/E盘/形状补间动画素材)(导入图片提示)：

1、打开“文件”菜单—“导入”—“导入到库”，选择文件并打开；

2、打开：“窗口”菜单—“库”面板，将需要的对象拖到舞台。师： 请两位学生演示自己的作品：问题作品：孙悟空七十二变” ；优秀作品：圣诞快乐 排难解疑：

师：(过渡语)在完成练习二时，很多同学都碰到了问题： 问题

1、文字、图片的形状补间动画无法实现？

(解难)： 教师以“灯笼”图片变成“元旦快乐”文字为例讲解文字必须分离打散。

图片从库中拖出来后必须执行将位图矢量化。(注意为了使形状补间动画更加逼真，请将不需要的点状删除)。问题2：位图为何要矢量化？

(解难): 有的同学非常爱动脑筋，导入位图与flash绘制的图片不一样吗？干嘛要矢量化，这是因为位图用二维象素矩阵描述，而矢量图用指令集合描述；他们的存储结构不同，因此必须矢量化，这样才能进行形状补间动画。

师：(过渡语)那么此时同学们是否思考过制作形状补间动画的关键点是什么？

(板书)形状补间动画制作的关键点

1、插入的帧为空白关键帧

2、首帧与尾帧的对象必须为点状的矢量图

3、补间的实现动作不能放在尾帧上

设计意图：归纳后，避免学生在这些问题上再次出错，而且能有一个系统的了解。学生自评 生： 学生完成练习二以后，打开桌面的“机号.xls”EXCEL文件达标自评，完成自评后保存、提交。

师： 利用excel表格与网络结合方法收集学生的提交结果，将自评结果自动展示在大屏幕

上，并随着自评完成情况不断更新数据。

生： 完成综合练习：制作一张flash动画卡片,以“自己的姓名”3.swf导出，并保

存在E盘。(请在下列三个素材中选择其一制作，内容形式自定。建议

1、在你的卡片中至少有2个对象分别在2个图层中完成形状补间动画，来实现形状补间动画。

2、在你的卡片中出现文字。

3、在你的卡片中含有完成动画补间动画的图层，来实现对象的移动。

素材：

1、孙悟空七十二变；

2、哈利波特魔棒变变变；

3、绿色家园

师(点评)展示一副问题作品，并请学生排疑解难。

排疑解难：

问题

1、多个对象同时发生形变怎么处理？

问题

2、如何让最后的动作能停顿一会？

问题

3、让文字只在需要的地方出现？

师(展示)教师再展示几副优秀作品

小结

师(提问)形状补间和动作补间的区别？

请学生回答，然后教师总结。(教师用FLASH板书)

生：继续完成综合练习

衔接延续