中小学教育资源及组卷应用平台
版本科目年级课时教学设计
课题 红绿灯前—制作逐帧动画 单元 第三课 学科 信息技术 年级 四年级
学习目标 设置逐帧动画制作并测试逐帧动画帧的相关操作掌握并运用逐帧动画制作其他动画
重点 设置逐帧动画制作并测试逐帧动画帧的相关操作
难点 掌握并运用逐帧动画制作其他动画
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 猜一猜一个大哥三只眼，每天路口来值班。人们看着它眼色，要是乱闯出危险。答案：红绿灯明明：玲玲，过马路时看红绿灯非常重要。我想创作一个动画，向大家宣传交通安全知识。玲玲：那让我们用Flash软件创作一个红绿灯逐帧动画吧！用Flash 制作逐帧动画的原理很简单，每一帧放一个画面，连续播放就是一个逐帧动画。知识导入：设置逐帧动画制作并测试逐帧动画3. 帧的相关操作 认真听讲，回想课前内容、交流分享自己的看法。 激发学生兴趣，导入课题。
讲授新课 逐帧动画在时间轴上逐帧绘制内容，一个画面就是一帧，播放时影片按顺序显示每一帧的内容，这样的动画称为逐帧动画。一起动手做：红绿灯的逐帧动画：1）单击【修改】【文档】2）设置文档尺寸为400×4003）设置帧频为2 fps，意思是以2帧/秒的速度播放影片。4）单击选择矩形工具5）单击圆角矩形半径属性按钮6）设置半径为20点7）设置笔触高度为5，笔触颜色为黑色8）在工作舞台上画出灯柱，并用油漆桶填充合适的颜色9）用椭圆工具绘制红绿灯，并用油漆桶填充颜色10）单击时间轴第2帧，右击鼠标显示帧菜单11）单击【插入关键帧】12）设置灯的状态为灰、黄、灰13）单击时间轴第3帧，右击鼠标显示帧菜单14）单击【插入关键帧】15）设置灯的状态为灰、灰、绿16）单击时间轴第4帧，右击鼠标显示帧菜单，单击【插入帧】17）单击【控制】【测试影片】，观看影片效果2. 帧的相关操作删除所选的帧插入一个空白关键帧剪切选中的帧复制选中的帧对复制的帧进行粘贴选择时间轴上的所有帧辑操作。 认真听讲、仔细思考，回忆预习内容，动手操作，熟悉过程，加深理解。 引导学生动手操作，从实践中学习知识。
课堂练习 把红绿灯设计成10，9，8......3，2，1的倒计时动画。思考：怎样才能控制动画播放的速度？ 学生回顾知识，思考回答问题。 让学生开动思维，回顾知识。
作业布置 作业1：制作红灯亮10秒、黄灯亮3秒、绿灯亮10秒的倒计时红绿灯效果。作业2：制作属于自己的表情包动画。 学生课后练习，熟悉操作，加深巩固。 帮助理解、巩固课本内容，了解更多，学会操作。
课堂小结 设置逐帧动画制作并测试逐帧动画帧的相关操作动手绘制逐帧动画 思考小结内容，巩固学习知识。 总结课堂内容，使学生加深理解。
板书 无板书
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)中小学教育资源及组卷应用平台
《红绿灯前——制作逐帧动画》练习
一、填空
1. （ ）是指每秒钟放映或显示的帧或图像的数量。
2. 插入空白关键帧，可（ ）帧前面的延续内容，也可（ ）新的内容。
3. （ ）通常起到延长画面显示时间的作用。
4. 在工作舞台上画出灯柱，并用（ ）填充合适的颜色。
二、判断
1. 绘制人行道需要用矩形工具和箭头工具。（ ）
2. 插入关键帧，可自动复制上一个关键帧的内容。（ ）
3. 插入过渡帧，可对其进行编辑操作。（ ）
三、简答题
1. 什么叫逐帧动画？
2. 怎样控制动画播放的速度？
设置帧频为2 fps是什么意思？
《红绿灯前——制作逐帧动画》答案
一、填空
1. 帧频
2. 清除 添加
3. 过渡帧
4. 油漆桶
二、判断
1. 对
2. 对
3. 错
三、简答题
.
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://21世纪教育网(www.21cnjy.com)
" 21世纪教育网(www.21cnjy.com)
1.答：在时间铀上逐绘内容，一个画面就是一帧，播放时影始按顺序显示每一帧
的内容，这样的动画称为逐动画。
.20J/,0
2.答：①插入空白帧②插入过渡帧
3.答：意思是以2帧秒的速度播放影片。
」
).1,1【1「二以
版权声明
21世纪教育网www.21cnjy.com(以下简称“本网站”)系属深圳市二一教育
股份有限公司（以下简称“本公司”)旗下网站，为维护本公司合法权益，现依
据相关法律法规作出如下郑重声明：
一、本网站上所有原创内容，由本公司依据相关法律法规，安排专项经费
运营规划，组织名校名师创作完成，著作权归属本公司所有。
二、经由网站用户上传至本网站的试卷、教案、课件、学案等内容，由本公
司独家享有信息网络传播权，其作品仅代表作者本人观点，本网站不保证其内容
的有效性，凡因本作品引发的任何法律纠纷，均由上传用户承担法律责任，本网
站仅有义务协助司法机关了解事实情况。
三、任何个人、企事业单位（含教育网站）或者其他组织，未经本公司许可，
不得使用本网站任何作品及作品的组成部分（包括但不限于复制、发行、表演、
广播、信息网络传播、改编、汇编、翻译等方式)，一旦发现侵权，本公司将联
合司法机关获取相关用户信息并要求侵权者承担相关法律责任。
四、一旦发现侵犯本网站作品著作权的行为，欢迎予以举报。
举报电话：4006379991
举报信息一经核实，本公司将依法追究侵权人法律责任！
五、本公司将结合广大用户和网友的举报，联合全国各地文化执法机关和相
关司法机关严厉打击侵权盗版行为，依法追究侵权人的民事、行政和刑事责任！
特此声明！
深圳市二一教育股份有限公司(共32张PPT)
红绿灯前—制作逐帧动画
信息技术粤教版 第四册B
新知导入
猜一猜
一个大哥三只眼，
每天路口来值班。
人们看着它眼色，
要是乱闯出危险。
答案：红绿灯
新知导入
玲玲，过马路时看红绿灯非常重要。我想创作一个动画，向大家宣传交通安全知识。
那让我们用Flash软件创作一个红绿灯逐帧动画吧！
新知导入
让我们先看一些动态图片吧！
新知导入
用Flash 制作逐帧动画的原理很简单，每一帧放一个画面，连续播放就是一个逐帧动画。
01
逐帧动画
02
制作并测试红绿灯逐帧动画
03
帧的相关操作
什么是逐帧动画？
01
新知讲解
在时间轴上逐帧绘制内容，一个画面就是一帧，播放时影片按顺序显示每一帧的内容，这样的动画称为逐帧动画。
逐帧动画
制作红绿灯的逐帧动画
02
新知讲解
单击【修改】【文档】
新知讲解
帧频是指每秒钟放映或显示的帧或图像的数量。
设置帧频为2 fps，意思是以2帧/秒的速度播放影片。
设置文档尺寸为400×400
新知讲解
单击选择矩形工具
单击圆角矩形半径属性按钮
设置半径为20点
新知讲解
设置笔触高度为5，笔触颜色为黑色
新知讲解
在工作舞台上用圆角矩形画出灯柱，并用油漆桶填充合适的颜色
新知讲解
用椭圆工具绘制红绿灯，并用油漆桶填充颜色
课堂练习
用矩形工具和箭头工具画出人行道,并导入校车图。
新知讲解
在时间轴上逐帧绘制内容，一个画面就是一帧，播放时影片按顺序显示每一帧的内容
逐帧动画
新知讲解
单击时间轴第2帧，右击鼠标显示帧菜单
单击【插入关键帧】
新知讲解
设置灯的状态为灰、黄、灰
新知讲解
单击时间轴第3帧，右击鼠标显示帧菜单
单击【插入关键帧】
新知讲解
设置灯的状态为灰、灰、绿
新知讲解
单击时间轴第4帧，右击鼠标显示帧菜单，单击【插入帧】
新知讲解
单击【控制】【测试影片】，观看影片效果
课堂练习
把刚才做的红绿灯设计成10，9，8......3，2，1的倒计时动画。
帧的相关操作
03
拓展提高
删除所选的帧
剪切选中的帧
选择时间轴上的所有帧
插入一个空白关键帧
复制选中的帧
对复制的帧进行粘贴
拓展提高
空白关键帧 关键帧 过渡帧
图片
快建键 F7 F6 F5
特点 插入空白关键帧，可清除帧前面的延续内容，也可添加新的内容。 插入关键帧，可自动复制上一个关键帧的内容。
通常起到延长画面显示时间的作用，显示上一个关键帧的内容，不可对其进行编辑操作。
空心
实心
矩形
课堂练习
思考：怎样才能控制动画播放的速度？
1. 插入空白帧
2. 插入过渡帧
课堂总结
设置逐帧动画
1
制作并测试逐帧动画
2
帧的相关操作
3
作业布置
作业1：制作红灯亮10秒、黄灯亮3秒、绿灯亮10秒的倒计时红绿灯效果。
作业2：制作属于自己的表情包动画。
谢谢
21世纪教育网（www.21cnjy.com) 中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
