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

第一篇：实验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将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。【教学目标】

1．知识与能力

①知道帧、帧频与关键帧的含义。②学会用绘制的图形来制作“逐帧动画”。③插入、编辑关键帧。

④掌握制作“逐帧动画”的方法。

⑤学会通过改变帧频控制动画的播放时间。2．过程与方法

能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash动画制作水平。

3．情感态度与价值观

体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。【教学重难点】

重点：用绘图工具制作“逐帧动画”的方法。【教学方法】

1．演示教学法：通过在电脑教室，实际操作演示用Flash制作动画的过程，活跃课堂气氛，激发学生学习情趣。

2．任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。

3．案例教学法：选取的案例取材于学生在课堂中出现的问题动画，用于训练学生解决实际问题的能力。

【教学过程】

一、激趣导入

1．给学生展示庆祝国庆节的Flash。你们知道这段动画所展示的是什么内容吗？

2．每个人都有自己的生日，我们的祖国也有自己的生日，国庆节就是祖国妈妈的生日。今天，就让我们在这锣鼓声声中去感受一下快乐的国庆节，我们应该为我们的祖国──为我们亲爱的妈妈送上一份节日祝福！

老师想调查一下，每当节日来临的时候，同学们都会用哪些方式为亲朋好友送出美好的祝福？（学生发言）那么，我们现在学习了Flash中的逐帖动画的制作效果，同学们想不想利用Flash动画来为我们亲爱的妈妈送上我们最诚挚的祝福呢？（学生：想）

好，下面我们首先来进行今天学习的第一个内容：初识flash 8。

二、新授(一)初识flash 8 1 1.启动flash 8 教师演示flash 8的启动方法 2.flash 8的编辑界面

菜单栏、工具箱、时间轴、舞台（工作区）、属性面板、浮动面板等

（二）设计眼球会动的小猫

教师演示“眼球会动的小猫”Flash动画的设计操作过程。1.新建一个flash文档：文件→新建→常规→flash文档 2.确定动画的舞台大小和播放速度

在属性面板中：单击“大小” →根据需要设置尺寸、背景、帧频→确定。知识点：帧、帧频 3.绘制小猫的状态

①绘制第一帧小猫的状态：选定时间轴的第一帧→利用工具箱中的工具在舞台上绘制一只小猫（注意眼球居左）

②绘制第二帧小猫的状态：在第二帧处单击鼠标右键打开快捷菜单→选择“插入关键帧” ③在舞台上修改小猫眼球（将眼球略右移）

④用同样的方法绘制第3、4、5帧小猫的状态（注意眼球依次右移）4.观察效果并保存文件

①观察效果：控制→播放

②保存文件：以“眼球会动的小猫.fla”为名保存 知识点：关键帧、普通帧

（三）此动画特点总结（“逐帧动画”特点）

“眼球会动的小猫”是一个典型的“逐帧动画”效果，通过这个动画我们可以看出，它是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来。然后将这些关键帧连续播放，就形成了动画效果。

三、任务驱动，学生动手实践

通过老师刚刚的演示，相信同学们对制作“逐帧动画”已经有了一定的认识，好，在国庆节即将来临之际，让我们利用所学习知识，拿起你手中的鼠标和键盘，放飞你心中的祝福与希望，为我们的国庆节，祖国妈妈的生日，送上你最诚挚的祝福！

注意：在作品制作的过程中，同学们试一试，能不能将文字制作成“逐帧动画”，若能，那么文字“逐帧动画”与今天所学的图片“逐帧动画”结合起来，进行作品创作，将使我们的作品图文并茂，动静结合，产生和谐的动画效果。（提示：插入新图层，进行文字编辑）

素材存放位置：学生机D盘根目录下“国庆祝福素材”文件夹内。（可自备素材，自由创作）

四、创作作品

根据主题创作作品，在创作过程中，请大家注意我们的评价标准，我们比一比谁的创意新、谁的劳动美。

学生能根据整合任务，进行谋划安排，形成一个方案，促使其创造力的提高，注意学生创新、审美能力的培养。

学生分组，选题，以自主、协作的学习方式，进行实践活动。在制作过程中，注意组间成员的交流、合作、探究。（教师指导操作）。

五、展示作品，师生互评

1．先给出自我评价表，传给每位学生机器中，以便学生进行自我评估。

