粤教版六年级上册第3课《制作逐帧动画》课件

在逐帧动画“新春快乐”中，每一帧都是关键帧。当关键帧中放置了动画对象以后，该帧“时间轴”上就显示为一个黑色的圆点。
FOLLOWME
1.对舞台进行设置
执行“修改”→“文档”命令，在弹出的“文档设置”对话框中，设置各项参数。单击“确定”按钮，就可以完成对舞台的设置。
执行“窗口”→“属性”命令，在弹出的“性”面板中也可以进行相应的设置。
新春快乐——制作逐帧动画
任务导航
本课，我们学习制作文字闪烁变色的逐帧动画“新春快乐”。是动画中的两个画面。
在Flash动画中，所有的“演员”与情节都在舞台上进行。可是光有舞台还不行，重要的是“演员”要按某种时间安排进行演出，而这种时间安排则由时间轴来完成。在时间轴上，每一个小方格就是一帧。根据作用的不同，可以将帧分为关键帧、补间帧、静态帧3类。
智多星：执行“插入”→“时间轴”→“关键帧”命令，也可以插入关键帧。在“时间轴”面的某一帧上右击，在弹出的快捷菜单中选择“插入关键帧”命令，也可插入关键帧。
4.制作第3帧动画
单击“时间轴”面板的第3帧，选中该帧，按F6键，将其设置为关键帧，在“属性”面板中将文字的颜色改为白色。
智多星：选中“时间轴”上的某一帧，右击，在弹出的快捷菜单中选择删除帧”命令，即可删除选中的这一帧。
2024课件
同学们再见！
授课老师：
时间：2024年9月1日
知识着陆
1.通过“文档设置”对话框或“属性”面板可以对舞台进行设置。2.在时间轴，每一个小方格就是一帧。帧可分为关键帧、补间帧、静态帧三类。逐帧动画的每一帧都是关键帧。
创作天地
新建动画文件，制作文字闪烁变色的逐帧动画“我爱我家”，动画效果。
谢 谢
同学们再见！
授课老师：

02
制作红绿灯的逐帧动画
新知讲解
单击【修改】【文档】
新知讲解
设置文档尺寸 为400×400
设置帧频为2 fps，意思是 以2帧/秒的速度播放影片。
帧频是指每秒钟 放映或显示的帧 或图像的数量。
新知讲解
单击选择矩形工具
单击圆角矩形 半径属性按钮
设置半径为20点
新知讲解
设置笔触高度为5， 笔触颜色为黑色
红绿灯前—制作 逐帧动画
信息技术粤教版 第四册B
新知导入
猜一猜
一个大哥三只眼， 每天路口来值班。 人们看着它眼色， 要是乱闯出危险。
答案：红绿灯
新知导入
玲玲，过马路时看红 绿灯非常重要。我想 创作一个动画，向大 家宣传交通安全知识。
那让我们用
Flash 软 件 创
作一个红绿灯 逐帧动画吧！
新知导入
单击【插入关键帧】
新知讲解
设置灯的状态 为灰、黄、灰
新知讲解
单击时间轴第 3帧，右击鼠 标显示帧菜单
单击【插入关键帧】
新知讲解
设置灯的状态 为灰、灰、绿
新知讲解
单击时间轴第4帧， 右击鼠标显示帧菜 单，单击【插入帧】
新知讲解
单击【控制】【测试影 片】，观看影片效果
课堂练习
把刚才做的红绿灯设计成10， 9，8......3，2，1的倒计时动画。
新知讲解
在工作舞台上用圆角矩形画出灯柱，并用油漆桶填充 合适的颜色
新知讲解
用椭圆工具绘制 红绿灯，并用油 漆桶填充颜色
课堂练习
用矩形工具和箭头工具画出人行道,并导入校车图。
新知讲解
逐帧 在时间轴上逐帧绘制内容，一个画面就是一 动画 帧，播放时影片按顺序显示每一帧的内容

