第一节-逐帧动画-课件

逐帧动画
每一帧都由手工绘制或导入图片完
成的动画称为逐帧动画.
达标检测
从桌面：\学生材料\达标检测文件夹中选本 组图片素材，制作一个逐帧动画，测试后保存到
桌面:\学生材料\学生作品文件夹中，通过本节课的学习，你有什么收获呢？
优胜小组
课后延伸
请同学们将学习生活中的一组动作拍成
1.参照导学案 2.小组合作完成
3.学习时间为6分钟
动画初探 小结
新建FLASH文档 执行导入命令 选择图片导入
插入空白关键帧 重复图片导入操作
测试动画 保存文档
第二站：省时省力做动画 “矮和尚出场”
新建一个Flash文档，将桌面:\学生材料\
省时省力做动画 文件夹中的矮和尚图片素材导 入到舞台上,并保存到桌面:\学生作品文件夹中， 名字为“ahs.fla”。 1、独立完成。
2、仔细观察操作过程中与第一站有什么不同。
3、第二站与第一站的相同点是什么？
第三站：手随心动 “吃苹果”
打开 桌面 :\学生材料 \ 手随心动 文件夹 中的“吃苹果 .fla ”文档 ,并借助 橡皮工具 ， 完成一个吃苹果的动画。并将作品保存到： 桌面:\学生作品文件夹中。 要求：
1.参照学案
2.小组合作完成 3.学习时间为5分钟
逐帧动画
学习目标
1.知道什么是逐帧动画。 2.会在Flash中导入图片素材、添加关键帧 3.会测试影片。
第一站：动画初探 “胖和尚出场”
新建一个FLASH文档，将桌面:\学生材料\动画初 探 文件夹中的胖和尚图片导入到舞台上。 并保存到 桌面:\学生作品文件夹中，名字为“phs.fla”。
要求：
图片，做成逐帧动画。

初识flash
动画制作原理
1 动画就是利用人类视觉暂留的特性，快速播放一 系列静态图像，从而产生动态的效果；标准的动 画播放速度是：24~30幅/秒。
视觉暂留就是人的眼睛看到一幅画或一个物体后， 2 在1/24秒内不会消失。利用这一原理，在一幅画
还没有消失前播放出下一幅画，就会给人造成一 种流畅sh界面介绍
帧的种类 帧的作用
普通帧 关键帧 空白关键帧
两个关键帧之间的部分就是普通帧，它是 开始关键帧动作向结束关键帧动作变化过 渡的部分。普通帧现实为灰色。
关键帧定义了一个过程的开始和终结，也 可以是另一个过程的开始。它对定义与控 制动画的变化起到关键性的作用。
没有放置任何动画对象的关键帧。插入空 白关键帧的作用是清除前面帧中的动画对 象。

儿逐渐成长，并生成一朵花的动画效果（设 计效果如下图所示）。
实训1： 制作“火柴人行走动画”动画，如图所示。
帧的显示形式及操作
1. 帧的概念：构成动画的每一个画面叫做一个帧。 2. 帧的分类：空白帧、关键帧和空白关键帧 3. 帧的操作：包括添加帧 、删除帧 、清除关键帧 、 选择所有帧 、复制帧 、粘贴帧 、移动帧 和翻转帧
制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、„1、GO！”的 倒计时动画效果（设计效果如下图所示）。
动画基本原理
动画就是通过连续播放一系列画面，给视觉造成连续 变化的图画，它的基本原理与电影、电视一样，都是视觉 原理。动画不是“会动的画”，而是“画出来的运动”。
逐帧动画基本原理
逐帧动画，也叫【帧帧动画】，是最常见的动画形式 最适合于图像在每一帧中都在变化而不是在舞台上移动的 复杂动画。 逐帧动画原理是在【连续的关键帧】中分解动画动作 也就是要创建每一帧的内容，才能连续播放而形成动画。 逐帧动画的帧序列内容不一样，不仅增加制作负担，而且 最终输出的文件量也很大。但它的优势也很明显，因为它 与电影播放模式相似，适合于表演很细腻的动画，通常在 网络上看到的行走、头发的飘动等动画，很多都是使用逐 帧动画实现的。