2．选择部分有代表性的作品进行展示，分别从动画创意、使用技术、动画效果等方面给予评价。充分肯定学生的创新精神、动画中使用的方法和技巧，对优秀作品给予表扬，对不足的作品给予鼓励。

作品相互的展示交流，互评互进，取长补短。考察了学生对知识的综合运用能力，通过主题学习，培 2 养学生爱家乡、爱祖国的美好情感，激发学生爱国主义情怀。【教学反思】

本节课的设计主要是根据本校学生的知识、技能水平，内容涉及动画原理、“逐帧动画”原理、“逐帧动画”制作。学生可以根据自己的奇思妙想，创作一些作品。当然也有一些问题：比如几个关键帧画面有抖动现象，几个图层时间上不同步现象，用错关键帧和空白关键帧的现象等。这些问题有学生操作的失误，有概念的混淆，需要在以后的学习和练习中不断纠正、强化。

本课成功之处：能够精心导入，激发学生学习兴趣。在教学中合理运用“任务驱动法”进行教学。以学生为主体，学生在轻松、优美和谐的情境中自主探究、协作交流，完成知识的意义建构，提升自身的审美情趣。我把自己的角色定位为教学活动的设计者、导学者、合作者、评价者。教师适时指导、点拨。

第三篇：逐帧动画教案

信息技术

第二章 第二节 《制作动画》 东辽县渭津镇中学校

刘翠苓

【教学内容】：第二章 第二节

一、逐帧动画 【教学目标】：

1、了解逐帧动画的制作原理

2、能够运用逐帧动画制作万家灯火 【教学重点】：

1、楼房轮廓图的制作

2、逐帧动画的制作 【教学难点】：图形上色

【教学准备】：事先做好的演示动画、红蜘蛛多媒体网络课堂管理 【教学过程】：

一、自主探究与互助合作（属性修改与轮廓图制作）

1、导入新课：同学们，大家有没有见过万家灯火依次点亮的这样一个过程？或者在电视上看到过？比如楼上的窗口，一会儿这儿亮一个，一会儿那儿亮一个，见过是吧？

没见过不要紧，我们可以一起来看一下。（播放事先做好的动画）这样一个动是怎样制作出来的呢？

那么咱们这节课就要学习用flash来展现这样一个过程。

2、知识回顾：1）帧的类型有哪些？ 2）什么是元件？

3）元件库的打开方式是什么？

3、自主操作：1）学生读课文，老师提问（什么是逐帧动画）。2）学生看书操作

信息技术

4、互助合作：与左右同学相互帮助完成制作

二、课中小结：教师操作演示，解决学生操作过程中出现的问题

三、自主探究与互助合作（逐帧动画制作）

1、自主操作：完成万家灯火效果的制作

2、互助合作：与左右同学相互帮助完成制作

3、一帮一辅导：制作完成的同学可帮助附近出现问题的同学完成制作

四、展示：展示学生作品

五、课堂总结：本节课我们学习了运用逐帧动画来制作万家灯火的效果，给大家留个任务，回家想一想，咱们家里的时钟（带指针的那种）走动的这个过程如何来实现。

第四篇：认识逐帧动画

《初识Flash逐帧动画》教学设计

【教材分析】

本课的教学内容是利用Flash制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。

【教学目标】

一、知识与能力

1．知道帧、帧频与关键帧的含义。

2．学会用绘制的图形来制作“逐帧动画”。

3．插入、编辑关键帧。

4．掌握制作“逐帧动画”的方法。

5．学会通过改变帧频控制动画的播放时间。

二、过程与方法

能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash动画制作水平。

三、情感态度与价值观

体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。

【教学重难点】

重点：用绘图工具制作“逐帧动画”的方法。

难点：通过改变帧频控制动画的播放时间。

【教学方法】

1．演示教学法：通过在多媒体教室，实际操作演示用Flash制作动画的过程，活跃课堂气氛，激发学生学习情趣。

2．任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。

3．案例教学法：选取的案例取材于学生在课堂中出现的问题动画，用于训练学生解决实际问题的能力。

【教学过程】

一、激趣导入

1．给学生展示庆祝国庆节的Flash。你们知道这段动画所展示的是什么内容吗？

2．每个人都有自己的生日，我们的祖国也有自己的生日，国庆节就是祖国妈妈的生日。今天，就让我们在这锣鼓声声中去感受一下快乐的国庆节，我们应该为我们的祖国──为我们亲爱的妈妈送上一份节日祝福！