四、认识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、选择“控制”—“测试影片”，预览动画效果。
3、调节动画播放速度，使动画播放接近实际速度。 4、 以“XXX”为文件名，将动画保存成fla和swf两种格式。
选择“文件”—“另存为”—“保存文件”（源文件为fla格式） 选择“文件”—“导出”—“导出影片”（动画文件为swf格式）
5、完成后上传作品。
GIF动画素材
QQ动态表情
配合“橡皮擦工具”，制作一个 “吃苹果” 动画。
1、启动flash，新建一个Flash文档。 2、单击时间轴的第一帧，在第一帧利用椭圆工具绘制一只完整的苹果。 3、在第二帧单击右键插入关键帧。 4、使用橡皮擦工具擦去苹果的一部分。 5、在第三帧再插入关键帧，再次使用橡皮工具在原来的基础上再擦去一部分。 6、重复以上步骤，直到完成。 7、选择“控制”—“测试影片”，预览动画效果。 8、选择“文件”—“另存为”—“保存文件”（源文件为fla格式） 9、选择“文件”—“导出”—“导出影片”（动画文件为swf格式）
ma1 ma2
ma3
ma4 ma5 ma6 ma7 ma8
动画是怎么动起来的
•动画的形成：
动画就是将一张张静态的图片，通过连续的播放产生动态效 果，从而形成动画。
•动画原理：
每一幅图像从我们的眼前消失时，留在我们眼睛视网膜上的图 像并不会马上清除，还会延迟大约0.1—0.4秒，如果在这段时间内， 下一幅图像又出现了，就会在我们眼睛里形成连续的画面。如果画 面的内容是有关联的，我们看到是一个动态的过程。动画无非就是 利用人眼的视觉暂留效应连续的在显示器上播放一系列静止图片。

课堂总结
谢谢！
4 制作逐帧动画
任务三 制作逐帧动画
① 制作“摇摆的音符”逐帧动画（关键帧）
灵活使用“选择工具”和“任意变形工具”调整位置大小方向
② 制作“数字编码”逐帧动画（空白关键帧）
观看《任务书》《帮助微视频》
作品展示评价
5 修改完善作品
如果你已经完成所有的任务，请播放动画看 一看自己的成果，及时进行修改和完善。最后 不要忘记保存和上交你的作品！
3 任务二 绘制 个创意音符元件
① 新建图形元件“音符1”、“音符2”、“音符3”； ② 用“椭圆工具”和“多角星工具”画音符头； ③ 用“线条工具”画音符尾； ④ 配合“选择工具”调整细节，绘制你自己的创意音符吧！
提示：“多角星工具”藏在“矩形工具”中，长按可切换 具体步骤参考《帮助微视频》
制作逐帧动画典型方法
①
外部导入素材(静 态图片/序列图片)
②
绘制矢量逐帧动 画，用鼠标或压 感笔，在场景中 一帧帧画出帧内 容。
③
绘制元件（文字 元件/图形元件） 再用元件制作逐 帧动画 (本课使用方法)
制作逐帧动画有哪些步骤？
阅读 P27 的“学习任务”板块
1 确立主题
模拟信号 声音
数字信号 二进制数
2 构思作品
角 色
动 画
2 构思作品
2 构思作品
音 符
数字 编码
小 女 孩
角 色
唱歌 跳舞
摇
动
摆
画 慢一拍
出现
任务一 添加背景和主角
① 新建“背景”图层 ② 插入背景并调整位置 ③ 新建“女孩”图层 ④ 逐帧插入孩动画
调整位置 ⑤ 调整图层顺序
提示：《任务书》《帮助微视频》
3 制作角色元件

标题栏
菜单栏
浮动面板
工具条
图层区
帧格
时间轴
工具选项框
舞台 活动面板
属性面板
逐帧动画特点：
是一种传统的动画形式，制作起来比 较繁琐，需要将动画的每一帧都绘制 出来，要求创造者具有较强的逻辑思 维能力和一定的较大；
作品欣赏
将库中的元件“壳2”拖到场景1中，以相同的坐标值。 5. 用同样的方法将其它元件插入到相对应的帧中，位
置坐标一律相同。 6. “蜗牛出壳”动画制作完成，大家欣赏自己的作品
吧！
测试和保存影片
测试：Ctrl+Enter 保存：Ctrl+S
案例小结
• 本案例制作的是蜗牛出壳动画效果，在制 作过程中主要用到了插入了白色关键帧。 需要注意的是，制作逐帧动画时，关键帧 的数量可以自行设定，各个关键帧的内容 也可任意改变，只要两个相邻关键帧上的 内容连续性合理即可。
1. 豹子 2. 鸟儿 3. 小象 4. 大雁 5. 马儿
使用 “库”
• 单击“文件”菜单下的“以库打开”选项， 打开“以库打开”对话框。
• 找到E盘中的“教学素材\蜗牛出壳.fla”，文 件类型为“Flash影片”，单击“打开”按 钮，打开“蜗牛出壳.fla”库.
逐帧动画制作方法
1. 将“图层1”改名为“出壳”。 2. 选中“出壳”图层的第一帧。 3. 将“壳1”拖到场景1中合适的位置（记住坐标值）。 4. 右键单击第二帧，从中选择“插入空白关键帧”，

