Flash逐帧动画教学设计(颜明生)

教学设计

涟源工贸职业中等专业学校：颜明生

【教材分析】

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

由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次教学。可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自己的实际需要选择到合适的内容；教师还应给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。教师可以根据学生的能力差异、水平差异针对性地实施分层次教学。 【教学目标】 1、知识与能力

1．掌握帧、关键帧、空白关键帧与帧频的含义。 2．能够导入静态图片。 3．插入、编辑关键帧。

4．掌握制作“逐帧动画”的方法。 5.掌握绘图纸工具的应用。 6.理解坐标值X、Y的含义 2、过程与方法

1

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

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

重点：逐帧动画的制作方法

难点：帧、关键帧、空白关键帧的应用 【教学方法】

本着学生是主体的理念，采用项目教学法，在项目中提出任务，采用任务驱动法，在教学中让学生自主探究，分组互评，使学生掌握相应的知识。同时根据任务的难易程度，采用演示法、设疑法、对比法、分组讨论法、小组PK法，使不同层次的学生更好的完成任务。 【教学手段】

采用网络和多媒体教学手段，增大教学容量和直观性。 【教学课时】2课时

教学过程 时 间 5' 教学内容 复习

教师活动 展示川剧变脸的动画效果  提问：动画的形成的原理是什么？  关键帧（黑色圆点）：同一图层中，在前一个关键帧的后面任一帧处插入关键帧，可以复制前一个关键学生活动 观看动画 回答：动画是由一幅幅画面（一幅画面称为一帧）连续播放形成的（由于画面在舞台上停留的时间很短，人的眼睛无法辨别出来，看上去就好象是连续的） 教学意图 教学方法 勾起学生的学习兴趣 加深对动画制作原理的理解 复习三种帧的含义，空出关键词让2

8' 新课讲解—逐帧动画制作 帧上的对象，并可对其进行编辑操作，快捷键F6；  空白关键帧（空心圆点）：插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加新的实例对象，快捷键F7。  普通帧（中空矩形）：如果插入普通帧，可以 延续 前一个关键帧上的内容，但不可对其进行编辑操作，快捷键F5； 一、FLASH动画的种类（勾书） FLASH包含两种动画类型：分别是逐帧动画和补间动画。 二、逐帧动画概念：逐帧动画是指在时间帧上逐帧绘制帧内容的动画，因此也叫“帧—帧”动画。这也是传统动画的制作方法。 展示上节课制作的文字动画 三、逐帧动画的应用：用于创建连续的细腻 动作，如人走路、小狗赛跑、蝴蝶飞翔等。 展示动画 分清帧和关键帧，知道我们主要的工作是编辑关键帧，而帧只是用来延长画面停留的时间 记忆并理解逐帧动画的分类、概念和应用 对逐帧动画有初步认识 认真观看动画 学生回答，检查学生对堂课知识的掌握情况 先掌握基本概念 讲授法、演示法 通过观看日常生活中常见的逐帧动画实例，让学生了解逐帧动画的优越性，增加学习的热情。 采用任务驱动法，将本课的知识点贯穿于任务中，通过制作具体的动画，将抽象的专业述语转换为通俗易懂的语言，让学生真正理解帧、关键帧、空白关键帧以及帧频的概念，而不是模糊的。 将操作步骤放在共享文件夹里，学生可以在自己的电脑上看着步骤跟老师一起操作，这样老师不用在FLASH与PPT之间频繁切换，增大了教学容量 3

27' 案例分析 【典型案例】——制作“川剧变脸”  对川剧绝活——变脸进行简单介绍并播放相关视频。  分析动画的设计思路  讲解操作步骤： 1、制作背景 （1）新建一个Flash文档，设置舞台的大小为400*400，其它文档属性使用默认参数 （2）选择【文件】/【导入】/【导入到库】命令，将 6幅素材图片文件导入到库，将 “图层1”重命名为“背景”，从库面板中将“背景.jpg”拖到舞台中，并覆盖整个舞台。 2、制作变脸动画。 （1）在“背景”图层之上新建一个图层并 学生跟老师一起操作 观察图层和帧 观察帧的变化，空心圆点变成实心圆点，成为关键帧 了解图层的含义