老师想调查一下，每当节日来临的时候，同学们都会用哪些方式为亲朋好友送出美好的祝福？（学生发言）那么，我们现在学习了Flash中的逐帖动画的制作效果，同学们想不想利用Flash动画来为我们亲爱的妈妈送上我们最诚挚的祝福呢？（学生：想）

好，下面我们首先来进行今天学习的第一个内容：利用图片制作“逐帧动画”。

二、新课

（演示法、案例教学法讲解Flash动画制作原理和方法）

教师展示“逐帧动画”典型事例──“林中漫步”Flash动画，演示操作过程。

在操作过程中，注重讲解“图层”的应用及制作技巧。（锁定图层）

知识点：

1．导入图片。

2．插入关键帧。

3．利用“自由转换工具”调整图片大小。

4．图层的命名。

5．图片的对齐方式设置：“窗口”──“排列”──“到场景”进行相应设置。

6．插入帧（F5）的应用。

三、此动画特点总结

（“逐帧动画”特点）

“林中漫步”是一个典型的“逐帧动画”效果，通过这个动画我们可以看出，它是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来。然后将这些关键帧连续播放，就形成了动画效果。

四、任务驱动，学生动手实践

通过老师刚刚的演示，相信同学们对导入图片制作“逐帧动画”已经有了一定的认识，好，在国庆节即将来临之际，让我们利用所学习知识，拿起你手中的鼠标和键盘，放飞你心中的祝福与希望，为我们的国庆节，祖国妈妈的生日，送上你最诚挚的祝福！

注意：在作品制作的过程中，同学们想一想，能不能将上节课所学习的文字“逐帧动画”与今天的图片“逐帧动画”结合起来，进行作品创作。使作品图文并茂，动静结合，产生和谐的动画效果）。（提示：插入新图层，进行文字编辑）

素材存放位置：学生机D盘根目录下“国庆祝福素材”文件夹内。（学生可自备素材，自由创作）

五、创作作品

根据主题创作作品，在创作过程中，请大家注意我们的评价标准，我们比一比谁的创意新、谁的劳动美。

学生能根据整合任务，进行谋划安排，形成一个方案，促使其创造力的提高，注意学生创新、审美能力的培养。

学生分组，选题，以自主、协作的学习方式，进行实践活动。在制作过程中，注意组间成员的交流、合作、探究。（教师指导操作）。

六、展示作品，师生互评

1．先给出自我评价表，传给每位学生机器中，以便学生进行自我评估。

2．选择部分有代表性的作品进行展示，分别从动画创意、使用技术、动画效果等方面给予评价。充分肯定学生的创新精神、动画中使用的方法和技巧，对优秀作品给予表扬，对不足的作品给予鼓励。

作品相互的展示交流，互评互进，取长补短。考察了学生对知识的综合运用能力，通过主题学习，培养学生爱家乡、爱祖国的美好情感，激发学生爱国主义情怀。

【教学反思】

本节课的设计主要是根据本校学生的知识、技能水平，内容涉及动画原理、“逐帧动画”原理、“逐帧动画”制作。学生可以根据自己的奇思妙想，创作一些作品。当然也有一些问题：比如几个关键帧画面有抖动现象，几个图层时间上不同步现象，用错关键帧和空白关键帧的现象等。这些问题有学生操作的失误，有概念的混淆，需要在以后的学习和练习中不断纠正、强化。

本课成功之处：能够精心导入，激发学生学习兴趣。在教学中合理运用“任务驱动法”进行教学。以学生为主体，学生在轻松、优美和谐的情境中自主探究、协作交流，完成知识的意义建构，提升自身的审美情趣。我把自己的角色定位为教学活动的设计者、导学者、合作者、评价者。教师适时指导、点拨。

第五篇：逐帧动画 第一课

《Flash逐帧动画》教学设计

【教材分析】

本课是八年级信息技术下的第三课，分为两个课时：逐帧动画和渐变动画，是基于flash初步认识的基础知识之上，能够让学生在学习之初做出简单作品的一课。

本课的教学内容是利用Macromedia Flash8制作简单的“逐帧动画”，并在讲授过程中，体现出一些基本概念体现。逐帧动画是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。

【学情分析】

