第一篇：FLASH移动渐变与形状渐变动画教案
FLASH移动渐变与形状渐变动画
引言：前一节课我们已经学过如何制作关键帧动画，通过关键帧动画我们可以做出各种各样的动画，但费时、费力，今天我们要学习移动和形状渐变动画的制作方法，有了移动和形状渐变动画，我们只要做好了起始关键帧和结束关键帧两个关键帧这间的动画可以让电脑为我们自动生成，下面我们先来学习移动渐变动画。
新授：
首先通过电脑向同学展示一个已经做好的FLASH动画，其中用到了已经学过的关键帧动画和将要学的移动渐变动画、形状渐变动画，激发学生的学习兴趣。
一、移动渐变
下面我演示一个移动的小汽车的制作过程，大家来学习移动渐变动画的制作方法，这个动画的效果为小汽车从屏幕的左侧移动到屏幕的右侧。电脑演示：
第一步新建一个FLASH文件设置影片的属性。
第二步单击【插入】→【新建元件】，先把图形，输入元件名小汽车，然后确定，进入符号编辑模式，利用各种绘图工具画出小汽车。
第三步返回场景1，在舞台上添加小汽车实体。
第四步在第一帧处把小汽车调整到屏幕左侧，在第20帧处
插入关键帧，选中20帧把小汽车拖动到屏幕右侧。
第五步创建动画，选中第1帧打开帧属性面板在补间中选择动画。
第六步单击【控制】→【测试影片】，测试效果。第七步保存文件为“小汽车.fla”.需要注意的几点：
1、制作FLASH移动渐变动画，渐变的对象必须是一个符号的实体。
2、在创建动画时一定要先选择关键帧然后在帧属性里选择渐变类型为【动画】。
下面同学们就以小组为单位制作移动渐变动画，动画内容可以自己选择。
学生实践操作。
在学生的作品中选择有代表性的进行全体展示。
二、形状渐变
下面我们再来学习一下形状渐变动画的制作方法。第一步新建一个文件，选中图层1第1帧，在舞台上制作出一个黑色的矩形并将其转换成图形元件。
第二步在第20帧自己插入空白关键帧。然后在舞台上制作出一个蓝色的圆形并将其转换成图形元件。
第三步创建动画:选中图层的第1帧，打开帧属性面板。在【补间】中选择【形状】。
第四步单击【控制】→【测试影片】，测试效果。会看到黑色的矩形逐渐变成蓝色的圆形。
需要注意的几点：
1、制作FLASH形状渐变动画，渐变的对象必须是一个图形，如果要使用文字或是图片必须要经过打散处理后使之转变为图形后才能制作形状渐变动画（选中文字或图片，选择【修改】→【分离】，就可以将文字或图片打散了）。
2、在创建动画时一定要先选择关键帧然后在帧属性里选择渐变类型为【形状】。
下面同学们就以小组为单位制作移动渐变动画，动画内容可以自己选择。
学生实践操作。
在学生的作品中选择有代表性的进行全体展示。
小结：通过这两种动画制作方式的学习，我们可以做出更加丰富多彩的动画了，以后我们在动画的制作过程中要灵活运用各种动画制作的手段，做出优秀且非常简洁的动画。
板书：
FLASH移动渐变与形状渐变动画
一、移动渐变动画
要点：制作两个关键帧
对象是符号实体
【补间】中选择动画
二、形状渐变动画 要点：制作两个关键帧
对象是图形 【补间】中选择形状
教案
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课时上完，因此如何突破难点，规避次要的知识点，就成为教学设计中首先要解决的问题。为此，我将本节课设置成三个层次：分别是单向滚动的篮球；双向滚动的篮球；给滚动的篮球添加背景。按照学生的思维，由简到繁、步步推进，在此过程中把知识点穿插讲解。
在布置作业时，对学生进行点拨，点到为止，启发他们运用本节课的知识点完成作业。通过这样的教学设计，相信学生们大部分都能顺利的制作移动渐变动画，从而完成本课的教学目的。
第三篇：制作形状渐变动画教案
《制作图形渐变动画》教案
一、教材分析
本课题出自电子工业出版社初中信息技术第四册第一单元第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，测试影片。
第五篇：《形状渐变动画》教学设计
《形状渐变动画》教学设计 广州市第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动画制作的基本方法和基本技能。
在实际教学中，也发现了以下的不足。如在教学中提供学习网站，目的是帮助学生解决操作中遇到的问题，然而由于有的学生只顾着浏览网站的内容而不做作品，反而影响了他们的学习。因此，如何引导学生有效地利用学习网站是今后需要思考和改善的地方。
点击咨询 