逐帧动画课件
合集下载
新春快乐—制作逐帧动画(16张PPT)
在逐帧动画“新春快乐”中，每一帧都是关键帧。当关键帧中放置了动画对象以后，该帧“时间轴”上就显示为一个黑色的圆点。
FOLLOWME
1.对舞台进行设置
执行“修改”→“文档”命令，在弹出的“文档设置”对话框中，设置各项参数。单击“确定”按钮，就可以完成对舞台的设置。
执行“窗口”→“属性”命令，在弹出的“性”面板中也可以进行相应的设置。
新春快乐——制作逐帧动画
任务导航
本课，我们学习制作文字闪烁变色的逐帧动画“新春快乐”。是动画中的两个画面。
在Flash动画中，所有的“演员”与情节都在舞台上进行。可是光有舞台还不行，重要的是“演员”要按某种时间安排进行演出，而这种时间安排则由时间轴来完成。在时间轴上，每一个小方格就是一帧。根据作用的不同，可以将帧分为关键帧、补间帧、静态帧3类。
智多星：执行“插入”→“时间轴”→“关键帧”命令，也可以插入关键帧。在“时间轴”面的某一帧上右击，在弹出的快捷菜单中选择“插入关键帧”命令，也可插入关键帧。
4.制作第3帧动画
单击“时间轴”面板的第3帧，选中该帧，按F6键，将其设置为关键帧，在“属性”面板中将文字的颜色改为白色。
智多星：选中“时间轴”上的某一帧，右击，在弹出的快捷菜单中选择删除帧”命令，即可删除选中的这一帧。
2024课件
同学们再见！
授课老师：
时间：2024年9月1日
知识着陆
1.通过“文档设置”对话框或“属性”面板可以对舞台进行设置。2.在时间轴，每一个小方格就是一帧。帧可分为关键帧、补间帧、静态帧三类。逐帧动画的每一帧都是关键帧。
创作天地
新建动画文件，制作文字闪烁变色的逐帧动画“我爱我家”，动画效果。
谢 谢
同学们再见！
授课老师：
FOLLOWME
1.对舞台进行设置
执行“修改”→“文档”命令，在弹出的“文档设置”对话框中，设置各项参数。单击“确定”按钮，就可以完成对舞台的设置。
执行“窗口”→“属性”命令，在弹出的“性”面板中也可以进行相应的设置。
新春快乐——制作逐帧动画
任务导航
本课，我们学习制作文字闪烁变色的逐帧动画“新春快乐”。是动画中的两个画面。
在Flash动画中，所有的“演员”与情节都在舞台上进行。可是光有舞台还不行，重要的是“演员”要按某种时间安排进行演出，而这种时间安排则由时间轴来完成。在时间轴上，每一个小方格就是一帧。根据作用的不同，可以将帧分为关键帧、补间帧、静态帧3类。
智多星：执行“插入”→“时间轴”→“关键帧”命令，也可以插入关键帧。在“时间轴”面的某一帧上右击，在弹出的快捷菜单中选择“插入关键帧”命令，也可插入关键帧。
4.制作第3帧动画
单击“时间轴”面板的第3帧，选中该帧，按F6键，将其设置为关键帧，在“属性”面板中将文字的颜色改为白色。
智多星：选中“时间轴”上的某一帧，右击，在弹出的快捷菜单中选择删除帧”命令，即可删除选中的这一帧。
2024课件
同学们再见！
授课老师：
时间：2024年9月1日
知识着陆
1.通过“文档设置”对话框或“属性”面板可以对舞台进行设置。2.在时间轴，每一个小方格就是一帧。帧可分为关键帧、补间帧、静态帧三类。逐帧动画的每一帧都是关键帧。
创作天地
新建动画文件，制作文字闪烁变色的逐帧动画“我爱我家”，动画效果。
谢 谢
同学们再见！
授课老师：
小学信息技术课件《逐帧动画》
逐帧动画
每一帧都由手工绘制或导入图片完
成的动画称为逐帧动画.
达标检测
从桌面：\学生材料\达标检测文件夹中选本 组图片素材，制作一个逐帧动画，测试后保存到
桌面:\学生材料\学生作品文件夹中，通过本节课的学习，你有什么收获呢？
优胜小组
课后延伸
请同学们将学习生活中的一组动作拍成
1.参照导学案 2.小组合作完成
3.学习时间为6分钟
动画初探 小结
新建FLASH文档 执行导入命令 选择图片导入
插入空白关键帧 重复图片导入操作
测试动画 保存文档
第二站：省时省力做动画 “矮和尚出场”
新建一个Flash文档，将桌面:\学生材料\
省时省力做动画 文件夹中的矮和尚图片素材导 入到舞台上,并保存到桌面:\学生作品文件夹中， 名字为“ahs.fla”。 1、独立完成。
2、仔细观察操作过程中与第一站有什么不同。
3、第二站与第一站的相同点是什么？
第三站：手随心动 “吃苹果”
打开 桌面 :\学生材料 \ 手随心动 文件夹 中的“吃苹果 .fla ”文档 ,并借助 橡皮工具 ， 完成一个吃苹果的动画。并将作品保存到： 桌面:\学生作品文件夹中。 要求：
1.参照学案
2.小组合作完成 3.学习时间为5分钟
逐帧动画
学习目标
1.知道什么是逐帧动画。 2.会在Flash中导入图片素材、添加关键帧 3.会测试影片。
第一站：动画初探 “胖和尚出场”
新建一个FLASH文档，将桌面:\学生材料\动画初 探 文件夹中的胖和尚图片导入到舞台上。 并保存到 桌面:\学生作品文件夹中，名字为“phs.fla”。
要求：
图片，做成逐帧动画。
逐帧动画-课件
Flash平面动画设计
Page 13
谢谢指导
Flash平面动画设计
知识回顾 Knowledge Review
祝您成功
Flash平面动画设计
……
第一帧
第二帧 第三帧
这些都是 帧
Flash平面动画设计
Page 5
关键帧
定义动画变化环节的帧
仔细看，每一 帧都是变化的 ……
第一帧第Βιβλιοθήκη 帧 第三帧Flash平面动画设计
Page 6
关键帧
在时间轴上，每一个小方格就是一帧。帧又分为
普通帧、关键帧、空白关键帧。逐帧动画的每一帧都是 关键帧。只有关键帧是可以编辑的。在时间轴上显示为 黑色的圆点。快捷键为：F6
第2课 新春快乐
Page 2
动画基本原理
动画就是由一幅幅画面按照先后顺序播 放出来的，由于人眼具有视觉暂留特性， 因此，这些连续的画面按照一定的速度播 放出来，在我们的头脑中就形成了活动的 画面。
Flash平面动画设计
Page 3
逐帧动画
……
Flash平面动画设计
Page 4
帧
动画中的一个静态画面，动画是由许许多多的帧组成。
（设计效果如下图所示）。
Flash平面动画设计
想一想
怎样才能让倒计时的速度慢下来呢？
Page 10
Flash平面动画设计
Page 11
在创作大比拼中，表现优秀，并评为：
设计大师
特发此状，以资鼓励。
Flash平面动画设计
Page 12
归纳小结
逐帧动画原理
这节课你收获了什么 帧、关键帧、帧频
制作简单的逐帧动画
况下，flash的帧频是12帧/秒，也就是1秒钟播放 flash中12帧的影片内容。 3、太慢会使动画看起来断断续续，太快又使人无法看 清动画的细节 。
flash逐帧动画教程ppt
制作短视频或短片
制作短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 片，用于展示某个主题或 故事。
制作短视频
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 视频，用于分享某个事件 或场景。
制作动画短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出动 画短片，用于展示某个创 意或想象。
优化帧大小
逐帧动画中的每一帧都应尽可能小。 避免在帧中使用大图像或大对象，可 以使用图形、符号或其他优化技术来 减小帧大小。
导出动画“导出”>“导出影片”，然后在“导出 影片”对话框中，选择适当的视频格式，如MP4、MOV 等。
设置视频参数
在“导出影片”对话框中，你可以设置视频的分辨率、帧 速率、音频设置等参数。根据你的需要选择适当的参数。
逐帧动画可以轻松表现快速运 动、复杂动作等场景，这是其 他动画制作技术难以达到的。
交互性强
逐帧动画可以通过交互方式来控 制动画的播放、暂停、倒退等， 增强了用户的参与感和互动性。
02 Flash逐帧动画制作基础
创建新的Flash文档
打开Flash软件，选 择“文件”菜单中的 “新建”选项。
此时，一个新的空白 Flash文档就创建成 功了。
制作流动的水
通过在Flash中逐帧绘制水 波纹的每一帧，可以制作 出逼真的流动效果。
制作表情包和动态图标
制作动态表情包
通过在Flash中逐帧绘制表情变化 的每一帧，可以制作出有趣的动 态表情包。
制作动态图标
通过在Flash中逐帧绘制图标变化 的每一帧，可以制作出有趣的动 态图标。
制作动态按钮
通过在Flash中逐帧绘制按钮状态 的每一帧，可以制作出逼真的动 态按钮。
逐帧动画课件
作品欣赏
主题2
制作逐帧动画
白银九中
李小莉
什么是逐帧动画
也就是在时间轴的每帧上 逐帧绘制不同的内容，使其连 续播放而成动画。
第一帧 第二帧 第三帧 第四帧 第五帧 第六帧
制作逐帧动画过程
时间轴
重要概念
帧：动画制作的最基本的单位
关键帧：有关键内容的帧 空白关键帧：没有实际内容的关键帧
复制帧：两个关键帧的画面可以一样
绘制逐帧动画的几种情况
导文绘用 入字制导 序逐矢入 列帧量的 图动逐静 像画帧态 动图 画片 建
主题2
制作逐帧动画
白银九中
李小莉
什么是逐帧动画
也就是在时间轴的每帧上 逐帧绘制不同的内容，使其连 续播放而成动画。
第一帧 第二帧 第三帧 第四帧 第五帧 第六帧
制作逐帧动画过程
时间轴
重要概念
帧：动画制作的最基本的单位
关键帧：有关键内容的帧 空白关键帧：没有实际内容的关键帧
复制帧：两个关键帧的画面可以一样
绘制逐帧动画的几种情况
导文绘用 入字制导 序逐矢入 列帧量的 图动逐静 像画帧态 动图 画片 建
《逐帧动画》ppt课件
四、认识Flash界面 在桌面上用鼠标左键双击
在创建新项目中选择——Flash文档
工
时间轴
具
箱
舞台
属性面板
1. 帧的概念：构成动画的每一个画面叫做一个帧。
在时间轴上，每一个小方格就是一帧。帧又分为普通帧、关键 帧、空白关键帧。逐帧动画的每一帧都是关键帧。只有关键帧是可 以编辑的。在时间轴上显示为黑色的圆点。
认识逐帧动画
明湖中学 杨 丽
观看动画片说出动画的制作类型
一、动画的基本原理
动画就是通过连续播放一系列画面，给视觉造成图像连 续变化的感觉，达到理想的动画效果。它的基本原理与电 影、电视是一样，都是利用了视觉原理。动画不是“会动 的画”，而是“画出来的运动”。
二、常用的动画制作软件
1、二维动画制作软件： Ulead GIF AnimatorGIF是一种动画制作软件 Flash是一种集动画创作与应用程序开发于一身的软件， 制作的动画具有点小精悍的特点。
课堂实操: 制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、…1、GO！”的 倒计时动画效果（设计效果如下图所示实操步骤以及使用的工具 选择工具
1、打开Flash软件，新建一个Flash文档。
2、点击舞台，在属性面板中把舞台大小设置为200*160像 素。背景颜色修改为红色。
2. 帧的分类：空白帧、关键帧和空白关键帧
空白关键帧 关键帧 空白帧 播放头 普通帧
帧频率
3. 帧的操作：包括添加帧 、删除帧 、 清除关键帧 、选择所有帧 、复制帧 、 粘贴帧 、移动帧 和翻转帧
下面我们来观看几个比较有代表性的，利用逐帧动画制作的小动画
行走的土豆人
第1帧
第2帧
逐帧动画课件
动画的基本类型
• （1）逐帧动画 • （2）运动渐变动画
今天的内容就是
逐帧动画
• 什么是逐帧动画？
• 这就是逐帧动画！
• 逐帧动画是由许多单个的关键帧组合而成的， 适合制作一个动画在每个帧上都有关键性变 化的情况。 要创建逐帧动画，需要将每个帧都定义为关
键帧，然后给每个帧创建不同的图像。
图层区
时间轴
工 具 栏
舞台
属性窗口
时间轴与帧
• 时间轴是以时间为基础的线性表，让使用者 以时间的进行为基础，一步步地安排每个动 作。在时间轴中可处理帧和关键帧，将它们 按照对象在帧中出现的顺序进行排列。
图层layer
元件 动画
元 件
• 元件是可反复取出使用的图形、按钮或一 段小动画，元件中的小动画可独立于主动 画进行播放。它是由多个独立的元素合并 而成的，因此缩小了文件的存储空间。ห้องสมุดไป่ตู้
逐帧动画公开课 完整版课件PPT
变动画。
Flash的操作界面
•菜单栏 •工具箱 •时间轴与图层 •舞台（stage），也称工作区 •属性面板 •浮动面板
菜 单 栏
工 具 箱
时间轴与图层
工 浮动面板
作 区
属性面板
பைடு நூலகம்帧动画
• 逐帧动画是指在时间帧上逐帧绘制帧内容。具有非常大的灵活性。 很适合于表演很细腻的动画。
• 将动画中的每个动作都创建一个画面，当这些画面以一定的速度 显示时就可以形成动画，这种方式称为逐帧动画。
Flash 基础
——逐帧动画
动画的原理
动画是由若干静态画面，快速交替 显示而成，因人的眼睛会产生视觉 暂留，对上一个画面的感知还未消 失，下一张画面又出现，就会有动 的感觉。
找不同
走路动画
初识Flash
• Flash是目前最流行的二维动 画技术
• Flash的启动 • 一种是逐帧动画，另一种是渐
分组练习
• 分组设计完成一个逐帧动画
可尝试调整“帧频”改变动画的播放速度 （在时间轴下方的以fps为单位的数值 ）
Flash的操作界面
•菜单栏 •工具箱 •时间轴与图层 •舞台（stage），也称工作区 •属性面板 •浮动面板
菜 单 栏
工 具 箱
时间轴与图层
工 浮动面板
作 区
属性面板
பைடு நூலகம்帧动画
• 逐帧动画是指在时间帧上逐帧绘制帧内容。具有非常大的灵活性。 很适合于表演很细腻的动画。
• 将动画中的每个动作都创建一个画面，当这些画面以一定的速度 显示时就可以形成动画，这种方式称为逐帧动画。
Flash 基础
——逐帧动画
动画的原理
动画是由若干静态画面，快速交替 显示而成，因人的眼睛会产生视觉 暂留，对上一个画面的感知还未消 失，下一张画面又出现，就会有动 的感觉。
找不同
走路动画
初识Flash
• Flash是目前最流行的二维动 画技术
• Flash的启动 • 一种是逐帧动画，另一种是渐
分组练习
• 分组设计完成一个逐帧动画
可尝试调整“帧频”改变动画的播放速度 （在时间轴下方的以fps为单位的数值 ）
逐帧动画PPT课件
【设置了注释后的帧】
如果在标签名字前加“//”，表示为该帧加注释，如果在 标签名字前加 ，表示为该帧加锚记，在时间轴上的效果 如下图所示
设置了注释后的帧
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
如果在标签名字前加“//”，表示为该帧加注释，如果在 标签名字前加 ，表示为该帧加锚记，在时间轴上的效果 如下图所示
设置了注释后的帧
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
第6课制作逐帧动画作品课件
课堂总结
谢谢！
4 制作逐帧动画
任务三 制作逐帧动画
① 制作“摇摆的音符”逐帧动画（关键帧）
灵活使用“选择工具”和“任意变形工具”调整位置大小方向
② 制作“数字编码”逐帧动画（空白关键帧）
观看《任务书》《帮助微视频》
作品展示评价
5 修改完善作品
如果你已经完成所有的任务，请播放动画看 一看自己的成果，及时进行修改和完善。最后 不要忘记保存和上交你的作品！
3 任务二 绘制 个创意音符元件
① 新建图形元件“音符1”、“音符2”、“音符3”； ② 用“椭圆工具”和“多角星工具”画音符头； ③ 用“线条工具”画音符尾； ④ 配合“选择工具”调整细节，绘制你自己的创意音符吧！
提示：“多角星工具”藏在“矩形工具”中，长按可切换 具体步骤参考《帮助微视频》
制作逐帧动画典型方法
①
外部导入素材(静 态图片/序列图片)
②
绘制矢量逐帧动 画，用鼠标或压 感笔，在场景中 一帧帧画出帧内 容。
③
绘制元件（文字 元件/图形元件） 再用元件制作逐 帧动画 (本课使用方法)
制作逐帧动画有哪些步骤？
阅读 P27 的“学习任务”板块
1 确立主题
模拟信号 声音
数字信号 二进制数
2 构思作品
角 色
动 画
2 构思作品
2 构思作品
音 符
数字 编码
小 女 孩
角 色
唱歌 跳舞
摇
动
摆
画 慢一拍
出现
任务一 添加背景和主角
① 新建“背景”图层 ② 插入背景并调整位置 ③ 新建“女孩”图层 ④ 逐帧插入孩动画
调整位置 ⑤ 调整图层顺序
提示：《任务书》《帮助微视频》
3 制作角色元件
(完整版)逐帧动画 课件PPT
制作节约粮食的 宣传小动画
逐帧动画
目录
01 Flash动画制作原理
02 创作第一个动画
PART 01
Flash动画制作原理
动画制作原理
把每张分解动作页面画出来，让它们按 顺序、快速播放。 由于人眼的“视觉残留”现象，当播放 速度达到一定程度时，肉眼是分辨不出 来的，看起来就是连续的动画效果。
Flash动画制作原理
绘制 导入素材
示，快捷键为F7
普通帧两个关键帧之间的过渡部 分，使画面处于保持不变的状态。
以“灰色”显示，快捷键为F 帧
空白 关键 帧
讨论 ：翻页动画与逐帧动画的区别与联系
PART 02
制作逐帧动画 吃饼干
制作吃饼干的动画步骤：
1.创建关键帧（绘制 、导入素材） 2.插入关键帧 3.用橡皮擦工具擦除部分画面 4.重复第2，3步骤，利用插入关键帧的 方式，制作吃饼干的效果 5.测试动画，修改作品，保存作品
逐帧动画是一种常见的动画形式，
其原理是在“连续的关键帧”中
分解动画动作，也就是在时间轴的 每帧上逐帧绘制不同的内容，使其 连续播放而成动画。
“帧”的分类
关键帧 一个动作的开始或结束， 决定动画效果的关键部分。以 “黑色实心圆点”显示，快捷键 为F6
空白关键帧 没有放置任何动画对象 的关键帧，起到将当前帧的内容清 除的作用。以“黑色空心圆点”显
此时此刻的你
回顾旧知
标题栏 菜单栏
您的内容打在这里，或者通过复 制您的文本后，在此框中选择粘
工具贴，并选择只保留文字，在此录 面板入上述图表的描述说明。
属性 面板
时间轴 浮动面板
回顾旧知
您的内容打在这里，或者通过复 制您的文本后，在此框中选择粘 贴，并选择只保留文字，在此录 入上述图表的描述说明。
制作逐帧动画作品PPT课件.ppt
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】即可插 入一个普通帧。
插入普通帧
2、帧、关键帧、空白关键帧的区别
关键帧能显示数字或者图像或者发生变化
帧可以延续关键帧上对象的时间，不发生任何改变。 空白关键帧使关键帧对象消失，画面一片空白。
11
F6 记是一个实心黑点 .
逐帧动画就是每一个关键帧上放置一个不同的对
象
6
？ 如何让关键帧对象延续时间？
插入普通帧让关键帧对象延续。标志是一个空长方形。
F5
7
？ 如果让动画关键帧内容消失？
插入空白关键帧，前面关键
F7 帧内容将消失.标志是空心圆圈。
8
课外研究
? 说说制作思维
9
10
任务四：教学小结
第2课制作逐帧动画作品
1
2.1Biblioteka 的种类帧是构成 Flash 动画最基本的单位，帧分为普通帧、 关键帧和空白关键帧三种类型，而对帧的所有操作都 是在“时间轴”面板中进行的 。
关键帧
普通帧
空白关键帧
时间轴面板
3
2 创建帧
1．创建关键帧
关键帧是定义动画变化的帧，要制作动画，必须创建关 键帧。
在时间轴上单击选中要创建关键帧的帧，然后鼠标右键 >“插入关键帧”选项，或按快捷键【F6】，即可在选中 的帧上插入关键帧 。
插入关键帧
4
2．创建空白关键帧
插入空白关键帧
选中帧后，鼠标右 键>“插入空白关键帧” 或按快捷键【F7】，
即可插入空白关键 帧。
3．普通帧是延长关键帧的时间
选中要创建普通帧 的帧，鼠标>“插入 帧”右键或者按快 捷键【F5】即可插 入一个普通帧。
插入普通帧
Flash中的逐帧动画课件
• 制作指针
新建一个图层，选择该图层的第一帧，在工具栏上的颜色选择
上选择匹配的颜色，之后点击矩形绘
画工具 在画布上点击鼠标左键，拖动鼠标，绘画出一个适合大小的矩形条指针为妙针。再新建另一
个图层，按同样步骤绘画一个较短较粗的矩形条，为分针
• 逐步插入关键，调整指针旋转角度 相隔5帧，插入一个关键帧，顺时针旋转指针大约30度，再继续相隔5帧，插入关键帧，顺时针旋转指针大 约30度，重复4次，直到秒针指到12.
• 导入声音 在新建一个图层，命名为“声音”，在秒针指到12位置对应的帧中插入关键帧，和导入时钟背景类似在， 导入到舞台
• 播放动画、预览动画 按下ctrl加Enter键导出行 实例演习操作，制作刚才我们 讲的闹钟倒计时的小动画
• 实际操作演示：
一、打开flash软件，点击界面中间一栏的最上方的
• 导入时钟体 点击菜单栏上的“文件”弹出下的下拉菜单中的“导入”—“导入到舞台”，然后选择要插入的图片，点击 右下方的“打开”，调整好图片位置大小
学习内容：
1.了解逐帧动画的概念 2.制作实例闹钟倒计时的小动画
• 逐帧动画概念: 逐帧动画，是通过帧的建立，在每 一帧当中变换一个图像或位置，当 帧连贯进行播放是，就形成了逐帧 动画。
• 这种动画是最原始的动画表达方式， 每一个动作都需要绘制一幅画
制作实例闹钟倒计时的小动画
• 打开flash软件 • 导入时钟体 • 制作指针 • 导入声音 • 播放动画、预览动画
第一节-逐帧动画-课件
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界面
• 帧——就是影像动画中最小单位的单幅 影像画面，相当于电影胶片上的每一格镜 头。 一帧就是一副静止的画面，连续的帧 就形成动画，如电视图象等。
活动1 逐帧动画
• 关键帧——任何动画要表现运动或变化， 至少前后要给出两个不同的关键状态，而 中间状态的变化和衔接电脑可以自动完成， 在Flash中，表示关键状态的帧叫做关键帧。
创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会
建立一段逐帧动画。
（2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。
（3）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。
（4）导入序列图像
标题栏
菜单栏
逐帧动画欣赏
逐帧动画欣赏
逐帧动画欣赏
逐帧动画欣赏
什么是逐帧动画
定义：将动画中的每一帧都设置为关键帧， 在每一个关键帧中创建不同的内容，就成 为逐帧动画。逐帧动画是指动画的每一帧 的内容都是由一幅绘制的图象组成。 原理：将对象的运动过程分解成多个静态 图形，再将这些连续的静态图形置于连续 的关键帧中，就构成了逐帧动画。
浮动面板
工具条
图层区
帧格
时间轴
工具选项框
舞台 活动面板
属性面板
认识Flash 8界面
菜 单 栏
认识Flash 8界面
标 准 工 具 栏
认识Flash 8界面
控 制 器
认识Flash 8界面
图 层 管 理 区
认识Flash 8界面
时 间 轴
认识Flash 8界面
舞 台
认识Flash 8界面
《逐帧动画》ppt课件
帧的显示形式及操作
1. 帧的概念：构成动画的每一个画面叫做一个帧。 2. 帧的分类：空白帧、关键帧和空白关键帧 3. 帧的操作：包括添加帧 、删除帧 、清除关键帧 、 选择所有帧 、复制帧 、粘贴帧 、移动帧 和翻转帧
制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、„1、GO！”的 倒计时动画效果（设计效果如下图所示）。
动画基本原理
动画就是通过连续播放一系列画面，给视觉造成连续 变化的图画，它的基本原理与电影、电视一样，都是视觉 原理。动画不是“会动的画”，而是“画出来的运动”。
逐帧动画基本原理
逐帧动画，也叫【帧帧动画】，是最常见的动画形式 最适合于图像在每一帧中都在变化而不是在舞台上移动的 复杂动画。 逐帧动画原理是在【连续的关键帧】中分解动画动作 也就是要创建每一帧的内容，才能连续播放而形成动画。 逐帧动画的帧序列内容不一样，不仅增加制作负担，而且 最终输出的文件量也很大。但它的优势也很明显，因为它 与电影播放模式相似，适合于表演很细腻的动画，通常在 网络上看到的行走、头发的飘动等动画，很多都是使来自逐 帧动画实现的。图4-2
制作“花逐渐成长的过程”动画
制作花盆中的花儿逐渐成长，并生成一朵花的动画效果（设 计效果如下图所示）。
实训1： 制作“火柴人行走动画”动画，如图所示。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第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分。
赛程一：
制作逐帧动画“5秒倒计时”时长5分钟
要求： 1.实现数字的交替出现 2.实现时长5秒 详细步骤参照学案的任务一
小提示
一、通过属性面板可以修改舞台大小及背景颜色 二、插入普通帧的快捷键F5，插入关键帧快捷键动画的保存格式为.fla，测试动画的快捷键为Ctrl+Enter。 四 、测试动画时，自动生成的视频文件格式为.swf 。 五、动画播放时长的调整 1、通过插入帧的方式 2、通过时间轴下方的帧频进行调整
调整帧频
分组比一比：
规则： 1本次比赛共分为4组二个环节，二轮比试结束后得分最高的小组每人 将获得学习用具一份。 2.每一轮比试过程中小组成员可相互帮助，在规定时间内完成率高的 加20分。 3.每一轮比试结束后小组成员率先演示的加10分，演示人员主动讲解 的加20分，每一轮限2名。 4.在比试过程中不拘泥与学案内容作品有创新的、画面优美的可获得 展示机会，个人将获得学习用具一份。 。 5.整场比试过程中其他组表现突出的同学同样可以获得学习用具一份。
遵义市第十六中学
授课教师：吴兴月
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分。
赛程一：
制作逐帧动画“5秒倒计时”时长5分钟
要求： 1.实现数字的交替出现 2.实现时长5秒 详细步骤参照学案的任务一
小提示
一、通过属性面板可以修改舞台大小及背景颜色 二、插入普通帧的快捷键F5，插入关键帧快捷键动画的保存格式为.fla，测试动画的快捷键为Ctrl+Enter。 四 、测试动画时，自动生成的视频文件格式为.swf 。 五、动画播放时长的调整 1、通过插入帧的方式 2、通过时间轴下方的帧频进行调整
调整帧频
分组比一比：
规则： 1本次比赛共分为4组二个环节，二轮比试结束后得分最高的小组每人 将获得学习用具一份。 2.每一轮比试过程中小组成员可相互帮助，在规定时间内完成率高的 加20分。 3.每一轮比试结束后小组成员率先演示的加10分，演示人员主动讲解 的加20分，每一轮限2名。 4.在比试过程中不拘泥与学案内容作品有创新的、画面优美的可获得 展示机会，个人将获得学习用具一份。 。 5.整场比试过程中其他组表现突出的同学同样可以获得学习用具一份。