教授对象是初二学生。通过前面的学习，他们已经掌握了动画的基本原理。同时，初中二年级的学生也已经具有了较为完善的思维能力与较为发散的创新能力。所以，在授课过程中，可以在实例讲解时提出概念，让学生自己体会。并在老师的引导下，充分发挥学生的创造力，进行自我创作。【课时安排】1课时

【教学目标】

一、知识与能力

1．知道帧、关键帧、以及帧频的含义。

2．学会利用导入的图形来制作“逐帧动画”。3.知道逐帧动画的特点。

二、过程与方法

1．能够通过对原理的理解与老师的演示正确完成任务。

2．亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash动画制作水平。

三、情感态度与价值观

1．体会创作的乐趣，进一步培养制作动画的兴趣。2．培养学生创新能力与探究问题的能力。3.培养创造性思维能力。

【教学重难点】

重点：1.对帧、关键帧与帧频的认识。

2．对逐帧动画的认识。

3.制作逐帧动画方法的掌握。

难点：1．对逐帧动画的认识。

2．制作逐帧动画方法的掌握。

【教学方法】

1．演示教学法：通过在多媒体教室，实际操作演示用Flash制作动画的过程，明确制作基本步骤与方法。

2．讲授法：通过实例，将概念化抽象为具象，易于学生理解掌握。

2．任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。

3．案例教学法：选取的案例取材于学生在课堂中出现的问题动画，用于训练学生解决实际问题的能力。

【教学过程】

一、课前导入

师：前面几节课，同学们用flash绘图工具绘制图形了。同学们，你们都学会了吗？ 生：学会了。

师：非常好！工具绘图是创作的基本功，希望同学们一定要重视。我知道现在很多同学都喜欢看动漫，老师也很喜欢看。那同学们想不想让自己的画也动起来？ 生：想！

师：我们接下来就学习如何让画动起来。先来看一个小视频。

师：同学们可以看到，这是一匹奔跑的马。其实它的原形只是一张一张的图片。那么，它是如何“跑”起来的呢？请看。

师：一张张的图片在一定速度下连续播放时，由于“视觉暂留”效应，就形成了我们所看到的“动画”。那么在我们学习的flash中，又怎样将这一张张图片变成一匹“奔跑”的马呢？我们可以通过“逐帧动画”来实现。下面，我们就进入逐帧动画的学习，在教材的第八页。

二、新课讲授

1．概念讲解

（1）首先，请同学们看教材第10页的知识链接。思考以下问题：

a)什么是“帧”？ 帧是组成动画的基本单位。也就是说，动画是由帧组成的。不可编辑。

b)什么是“关键帧”？ 动画播放过程中，呈现关键性动作或内容变化的，可编辑的帧。由实心黑点表示。

c)什么是“空白关键帧”？ 没有内容的关键帧，可编辑。由空心黑点表示。d)什么是“帧频”？ 动画播放速度。

e)什么是“逐帧动画”？ 逐帧动画是由位于时间轴上同一图层的一个连续的关键帧序列组成，每个关键帧都可以独立编辑，且在相邻关键帧中的图形变化不大。

教材上解释得还是比较全面的，下面我们来验证一下。

请看时间轴（光标指）。时间轴上一个一个的小格子，叫做单元格。它是帧吗？（请学生回答）对，这不是帧。刚才说了，动画是由帧组成的，用来计量播放时间或过渡时间，它在动画中是占有时间长度的。但是这里这么多的单元格根本就不能组成一个动画，同学们千万不要弄混了。

关键帧，是动画播放过程中，呈现关键性动作或内容变化的，可编辑的帧。由实心黑点表示。我们插入一个关键帧（先选择一个单元格，单击鼠标右键，选择“插入关键帧”，也可以用快捷键F6），同学们发现问题没有？ 生：发现了，空心的。师：对，这是一个空心的圆，但我们实实在在插入的是关键帧，那么到底是怎么回事呢？请看注意观察下面的操作。我在这个关键帧下面画一个圆在舞台上，现在你们又发现了什么？

