《逐帧动画》ppt课件

制作短视频或短片
制作短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 片，用于展示某个主题或 故事。
制作短视频
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 视频，用于分享某个事件 或场景。
制作动画短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出动 画短片，用于展示某个创 意或想象。
优化帧大小
逐帧动画中的每一帧都应尽可能小。 避免在帧中使用大图像或大对象，可 以使用图形、符号或其他优化技术来 减小帧大小。
导出动画“导出”>“导出影片”，然后在“导出 影片”对话框中，选择适当的视频格式，如MP4、MOV 等。
设置视频参数
在“导出影片”对话框中，你可以设置视频的分辨率、帧 速率、音频设置等参数。根据你的需要选择适当的参数。
逐帧动画可以轻松表现快速运 动、复杂动作等场景，这是其 他动画制作技术难以达到的。
交互性强
逐帧动画可以通过交互方式来控 制动画的播放、暂停、倒退等， 增强了用户的参与感和互动性。
02 Flash逐帧动画制作基础
创建新的Flash文档
打开Flash软件，选 择“文件”菜单中的 “新建”选项。
此时，一个新的空白 Flash文档就创建成 功了。
制作流动的水
通过在Flash中逐帧绘制水 波纹的每一帧，可以制作 出逼真的流动效果。
制作表情包和动态图标
制作动态表情包
通过在Flash中逐帧绘制表情变化 的每一帧，可以制作出有趣的动 态表情包。
制作动态图标
通过在Flash中逐帧绘制图标变化 的每一帧，可以制作出有趣的动 态图标。
制作动态按钮
通过在Flash中逐帧绘制按钮状态 的每一帧，可以制作出逼真的动 态按钮。

动画的定义:
所谓动画，就是指以每秒若干帧的速度顺 序地播放静止图像帧以产生运动错觉的艺 术。
Flash动画
在Flash动画中，帧就是某个时间点上的图像， 不同帧中对象的变化就产生了动画效果。因此， 帧是动画的最小单位。
最基本的一类动画就叫做逐帧动画，它按照
时间顺序描绘每一帧的变化，因此能够表现变化 细腻的动画效果。
要创建逐帧动画，需要将每个帧都定义为关 键帧，然后为每个关键帧创建不同的图像。
图层的概念
图层就像一摞透明的纸，每一张都保持独立， 它们的内容相互没有影响，可以进行独立的操 作，同时又可以合成一个完整的画面。使用图 层的好处就是能够轻松地控制复杂动画中的多 个对象，使它们不会互相干扰。
任务拓展：
选题一：使用逐帧动画制作一个数字5~0倒计时小动画； 选题二：吃掉的苹果动画效果；

儿逐渐成长，并生成一朵花的动画效果（设 计效果如下图所示）。
实训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帧

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

【设置了注释后的帧】
如果在标签名字前加“//”，表示为该帧加注释，如果在 标签名字前加 ，表示为该帧加锚记，在时间轴上的效果 如下图所示
设置了注释后的帧
1.15
Flash动画设计与制作
3.2 帧的标识和编辑
选取帧
【同一图层】
• 选取单个帧，单击时间轴上的某一帧，即可以选取它 • 选取连续帧 单击开始帧，按住Shift键选取结束帧
• 使用颜料桶工具填充花盆颜 色为#cd9933
• 在第4帧处插入帧（F5）
第 1 — 4帧
1.35
Flash动画设计与制作
3.3 逐帧动画实例
生长的小花
2 绘制“叶子”
• 新建“叶子”图层 • 在第1帧，使用“刷子工具”
（ 颜 色 #3a5836 ） 绘 制 一 个 小芽
• 在第2帧处插入关键帧（F6）， 使用“选择工具”修改枝条 为合适的大小和高度
未完成或中断的渐变
1.11
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【一般空白帧】
代表空白区域中没有任何内容。
空白帧
1.12
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【添加了动作语句的帧】
如果在某一关键帧上有一个小字母a，表示在这一帧中分 配了动作Action，当动画播放到这一帧时将执行相应的动作
第3章 逐帧动画
本章内容
3.1 逐帧动画的基本概念 3.2 帧的标识和编辑 3.3 逐帧动画实例
1.1
Flash动画设计与制作
第3章 逐帧动画
常用的快捷键
F5 F6 F7 Ctrl+Alt+C Ctrl+Alt+V Shift+F5 Shift+F6