四、认识Flash界面 在桌面上用鼠标左键双击
在创建新项目中选择——Flash文档
工
时间轴
具
箱
舞台
属性面板
1. 帧的概念：构成动画的每一个画面叫做一个帧。
在时间轴上，每一个小方格就是一帧。帧又分为普通帧、关键 帧、空白关键帧。逐帧动画的每一帧都是关键帧。只有关键帧是可 以编辑的。在时间轴上显示为黑色的圆点。
认识逐帧动画
明湖中学 杨 丽
观看动画片说出动画的制作类型
一、动画的基本原理
动画就是通过连续播放一系列画面，给视觉造成图像连 续变化的感觉，达到理想的动画效果。它的基本原理与电 影、电视是一样，都是利用了视觉原理。动画不是“会动 的画”，而是“画出来的运动”。
二、常用的动画制作软件
1、二维动画制作软件： Ulead GIF AnimatorGIF是一种动画制作软件 Flash是一种集动画创作与应用程序开发于一身的软件， 制作的动画具有点小精悍的特点。
课堂实操: 制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、…1、GO！”的 倒计时动画效果（设计效果如下图所示实操步骤以及使用的工具 选择工具
1、打开Flash软件，新建一个Flash文档。
2、点击舞台，在属性面板中把舞台大小设置为200*160像 素。背景颜色修改为红色。
2. 帧的分类：空白帧、关键帧和空白关键帧
空白关键帧 关键帧 空白帧 播放头 普通帧
帧频率
3. 帧的操作：包括添加帧 、删除帧 、 清除关键帧 、选择所有帧 、复制帧 、 粘贴帧 、移动帧 和翻转帧
下面我们来观看几个比较有代表性的，利用逐帧动画制作的小动画
行走的土豆人
第1帧
第2帧

初识动画、逐帧动画
Contents
பைடு நூலகம்目录
• 经典动画回忆 导言 • 动画原理
• flash界面 初识flash • 与帧有关的概念
• 动画制作 逐帧动画 • 小试牛刀
学习目标
❖ 1.掌握启动与退出Flash的方法； ❖ 2.了解逐帧动画原理； ❖ 3.初步体验逐帧动画的制作全过程。
导言
1、经典动画回忆
2、动画及动画原理
动画:指多张相互关联的静止画面以一定的速度 （如每秒12张）播放所形成的连续变化的动态效 果。 动画原理：利用“视觉暂留”的原理（人的眼睛 看到一幅画或一个物体后，视网膜成像在1/24秒 内不会消失）。
❖ 计算机制作的动画称为计算机动画或电脑动画。 ❖ 动画按空间视觉分：二维动画和三维动画
谢谢！
图层控制区
播放头
帧控制区
帧示数
运行时间 帧频 当前帧
工具箱
工具箱提供用于 图形绘制和图形编 辑等的各种工具。 有的工具箱样式中 还有不同的样式供 我们选择。
选取工具 任意变形 线条工具 钢笔工具 椭圆工具 铅笔工具 墨水瓶 滴管工具
手形工具
部分选取 填充变形 套索工具 文本工具 矩形工具 刷子工具 颜料桶 橡皮擦
优点
缺点
再次编辑，修 必须安装
改方便
Flash
.swf
生成文件
可用多种软件 打开
修改不方便
保存源文件 fla （文件菜单——保存） 保存成品动画 swf （文件菜单——导出——导出影片）
逐帧动画
2、小试牛刀
1、根据老师演示步骤，小组合作完成走路 flash动画； 2、分析逐帧动画帧的特点。
操作提示： 1、创建flash文档； 2、将图片导入到“库”； 3、插入空白关键帧，拖相应图片到合适位置； 4、播放和测试影片； 5、保存。