生：变成黑色实心圆了。师：对的！大家观察很仔细啊。这就是我们所说的关键帧与空白关键帧的不同之处。当你新建一个关键帧时，若舞台上没有实实在在的内容，就相当于是一个空白关键帧。插入空白关键帧可以用快捷键F7。帧频，就是每秒钟播放的帧数。在时间轴下方的这个方格或者属性栏中都可以改变帧频，通过改变帧频可以改变动画的播放速度，一会儿在操作中会有所体现。假如现在我们有一叠这样的图片，怎样在flash中使这匹马动起来？是不是只要插入这么多个关键帧，再在每个关键帧中依次放入相应的图片，适当调整帧频，就可以看到一匹奔跑的马了？这就是逐帧动画。他做起来也很简单。

接下来，就请同学们自己按照教材上的步骤，完成这个倒数器。新增一个要求：每个数字之间间隔一秒钟。因为这个例子很简单，所以我先发给同学们一些素材，完成这个任务并提交后可以自己去做一下这个动画。这是一个很经典的实例，操作只是多了两三步，有兴趣的同学可以试一试。

2.制作演示

（1）打开flash，新建一个文档

（2）选择工具栏中的文本工具，可以在属性栏中设置它的相关属性。在舞台中央单击鼠标左键，在文本框中输入ready。

（3）选中时间轴的第二个单元格，右键单击鼠标，插入关键帧。重复该操作，插入12个关键帧。

（4）第二个关键帧改为10，第三帧改为9，以此类推，最后一帧改为go。

三、逐帧动画特点总结

（“逐帧动画”特点）

“动物飞动画”是一个典型的“逐帧动画”效果，通过这个动画我们可以看出，它是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来。然后将这些关键帧连续播放，就形成了动画效果。

四、任务驱动，学生动手实践

请同学们自己动手操作一下。这是一个比较简单地动画，如果有同学完成，将作业提交上来后可以利用我发给大家的素材做一个“林中漫步”的动画。先不要操作啊，我把素材发给大家。

五、提交作业

2．制作演示

（1）第一步，将我们需要的图片素材导入到库中。选择菜单栏中的“文件”命令，选择“导入”，“导入到库”，选中需要的图片（可以一次性导入多张图片，按住ctrl,选中需要的图片。），“打开”。（2）第二步，选中第一个关键帧，选择第一张图片，直接将图片拖入到舞台上。（细心的同学可以观察到，第一帧由无内容到有图片，时间轴上的标识由空心的圆变成了实心圆，这就验证了我们刚才讲的关键帧与空白关键帧的区别。）

（3）第三步，新建关键帧。单击鼠标右键，选择“插入关键帧”。一共有8张图片，我们先插入8个关键帧（这里可以用快捷键F6）。可以看到，8个关键帧都是同一张图片，这样动画能动起来吗？不能的，每一帧的动作都得有变化对不对？但是一帧中可以放两张图片吗？

生：不能。

师：所以呢，我们可以直接插入“空白关键帧”，就可以省掉很多麻烦了。插入空白关键帧（快捷键F7）。

（4）第四步，在关键帧中放入相应的内容。选中第二帧，放入第二张图片。······后面的图片都一样地放到舞台。

（5）第五步，调整位置。使所有都在一个位置，避免奇怪的情况出现。我们先来看一下。是不是向群魔乱舞啊。选择“窗口”“对齐”，选择“水平中齐”与“垂直中齐”。

（6）第六步，调整舞台大小。选择舞台，单击鼠标左键，可以在属性栏中调整舞台大小。或者双击时间轴下方的帧频率这个方格，在弹出的对话框中也可以改变舞台大小。现在来调试一下。

【教学反思】

1.与主题无关的话略多，没有抓住学生学习的兴趣点。2.逻辑不清晰，不知道下一步该说什么，该做什么。3.准备工作不周密，没有将上课资料提前拷贝出来。4.声音太小，后面的学生听不到。

5.考虑先播放一个自己做好的动画，提出制作方法，引起学生注意。

6.考虑将知识点放在实例中讲，即进入正课时就可以直接讲怎样操作，在操作过程中对出现的现象进行提问并概念讲解。

7.因为前期的不稳定，导致后面的重点（关键性概念）没有突出，以至于后来学生操作时出现了很多问题。

8.没有清晰地给出作品效果，没有给出演示与范例，学生对任务不清晰。（再简单的例子也要给出一些示范）

9.由于开始的影响，导致同学们没有兴趣，但实际上初二六班的同学们都很想学习逐帧动画的制作，后面完成任务时也非常配合，但因为对知识点的不清晰，所以出现了很多的问题。