制作节约粮食的 宣传小动画
逐帧动画
目录
01 Flash动画制作原理
02 创作第一个动画
PART 01
Flash动画制作原理
动画制作原理
把每张分解动作页面画出来，让它们按 顺序、快速播放。 由于人眼的“视觉残留”现象，当播放 速度达到一定程度时，肉眼是分辨不出 来的，看起来就是连续的动画效果。
Flash动画制作原理
绘制 导入素材
示，快捷键为F7
普通帧两个关键帧之间的过渡部 分，使画面处于保持不变的状态。
以“灰色”显示，快捷键为F 帧
空白 关键 帧
讨论 ：翻页动画与逐帧动画的区别与联系
PART 02
制作逐帧动画 吃饼干
制作吃饼干的动画步骤：
1.创建关键帧（绘制 、导入素材） 2.插入关键帧 3.用橡皮擦工具擦除部分画面 4.重复第2，3步骤，利用插入关键帧的 方式，制作吃饼干的效果 5.测试动画，修改作品，保存作品
逐帧动画是一种常见的动画形式，
其原理是在“连续的关键帧”中
分解动画动作，也就是在时间轴的 每帧上逐帧绘制不同的内容，使其 连续播放而成动画。
“帧”的分类
关键帧 一个动作的开始或结束， 决定动画效果的关键部分。以 “黑色实心圆点”显示，快捷键 为F6
空白关键帧 没有放置任何动画对象 的关键帧，起到将当前帧的内容清 除的作用。以“黑色空心圆点”显
此时此刻的你
回顾旧知
标题栏 菜单栏
您的内容打在这里，或者通过复 制您的文本后，在此框中选择粘
工具贴，并选择只保留文字，在此录 面板入上述图表的描述说明。
属性 面板
时间轴 浮动面板
回顾旧知
您的内容打在这里，或者通过复 制您的文本后，在此框中选择粘 贴，并选择只保留文字，在此录 入上述图表的描述说明。

第10课《逐帧动画》
逐帧动画的原理是什么？ 什么是关键帧？ 怎样制作逐帧动画？
动画原理
• 一帧一帧地显示每一帧中的内容，让其连续播放 就形成了动画效果
什么是帧？
一幅/一张
一帧
帧：组成flash动画的基本单位。
逐帧动画
逐帧动画：其原理是在“连续的关键帧”中 分解动画动作，使其连续播放而形成动画。
帧
• 关键帧：内容有关键性变化，其内容可修改 • 普通帧：放在关键帧之后，其内容一般不做修改
，延长播放时间
任务一：制作吃西瓜动画
1）打开桌面上“吃西瓜半成品.fla”源文件； 2）插入关键帧，绘制西瓜被一口一口吃掉的动画效果。 3）保存并测试“吃西瓜”动画。
提示：参考书本58—59页。 创作吃西瓜动画时，各个关键帧的内容 可以改变，关键帧的数量也可以自行设 定，只要两个相邻关键帧的内容连续合 理即可。
任务二： 倒计时
本节小结
• 逐帧动画的原理及其制作方法
关键帧
空白关键帧
普通帧