变动画。
Flash的操作界面
•菜单栏 •工具箱 •时间轴与图层 •舞台（stage），也称工作区 •属性面板 •浮动面板
菜 单 栏
工 具 箱
时间轴与图层
工 浮动面板
作 区
属性面板
பைடு நூலகம்帧动画
• 逐帧动画是指在时间帧上逐帧绘制帧内容。具有非常大的灵活性。 很适合于表演很细腻的动画。
• 将动画中的每个动作都创建一个画面，当这些画面以一定的速度 显示时就可以形成动画，这种方式称为逐帧动画。
Flash 基础
——逐帧动画
动画的原理
动画是由若干静态画面，快速交替 显示而成，因人的眼睛会产生视觉 暂留，对上一个画面的感知还未消 失，下一张画面又出现，就会有动 的感觉。
找不同
走路动画
初识Flash
• Flash是目前最流行的二维动 画技术
• Flash的启动 • 一种是逐帧动画，另一种是渐
分组练习
• 分组设计完成一个逐帧动画
可尝试调整“帧频”改变动画的播放速度 （在时间轴下方的以fps为单位的数值 ）

二、制作逐帧动画
课后习题
2、如果小涛制作的是Fash形状补间动画,他在第1帧中绘制了一个图形后, 接着在第10帧执行了“插入空白关键帧”命令,那么Fash时轴面板的正确 图示应该是(A)图。
课后习题
3、小鹏在图层1的结束帧(第40帧)进行了(C)操作,将动画场景延长到了第 40帧。
A.插入关键帧 B.插入空白关键帧 C.插入帧 D.创建补间动画
课堂总结
1、什么是动画？
动画就是一系列连续播放的图片。
决定动作的关键画面，这样的帧称为 这样的帧称为
；有些画面由电脑自动生成，
关键帧是实心圆，空白关键帧是空心圆。
2、制作逐帧动画
每一帧都设置为关键帧，这样的动画就是逐帧动画。
板书设计
一、什么是动画 动画就是一系列连续播放的图片。 关键帧：实心圆 空白关键帧：空心圆 普通帧：电脑自动生成
新知讲解
第一步：新建一个Flash文件，在时间轴第1帧的位置，自动产生空 白关键帧（空心圆圈，如下图）
操作步骤
新知讲解
第二步：选择当前帧。在第一个影格内单击鼠标，影格变黑色，第1帧 变为当前帧。
操作步骤
新知讲解
第三步：选择画笔工具，调整画笔工具的颜色、粗细和形状。在舞台上
用画笔写“9”字。观察影格中空心圆圈变成实心，表示此帧已经由
第一课 制作逐帧动画
信息技术新世纪版 七年级下
新知导入
观看此画, 说说你看
到的。
新知导入
此动画我们发现火柴人在行走，那么这样的效果如何做出来呢？ 我们来观看一下源程序。
源程序
新知讲解
简单地讲，动画就是一系列连续播放的图片。 找本厚点儿的书，在每页的左下角画上各式各样的图像，如孙悟空、猪八 戒，等等，最后 压着书的其他部分，只留出左下角，然后快速翻看这些孙 悟空呀，猪八戒，全部动起来了！

