用计算机制作逐帧动画 教学设计

龙源期刊网 http://www.qikan.com.cn

《逐帧动画》课件设计制作解析

作者：孙航卫

来源：《中国信息技术教育》2013年第02期

● 制作背景

在初中二年级《信息技术》课程的教学内容中有一个章节是Flash动画的制作，主要学习Flash常见的几种基础动画制作技术，逐帧动画是其中的入门篇。作为看着动画片长大的新一代青少年学生，利用电脑的强大功能，能激发他们的灵感与智慧，能促使他们最大限度地自由地演绎自己对生活的理解，勾画梦想中完美的世界。模仿传统手工动画的方式，每一帧都由手工绘制或导入连续图片完成的动画称为逐帧动画，其具有极大的灵活性，几乎可以表现任何想表现的内容。通过让学生欣赏精彩的逐帧动画作品，开阔眼界，培养学生对动画制作的浓厚兴趣是制作《逐帧动画》课件的首要目的。由于逐帧动画的制作方法并不是很复杂，通过课件的辅助学习功能，学生可以自主学习掌握逐帧动画的制作方法。 ● 设计思路与表现手法

为了达到让学生喜欢和在课堂上有效使用课件的目标，我在课件设计制作中重点考虑了以下几个方面。

1.设计界面，统一风格

本课件在界面美工制作上寻

flash 教学课件

第4讲

制作逐帧动画学习目标

了解帧的种类及对帧的操作 。 掌握逐帧动画的原理和制作方法 。 掌握使用逐帧动画进行细腻表达的方法。 掌握使用逐帧动画进行细腻表达的方法。 使用逐帧动画表现绘图效果 。

flash 教学课件

本章大纲

4.1 4.2 4.3

逐帧动画原理 认识原件和库 课后作业

flash 教学课件

4.1 逐帧动画原理

逐帧动画的原理比较简单，但是要制作出优秀的逐帧动画对制作 但是要制作出优秀的逐帧动画对制作 者的动画技能要求较高。本节从逐帧原理入手再配合一个较简单的逐 本节从逐帧原理入手再配合一个较简单的逐 帧动画来向读者讲述如何制作逐帧动画 .

4.1.1 知识点讲解

一、帧的类型 1)关键帧 。动作补间动画、形状补间动画 形状补间动画、AS代码、关键帧、空 白关键帧在【时间轴】中的显示如图 中的显示如图4-1所示 。 2)普通帧 。普通帧的最后一帧显示为一个中空矩形 普通帧的最后一帧显示为一个中空矩形，图4-2所示 为普通帧在【时间轴】中显示的效果 。 中显示的效果

图4-1 关键帧

图4-2 普通帧效果

flash 教学课件

二、对帧的操作。 对帧的操作。 对帧的操作有3种方式 菜单命令(见图4-3)、 种方式： )、鼠标右键快

龙源期刊网 http://www.qikan.com.cn

《逐帧动画》课件设计制作解析

作者：孙航卫

来源：《中国信息技术教育》2013年第02期

● 制作背景

在初中二年级《信息技术》课程的教学内容中有一个章节是Flash动画的制作，主要学习Flash常见的几种基础动画制作技术，逐帧动画是其中的入门篇。作为看着动画片长大的新一代青少年学生，利用电脑的强大功能，能激发他们的灵感与智慧，能促使他们最大限度地自由地演绎自己对生活的理解，勾画梦想中完美的世界。模仿传统手工动画的方式，每一帧都由手工绘制或导入连续图片完成的动画称为逐帧动画，其具有极大的灵活性，几乎可以表现任何想表现的内容。通过让学生欣赏精彩的逐帧动画作品，开阔眼界，培养学生对动画制作的浓厚兴趣是制作《逐帧动画》课件的首要目的。由于逐帧动画的制作方法并不是很复杂，通过课件的辅助学习功能，学生可以自主学习掌握逐帧动画的制作方法。 ● 设计思路与表现手法

为了达到让学生喜欢和在课堂上有效使用课件的目标，我在课件设计制作中重点考虑了以下几个方面。

1.设计界面，统一风格

本课件在界面美工制作上寻