《制作逐帧动画》PPT课 件
本演示文稿将介绍如何制作逐帧动画，包括定义、工具和软件、基本原理和 步骤、创作技巧和注意事项、应用领域和案例分析，以及总结和展望。
逐帧动画的定义和概述
逐帧动画是一种通过连续排列的静止图像，以每秒多个帧的速度展示，从而 创造出连续运动的效果。它是一种古老而又魔幻的艺术形式。
逐帧动画的应用领域和案例分析
影视制作
逐帧动画可用于电影、电视剧和广告中，制造特殊 效果和精彩场景。
游戏开发
逐帧动画为游戏角色和动态场景增添了视觉上的吸 引力和真实感。
总结和展望
逐帧动画是一种创造力和技术的完美结合，它有着广泛的应用领域。未来， 随着技术的不断发展，逐帧动画将继续创造出更多精彩的作品。
键帧。
3
3. 拼接
将绘制好的图像连接起来，形成连列。
将动画序列导出为视频文件，添加音效 和特效。
逐帧动画的创作技巧和注意事项
1 表达动态
运用丰富的线条和色彩，呈现物体的运动状态。
2 把握节奏
关注时间间隔，使动画流畅且有趣。
3 运用动画原理
如重力、加速度和反射等，增强动画的真实感。
制作逐帧动画的工具和软件
传统绘画工具
如铅笔、纸张和动画台
数码绘画软件
如Photoshop和Procreate
动画制作软件
如Toon Boom Harmony和 Adobe Animate
逐帧动画的基本原理和步骤
1
1. 规划
制定故事板，并划分关键帧和动画序列。
2. 绘制
2
使用绘画工具或软件，逐帧绘制每个关

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

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】即可插 入一个普通帧。
插入普通帧

3.在使用信息技术时学会与他人合作，学会使用与年龄发展相符的多 媒体资源进行学习。
4.能够在他人的帮助下使用通讯远距离获取信息、与他人沟通，开展 直接和独立的学习，发展个人的爱好和兴趣。 5.知道应负责任地使用信息技术系统及软件，养成良好的计算机使用 习惯和责任意识。
利用绘图工具制作逐帧动画
第4单元 逐帧动画 利用导入图片制作逐帧动画 第5单元 渐变动画 第4单元 逐帧动画 利用绘图工具制作逐帧动画 第6单元 在动画中加入声音
教学中利用第一次和第二次的先学后教让学生 在操作的同时学习两个小博士的内容，理解并 突破难点。
利用绘图工具制作逐帧动画
二、学情分析
本模块的教学内容是“动画制作”，是在学生 已经掌握了一些计算机的基础知识和操作技能，对 信息技术课程有了一定的学习兴趣，因此在 学习 “动画制作”的过程 我们可以借助学生已经学过 的“画图”软件、制作多媒体演示和美术学科绘画 技能进行知识和能力方面的迁移，为学习动画制作 奠定基础。
利用绘图工具制作逐帧动画
先学后教（1） 1、自学提示一： 自学教材34页第一步和 第二步操作，完成文档 属性的设置。 思考：为什么要设置帧 频？ 设计意图：自学、反 馈、检测并由学生演 示，达到理解。直奔 主题，激励学生完成 闯关，突破本课难点 。
先学后教（2） 2、自学提示二： 自学教材34页第三步操作， 完成复制关键帧的操作。 思考：什么叫关键帧？每 一个关键帧对应的舞台上 有什么？你是怎么知道这 些知识的？ 设计意图：通过自学 操作步骤及小博士， 检测回答，达到知识 运用理解，通过兵兵 互学继续突破难点。
第1单元 认识动画
延续
第2单元 动画制作的好帮手—Flash 第3单元 绘制动画对象
铺垫