第1课 逐帧动画的制作
遵义市第十六中学
授课教师：吴兴月
Flash的启动方式
双击桌面图标
认识Flash的工作界面
菜单栏 工 具 面 板
舞台
时 间 轴
浮动面板
任务一：
制作逐帧动画“自我介绍”时长5分钟
• 要求： 通过插入关键帧的方式逐一输入文字“我是 XXX”，详细步骤参照学案的任务一。
小提示
一、通过属性面板可以修改舞台大小及背景颜色 二、插入普通帧的快捷键F5，插入关键帧快捷键F6，插入空白关 键帧快捷键F7。 三、动画的保存格式为.fla，测试动画的快捷键为Ctrl+Enter。 四 、测试动画时，自动生成的视频文件格式为.swf 。 五、动画播放时长的调整 1、通过插入帧的方式 2、通过时间轴下方的帧频进行调整
逐帧动画名称 类别
自我介绍
5秒倒计时 人物行走 逐渐被吃掉的苹果
绘制矢量逐帧动画
使用数字或者文字 制作逐帧动画 从外部导入素材生 成逐帧动画
谢 谢
聆 听
课堂小结
1.flash的工作界面包含： 时间轴 浮动面板 菜单栏 工具面板 2.修改动画播放时长的方法：添加普通帧 和 修改帧频
舞台
3.逐帧动画的原理 是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐 帧绘制不同的内容，使其连续播放而成动画
4.请将今天我们所学的逐帧动画与下面的类别进行连线
调整帧频
赛程二：
制作逐帧动画“逐渐被吃掉的苹果”和“人物行 走”，时长5分钟。
1.每人必须选择制作“逐渐被吃掉的苹果”和“人物行走”动画中的一 个 2. 小组两个动画均有人制作且完成加10分，人数各占一半的加20分，只 制作一个的不加分。 3.若小组成员两个任务都做且完成人数达到6人以上，小组加20分。

制作思路：
制作一连串关键帧后，将这些画面连续播放就 会形成逐帧动画。
步骤1：设置舞台大小和播放速度
逐帧动画
步骤2：插入关键帧， 步骤3：插入多个关键帧， 步骤4：保存文件
作业：
1、利用图片素材制作“行走的马” 2、制作走动的鸡宝宝
• 归纳与评价：
以小组为单位，归纳逐帧动画的优势和不足 评价作品
ቤተ መጻሕፍቲ ባይዱ
逐帧动画
本节重点：
1、如何启动flash8 2 什么是关键帧？ 3 什么是逐帧动画？
4 怎样才能制作好一个逐帧动画？
关键帧的概念知道吗？
关键帧就是帧内包含有决定动画 内容、动画动态幅度和动画动作 轨迹特征的画面。 关键帧在时间轴上的标记为黑色实心圆点
空白关键帧
普通帧
什么是逐帧动画
• 将一个动画的连续动作分解成一张张的图 片，把每一张图片用关键帧描绘出来， Flash将这些关键帧连续播放，形成动画效 果。掌握本节内容可以做出许多生动有趣 的动画。因此，同学们在本节的学习过程 中，会产生非常高的学习热情，为今后的 学习打下坚实的基础。

• 制作指针
新建一个图层，选择该图层的第一帧，在工具栏上的颜色选择
上选择匹配的颜色，之后点击矩形绘
画工具 在画布上点击鼠标左键，拖动鼠标，绘画出一个适合大小的矩形条指针为妙针。再新建另一
个图层，按同样步骤绘画一个较短较粗的矩形条，为分针
• 逐步插入关键，调整指针旋转角度 相隔5帧，插入一个关键帧，顺时针旋转指针大约30度，再继续相隔5帧，插入关键帧，顺时针旋转指针大 约30度，重复4次，直到秒针指到12.
• 导入声音 在新建一个图层，命名为“声音”，在秒针指到12位置对应的帧中插入关键帧，和导入时钟背景类似在， 导入到舞台
• 播放动画、预览动画 按下ctrl加Enter键导出行 实例演习操作，制作刚才我们 讲的闹钟倒计时的小动画
• 实际操作演示：
一、打开flash软件，点击界面中间一栏的最上方的
• 导入时钟体 点击菜单栏上的“文件”弹出下的下拉菜单中的“导入”—“导入到舞台”，然后选择要插入的图片，点击 右下方的“打开”，调整好图片位置大小
学习内容：
1.了解逐帧动画的概念 2.制作实例闹钟倒计时的小动画
• 逐帧动画概念: 逐帧动画，是通过帧的建立，在每 一帧当中变换一个图像或位置，当 帧连贯进行播放是，就形成了逐帧 动画。
• 这种动画是最原始的动画表达方式， 每一个动作都需要绘制一幅画
制作实例闹钟倒计时的小动画
• 打开flash软件 • 导入时钟体 • 制作指针 • 导入声音 • 播放动画、预览动画