Flash逐帧动画教学设计 桓台县渔洋中学 牟纪斌 2010年7月20日 17:50 Flash逐帧动画教学设计 【教材分析】 本课的教学内容是利用Flash制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放,形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此。 学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。 【学生分析】由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次教学。 可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自己的实际需要选择到合适的内容；教师还应给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。教师可以根据学生的能力差异、水平差异针对性地实施分层次教学；对于基础较差的学生，可以采用补课的方法为其奠定必要的基础，消除他们对信息技术的神秘感，增强其学习的信心；也可以采用异质分组的方法，变学生的个体差异为资源，让学生在参与合作中互相学习并充分发挥自己的长处，协同完成学习任务；对于少数冒尖的学

Flash逐帧动画教学设计 桓台县渔洋中学 牟纪斌 2010年7月20日 17:50 Flash逐帧动画教学设计 【教材分析】 本课的教学内容是利用Flash制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放,形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此。 学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。 【学生分析】由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次教学。 可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自己的实际需要选择到合适的内容；教师还应给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。教师可以根据学生的能力差异、水平差异针对性地实施分层次教学；对于基础较差的学生，可以采用补课的方法为其奠定必要的基础，消除他们对信息技术的神秘感，增强其学习的信心；也可以采用异质分组的方法，变学生的个体差异为资源，让学生在参与合作中互相学习并充分发挥自己的长处，协同完成学习任务；对于少数冒尖的学

（一）、逐帧动画

逐帧动画是用连续关键帧的方式组织画面而表现出来的动画，是Flash动画中最基本的动画形式，主要用于表现细微的动作变化，如旗帜飘动、青草摆动、动物行为等动作，如图5-26所示。逐帧动画的原理非常简单，但制作过程却非常复杂，它需要一帧一帧地编辑画面，同时还要考虑画面之间的变化，保证动画效果的自然流畅。在逐帧动画中，每一帧的编辑对象可以是图形、图片、文字等，对于图形的编辑，就要求设计人员有一定的美工基础。

下面利用逐帧动画原理来制作“倒计时”动画和“交通灯”动画。

图5-26 跳远动作逐帧分解

项目实训一：“倒计时”动画

以5秒倒时为例，从5开始，每隔1秒进行倒数，直到0为止。通过制作“倒计时”动画了解逐帧动画的基本原理。 1．打开Flash程序，新建Flash文档（Ctrl+N），默认文件设置，确定。在“图层1”上双击，重命名为“倒数”。 2．利用“椭圆”工具，在舞台正中画大圆。利用“文本”工具在画上输入数字“5”，调整文本的属性如“大小”、“颜色”，适当调整数字与圆的位置。

3．在“倒数”图层的时间轴第二帧上单击右键，“插入关键帧”（F6）五次。

4．单击第二帧，利用“选择”工具双击舞台中的数字“5”，并改为数字“4”。利用同

. . .. . .

简单有趣的逐帧动画

——利用导入图片的方法制作逐帧动画

一、案例背景信息

1．模块：小学信息技术

2．年级：小学五年级下册

3．所用教材版本：教育厅教研室编著电子工业出版

4．学时数：1课时

讲授时间：12 分钟，学生上机操作时间21分钟，学生演示、教其他学生、交流的时间：7分钟

本教学案例参与人员基本信息

二、教学设计

.. .专业. .

. . .. . .

（一）教学目标：

（1）知识与技能目标：

1、学会在FLASH中导入图片

2、学会制作逐帧动画并会测试影片

3、理解逐帧动画的概念

4、理解帧、关键帧、空白关键帧、帧频的概念并能通过控制帧

频来控制影片的播放速度

（2）情感、态度、价值观目标：

1、通过任务驱动的方法培养学生自主探究解决问题的能力

2、培养学生通过自主探究的方法体验成功的喜悦和乐趣

3、激发学习兴趣，培养良好的学习习惯

（二）、容分析：

本节课的容安排在全册书第4单元的第2小节，比较靠后，学生有了一些制作动画的基础，但还很浅，因此，本节课就是要在以前的基础上有所推进，教会学

生利用导入图片的方法制作出简

.. .专业. .

. . .. . .

单、有一定表现力的动画，同时，要让学生进一步感受、了解动画的表现形式，感受动画的魅力，进一步激发学习热情，为

（一）、逐帧动画