1、帧动画的原理 每一个关键帧上显示不同的数字 或者图形组成动画。
2、帧、关键帧、空白关键帧的区别
关键帧能显示数字或者图像或者发生变化
帧可以延续关键帧上对象的时间，不发生任何改变。 空白关键帧使关键帧对象消失，画面一片空白。
11
F6 记是一个实心黑点 .
逐帧动画就是每一个关键帧上放置一个不同的对
象
6
？ 如何让关键帧对象延续时间？
插入普通帧让关键帧对象延续。标志是一个空长方形。
F5
7
？ 如果让动画关键帧内容消失？
插入空白关键帧，前面关键
F7 帧内容将消失.标志是空心圆圈。
8
课外研究
? 说说制作思维
9
10
任务四：教学小结
第2课制作逐帧动画作品
1
2.1Biblioteka 的种类帧是构成 Flash 动画最基本的单位，帧分为普通帧、 关键帧和空白关键帧三种类型，而对帧的所有操作都 是在“时间轴”面板中进行的 。
关键帧
普通帧
空白关键帧
时间轴面板
3
2 创建帧
1．创建关键帧
关键帧是定义动画变化的帧，要制作动画，必须创建关 键帧。
在时间轴上单击选中要创建关键帧的帧，然后鼠标右键 >“插入关键帧”选项，或按快捷键【F6】，即可在选中 的帧上插入关键帧 。
插入关键帧
4
2．创建空白关键帧
插入空白关键帧
选中帧后，鼠标右 键>“插入空白关键帧” 或按快捷键【F7】，
即可插入空白关键 帧。
3．普通帧是延长关键帧的时间
选中要创建普通帧 的帧，鼠标>“插入 帧”右键或者按快 捷键【F5】即可插 入一个普通帧。
插入普通帧

1、有内容的关键帧 2、空白关键帧
• 帧——就是影像动画中最小单位的单幅 影像画面，相当于电影胶片上的每一格镜 头。 一帧就是一副静止的画面，连续的帧 就形成动画，如电视图象等。
活动1 逐帧动画
• 关键帧——任何动画要表现运动或变化， 至少前后要给出两个不同的关键状态，而 中间状态的变化和衔接电脑可以自动完成， 在Flash中，表示关键状态的帧叫做关键帧。
创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会
建立一段逐帧动画。
（2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。
（3）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。
（4）导入序列图像
标题栏
菜单栏
逐帧动画欣赏
逐帧动画欣赏
逐帧动画欣赏
逐帧动画欣赏
什么是逐帧动画
定义：将动画中的每一帧都设置为关键帧， 在每一个关键帧中创建不同的内容，就成 为逐帧动画。逐帧动画是指动画的每一帧 的内容都是由一幅绘制的图象组成。 原理：将对象的运动过程分解成多个静态 图形，再将这些连续的静态图形置于连续 的关键帧中，就构成了逐帧动画。
浮动面板
工具条
图层区
帧格
时间轴
工具选项框
舞台 活动面板
属性面板
认识Flash 8界面
菜 单 栏
认识Flash 8界面
标 准 工 具 栏
认识Flash 8界面
控 制 器
认识Flash 8界面
图 层 管 理 区
认识Flash 8界面
时 间 轴
认识Flash 8界面
舞 台
认识Flash 8界面

Flash制作逐帧动画
我们先来欣赏flash制作的笑脸变哭脸
笑脸变哭脸
什么是动画？
• 动画是由一组图像序列快速有序地播放 所形成的。
Flash中的帧
• 在flash动画中，所有的演员与情节都是 在舞台上进行的，可是光有舞台还不行， 重要的是演员要按某种时间安排来进行 演出，而这种时间安排则由时间轴来完 成。
• 逐帧动画是Flash中最简单的动画，就像 电影的底片一样，需要一帧帧地制作， 并且每一帧都是相互独立的关键帧。由 于逐帧动画各帧的内容不同，因此制作 起来非常费时，并且生成的文件体积较 大，但它具有较大的灵活性，适合表现 细腻的动画。
动画的制作流程：
• 1.构思情节，制作剧本。 • 2.收集制作素材。 • 3.创建并设置文件。 • 4.着手制作，输出成品。
演示制作逐帧动画。
• 编辑关键帧 • 通过改变帧频控制动画的播放时间 • 预览动画的播放效果
预览动画的播放效果
• 1、快捷键：ctrl+enter • 2、控制菜单下测试影片播放
学生作品浏览
• 选取学生优秀作品展示点评。
作业
• 利用所学，制作冉冉升起的红旗
• 在时间轴上，每一个小方格就是一帧， 动画效果主要是通过播放时间轴上不同
• 帧中相应的画面而实现的。
Flaห้องสมุดไป่ตู้h中的帧
• 关键帧—顾名思义，有关键内容的帧。
• 空白关键帧—空白关键帧是没有包含舞 台上的实例内容的关键帧。
• 普通帧—在时间轴上能显示实例对象， 但不能对实例对象进行编辑操作的帧。
什么是逐帧动画？