重命名为“变脸效果”，然后选中“背景”图层的第5帧，按F5 键插入帧。 提问：为什么要在第5帧插入帧？插入关键帧行吗？插入帧和插入关键帧有区别吗？ （2）选中“变脸效果”图层的第1帧，将库面板中的“脸部1.gif”拖入到舞台中，并调整使其相对舞台居中对齐。 （3）选中“变脸效果”图层的第2帧，按F7 键插入一个空白关键帧，将库面板中的“脸部2.gif”拖入到舞台，并调整使其相对舞台居中对齐。 提问：为什么在第2帧要插入空白关键帧而不是关键帧？（演示二者的区别） （4）用同样的方法分别将库面板中的“脸部3.gif”、“脸部4.gif”、“脸部5 .gif”拖到“变脸效果”图层的第3帧、第4帧、第5帧，并调整使其相对舞台居中对齐。 3、制作文字逐帧动画 （1）在“变脸效果”图层上面新建一个名为“文字效果”的图层，选中第2帧，插入一个空白关键帧。 此处插入空白关键帧和插入关键帧效果是一样的，但不能插入帧，因为帧是不能修改的 （2）选择【文本】工具，设置【字体】为“楷体”，【颜色】为“#FFFF00”，【大小】为“90”，然后在舞台上输入“川”字，并设置文字到舞台的左上角。 （3）选中“文字效果”图层的第3帧，插入一个关键帧，然后在该帧输入一个“剧”字，并设置“剧”字的位置到舞台的右上角。 提问：在第3帧插入空白关键帧，结果会怎样呢？（演示二者的区别） （4）使用相同的方法，分别在第4帧和第5帧输入“变”、“脸”字 。 （5）保存并测试影片，川剧变脸动画制作完成。 回答老师的提问 掌握对齐面板的应用 回答老师的提问 掌握文本工具的应用 回答老师的提问 以欣赏者的身份观赏动画。 加深对帧和关键帧的理解 设疑法、对比法 加深对空白关键帧和关键帧的理解 设疑法、对比法 进一步掌握三种帧的异同 设疑法、对比法 灵活运用运用空白关键帧和关键帧，使制作的动画符合 要求 进一步理解帧频的含义 4

集体回答：动画播放偏提问：观察作品，有没有不完美之处？ 快，需要进行调整。 将帧频调小一点 怎样调整？

在每一个关键帧后插入若干个普通帧，让该帧的（一人的，如果每张脸部图片在舞台上停留的停留的时间延长。上台演示，其余的在下面时间不相等，而是有的长有的短，又该操作） 怎样调整呢？ （请学生上台演示，并播放动画效果， 老师在下面检查学生的完成情况，并对 学生的作品进行点评） 提问：如果要将动画放在舞台的顶端播学生调整动画的位置，重放，应该如何修改？（播放调整后的动新测试 画） 帧频是用来控制动画的整体播放速度老师检查学生的作品，发现有调整好的，有的调整后图像有“跳来跳去”的现象。分析跳动的原因，总结两种方法的优点和缺点。 方法一：设置成相同坐标值（这种方法调整精确但非常麻烦） 方法二：使用“绘图纸工具”。 2' 案 例 小 结 “川剧变脸”是一个典型的“逐帧动画” 效果，通过这个动画我们可以看出，它 是将一个动画的连续动作分解成一张 张的图片，把每一张图片用关键帧描绘掌握逐帧动画的制作原出来。然后将这些关键帧连续播放，形理和制作方法 成动画效果。由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 适合于制作表演很细腻的动画。 三种帧的应用场合： 当两帧的内容部分相同时应插入 关键帧 。 当两帧的内容完全相同时应插入 普通帧 。 当两帧的内容完全不相同时应插入 空白关键帧 。 运用本节课所学的逐帧动画的制作方法制作一个简单的Flash动画，由于不同的学生能力、水平、爱好等有较大的

让学生明白：在关键帧后面插入普通帧可以改变动画插放的快慢，让学生对帧的作用有更深的认知 调整好的学生采用的调整方法（上台演示） 小组长检查本组的完成情况并汇报，小组成员相互讨论、相互帮助，确保每个成员都能完成任务 检查学生对三种帧的理解程度 让不同层次的学生都能根据自己的实际需要选择到合适5

3' 布置下节课的上机任务 差异，有以下几个选题供选择： 选题一：制作狗奔跑的动画 选题二：制作蝴蝶飞翔的动画。 选题三：制作心形玫瑰 素材存放位置：将作品保存在“gmzz7”主机上的“FLASH素材”文件夹内。学生通过网上邻居共享。 考核方法：以小组为单位进行评分，并作为“逐帧动画”这一模块的平时成绩。每个小组的成员就像一根绳上的蚂蚱，他们的成绩全部是相同的，因此小组成员之间只有互相帮助，互相探讨、献计、献策才能获得好的成绩。 评分标准： A（优秀）：全组成员全部完成其中一个动画的制作 B（良好）：全组成员有90%以上完成其中一个动画的制作 C（及格）：全组成员有70%以上完成其中一个动画的制作 D（不及格）：全组成员有30%以上没有完成其中一个动画的制作 各小组根据自己的的能力、爱好完成其中一个动画的制作 的内容，给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法，培养学生的团队合作意识。 小组讨论法、小组PK法 35' 实战操作 老师在下面巡回指导 选择部分有代表性的作品进行展示，分 别从动画创意、使用技术、动画效果等展示作品 方面给予评价。 师生互评 小组成员互相讨论，互相帮助，充分发挥各自的想象力，制作一幅漂亮的逐帧动画 通过练习巩固已学知识 10' 充分肯定学生的创新精神、动画中使用的方法和技巧，对优秀作品给予表扬，对不足的作品给予鼓励。 【教学后记】

本节课教学力求打破传统教学模式、单一教学模式，采用了任务驱动、项目教学等多种教学方法相结合的教学模式，努力为学生创设一种相互协作、相互激励的学习环境，同时又能够让学生培养自主学习的能力和创新精神。始终以学生为主体，通过多种教学方式驱使学生主动学习、主动参与、相互协作、相互激励、取长补短、共同提高。

6

7