逐帧动画是用连续关键帧的方式组织画面而表现出来的动画，是Flash动画中最基本的动画形式，主要用于表现细微的动作变化，如旗帜飘动、青草摆动、动物行为等动作，如图5-26所示。逐帧动画的原理非常简单，但制作过程却非常复杂，它需要一帧一帧地编辑画面，同时还要考虑画面之间的变化，保证动画效果的自然流畅。在逐帧动画中，每一帧的编辑对象可以是图形、图片、文字等，对于图形的编辑，就要求设计人员有一定的美工基础。

下面利用逐帧动画原理来制作“倒计时”动画和“交通灯”动画。

图5-26 跳远动作逐帧分解

项目实训一：“倒计时”动画

以5秒倒时为例，从5开始，每隔1秒进行倒数，直到0为止。通过制作“倒计时”动画了解逐帧动画的基本原理。 1．打开Flash程序，新建Flash文档（Ctrl+N），默认文件设置，确定。在“图层1”上双击，重命名为“倒数”。 2．利用“椭圆”工具，在舞台正中画大圆。利用“文本”工具在画上输入数字“5”，调整文本的属性如“大小”、“颜色”，适当调整数字与圆的位置。

3．在“倒数”图层的时间轴第二帧上单击右键，“插入关键帧”（F6）五次。

4．单击第二帧，利用“选择”工具双击舞台中的数字“5”，并改为数字“4”。利用同

广东工程职业技术学院计算机信息系

《动画设计》实训报告

实训题目：实训项目3 逐帧动画制作

班级： 学号： 姓名：

日期： 成绩：

知识目标：

1. 第5章 逐帧动画

a) 时间轴、帧、和图层是Flash CS5中重要的组成部分，这些部分与动画制作有着

密不可分的关系。

b) Flash动画就是制作连续帧中的内容，连续播放这些帧形成了动画。

c) 在一个完整的Flash动画中，可能包含多个图层，每个图层控制不同的动画效果，

通过多个图层的组合形成复杂的动画效果。

d) 在Flash CS5中，可以轻松地创建丰富多彩的动画效果，而且只需要修改时间轴

中帧的内容，即可在舞台中制作出移动对象、改变形状、变换色彩、旋转、淡入淡出的效果。

e) 创建动画的基本方法有两种：一种是逐帧动画，另一种是补间动画。

f) 逐帧动画是一种常见的动画形式，其原理是在“连续的关键帧”中分解动画动作。 实训目的：

1. 了解什么时候适合使用逐帧动画。

2. 掌握逐帧动画的制作技巧。

3. 熟悉逐帧动画的参数设置。

4. 能够制作出各种效果的逐帧动画。

实训要求：

1. 以“两位学号+姓名”建立文件夹，然后再建立一个“实训03”的子文件夹，以下的

操作均在此子文件夹中进行。

2. 最终的效果参照“效果

美女购物归来——flash逐帧动画（人物侧面走路）

教师 单位 专业 班级 课型 课题 教 学 目 标 教学重、难点 教具 采用教法 作业布置 备课时间 计算机 教材 《FLASH动画实例教程》 二年级 理实一体化 课时 2课时（90分钟） 美女购物归来——flash逐帧动画（人物侧面走路） 【知识目标】了解逐帧动画制作过程及人物走路原理 【技能目标】对人物脚关节的调整达到走路效果 【情感目标】培养小组的团队合作精神 学习重点：逐帧动画制作过程 学习难点：人物走路 评价表 讨论法、观察法、举例法、演示法。 制作一个卡通人物侧面走路和简单眨眼的动画 上课时间 教学过程 环节 教师活动 学生活动 情节设计： 进入情境，请求帮助可第一环如果我们画了一双眼睛，想让它以拉近师生之间的距离节（能眨一眨，画了一双腿，想让它走并且激发学习兴趣，明力发展路，以前所学知识是完成不了这确学习目标。 动员） 个任务的，今天我们一起来学习逐帧动画走路效果。 教师提问： 在全班同学中随机点名1、今天所学内容主要用到关键几个同学来回答问题 第二环帧、普通帧、空白关键帧哪一节（能种？ 力发展2、人物走路哪些地方在动？ 诊断） 3、人物