中小学教育资源及组卷应用平台
广东省高等教育版信息技术八年级上册
第5课 让星星动起来 教学设计
课题 第5课 让星星动起来 单元 第一单元 学科 信息技术 年级 八年级
学习目标 认识时间轴面板（时间轴和帧）。了解什么是关键帧、空白关键帧、普通帧。掌握插入帧、插入关键帧、复制帧的操作方法。
重点 认识时间轴和帧
难点 帧的基本操作（插入、复制、粘贴、移动）
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 观看图形。提问：Flash如何实现星星一闪一闪的跳动，露出笑容呢？这一课，我们来了解一下逐帧动画。 观看、欣赏、思考 激发学生的学习兴趣，初步了解逐帧动画。
讲授新课 认识时间轴和帧Flash主要通过时间轴来组织和控制动画的变化与动作。时间轴面板主要由图层和帧组成。（一）时间轴（二） 帧对帧的操作：插入帧、插入关键帧、插入空白关键帧、删除帧、复制帧、剪切帧、移动帧。 探究（三） 帧频帧频是指每秒播放的帧数。控制播放的速度和效果。帧频的单位是“帧/秒”即“fps”默认帧频为12fps。交流:认识逐帧动画分析“镜头1”的动画结构如何制作一个眨眼微笑的“星星”图形元件？如下图：制作星星眨眼睛动画如何制作几颗眨眼微笑的“星星”图形元件？（一）制作“星星”的图形元件1、通过菜单“插入”—“创建新元件”，创建名为“星星”的图形元件。2、打开“第3课星星.fla”文件，把所有帧复制到“第5课镜头1.fla”的“星星”元件中。3、制作星星的动作。说一说：眨眼睛的过程是怎样变化的？参考眨眼睛的变化过程制作小星星眨眼睛的动画？（二）调用“星星”元件1、把“星星”元件放置舞台。2、设置的表情动作不同步。实践: 发挥你的创意，用逐帧动画的方法制作不同动态效果的星星。实践与评估1、时间轴面板主要由图层和__时间轴____构成。2、Flash的帧分为_关键帧__、___空白关键帧__ 和普通帧三种。在Flash中，设置_帧频_可以控制动画播放的速度。锁定图层的作用是（ C） A. 使该图层不可见 B. 使该图层内容暂时删除 C. 使该图层不被修改 D.使该图层内容隐藏=熟悉帧的操作有助于提高动画制作效率，按哪个快捷键可以插入关键帧（B）A.F5 B.F6 C.F7 D.F8 认识时间轴面板，明白时间轴面板主要有图层和帧组成。分析、理解设计，动手操作。 听讲、操作、实践自主学习教师讲解，学生听讲，了解星星眨眼过程的分析。学生动手自己制作星星眨眼动画。思考、操作 教师讲解，以及便于学生理解和掌握。更进一步掌握帧，掌握三种类别帧的区别与操作。学生了解帧频，以及如何设计帧频的方法。学生听老师讲解，了解创建元件的方法。通过例子讲解，让学生了解到如何调用元件。试一试自主操作练习一群星星元件。结合前面学习的内容，学生自己进行操作星星眨眼操作，以便更好的掌握工具的使用。调用元件制作一群星星。
课堂小结 1、时间轴面板主要由图层和帧组成。2、对帧的操作：插入帧、插入关键帧、插入空白关键帧、删除帧、复制帧、剪切帧、移动帧。。3、制作星星眨眼睛动画。 （1）制作“星星”的图形元件 （2）调用“星星”的图形元件 学生回答 利用问题形式进行总结
板书 一、认识时间轴和帧 Flash的时间轴面板。二、认识逐帧动画三、分析“镜头1”的动画结构四、制作星星眨眼睛动画 （一）制作“星星”的图形元件 （二）调用“星星”元件
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共43张PPT)
第5课 让星星动起来
——逐帧动画的制作
广东高等教育出版社 八年级上
新知导入
Flash如何实现星星一闪一闪的跳动，露出笑容呢？
观看图形
答：制作逐帧动画
新知讲解
一、认识时间轴和帧
Flash主要通过时间轴来组织和控制动画的变化与动作。
时间轴面板主要由图层和帧组成。
新知讲解
帧
图层
（一）时间轴
新知讲解
普通帧
关键帧
（二） 帧
空白关键帧
对帧的操作：插入帧、插入关键帧、插入空白关键帧、删除帧、复制帧、剪切帧、移动帧。
新知讲解
探究
新建一个Flash文件，在第1帧绘制一个圆，在第2帧插入关键帧，在第3帧插入帧，在第4帧插入空白关键帧，观察时间轴上的小格，把各种帧与其含义用线条连接起来。
新知讲解
探究
新知讲解
关键帧
普通帧
空白关键帧
在时间轴上显示黑色小圆点的小格，表示当前帧的画面有内容。
表示重复前一关键帧的内容。
在时间轴上显示空心圆点的小格，表示当前帧为空白画面。
新知讲解
双击此处可设置帧频
（三） 帧频
帧频是指每秒播放的帧数。控制播放的速度和效果。帧频的单位是“帧/秒”即“fps”默认帧频为12fps。
新知讲解
交流
如果制作《小星星》Flash MV，音乐长度是32秒，帧频是12fps，请问制作完成这个动画至少需要多少帧？
32X12=384。完成这个动画需要384帧
新知讲解
二、认识逐帧动画
逐帧动画是最基本的动画方式，直接将连续的若干帧都设置为关键帧，通过向每帧中添加不同的图像来创建简单动画。
新知讲解
探究
1、打开“行走.fla”文件，认真观察时间轴，认识逐帧动画的特点。
2、在关键帧之间插入10个普通帧，是实现什么效果？
新知讲解
探究
新知讲解
三、分析“镜头1”的动画结构
如何制作一个眨眼微笑的“星星”图形元件？
场景包含两个图层。
1、深蓝色“夜空”
2、“星星”
新知讲解
星星图层
夜空图层
新知讲解
四、制作星星眨眼睛动画
如何制作几颗眨眼微笑的“星星”图形元件？
调用元件
新知讲解
探究
打开“第4课夜空.fla”文件，删除“花丛”和“城市”图层，在“夜空”图层第60帧处插入帧，锁定“夜空”图层，文件另存为“第5课镜头1.fla”。
新知讲解
（一）制作“星星”的图形元件
1、通过菜单“插入”—“创建新元件”，创建名为“星星”的图形元件。
新知讲解
2、打开“第3课星星.fla”文件，把所有帧复制到“第5课镜头1.fla”的“星星”元件中。
1、打开“第3课星星”文件
2、拖动选择所有帧
3、打开快捷菜单选择“复制帧”
新知讲解
4、在“第5课镜头1.fla”的“星星”元件的第1帧打开快捷菜单“粘贴帧”
新知讲解
所有帧复制完成，此时“星星”元件自动出现了3个图层
新知讲解
交流
说一说：
眨眼睛的过程是怎样变化的？参考眨眼睛的变化过程制作小星星眨眼睛的动画？
3、制作星星的动作。
新知讲解
1、拖动选择3个图层的第5帧
2、打开快捷菜单，选择“插入关键帧”
3、选择“腮红”和“轮廓”图层的第5帧，用键盘方向键略上移，选择“五官”图层的第5帧，改变“嘴巴”和“眼睛”的形状
新知讲解
3、选择“腮红”和“轮廓”图层的第5帧，用键盘方向键略上移，选择“五官”图层的第5帧，改变“嘴巴”和“眼睛”的形状
新知讲解
4、分别在这3个图层的第8帧处插入帧
新知讲解
（二）调用“星星”元件
1、把“星星”元件放置舞台。
1、回到场景，新建“星星”图层
2、把“星星”元件拖到舞台
2、设置每颗“星星”元件的大小、旋转角度
新知讲解
观察
按Ctrl+Enter对动画进行测试，观察出现什么问题，思考如何解决？
新知讲解
观察
新知讲解
2、设置的表情动作不同步。
设置调用“星星”元件播放的起始帧
课堂练习
设置不同的帧频，研究帧频与动画播放效果的关系，最后复原帧频。当帧频设置过小，动画的播放效果就好像电影中的______镜头一样；当帧频设置过大，动画的播放效果就好像电影中的______镜头一样。（填写“快”或“慢”）
探究
慢
快
新知讲解
实践
发挥你的创意，用逐帧动画的方法制作不同动态效果的星星。
作业布置
1、用逐帧动画方法制作蝴蝶飞舞的动画。
2、用逐帧动画的方法制作四足动物走路的动画。
实践与创作
作业布置
观赏蝴蝶飞舞动画
作业布置
观赏蝴蝶飞舞动画
作业布置
观赏走路动画
拓展提高
1、时间轴面板主要由图层和__________构成。
2、Flash的帧分为________、__________ 和普通帧三种。
3、在Flash中，设置________可以控制动画播放的速度。
实践与评估
时间轴
关键帧
空白关键帧
帧频
拓展提高
4、锁定图层的作用是（ ）
A. 使该图层不可见 B. 使该图层内容暂时删除
C. 使该图层不被修改 D.使该图层内容隐藏
5、熟悉帧的操作有助于提高动画制作效率，按哪个快捷键可以插入关键帧（）
A.F5 B.F6 C.F7 D.F8
实践与评估
C
B
拓展提高
6、完成学习评估。
评估项目 掌握程度 我在本课学习中的最大收获和不足
L了解时间轴的构成 较好 一般 较差
了解帧的分类及作用
掌握帧的基本操作
掌握逐帧动画的制作方法
掌握帧频的设置方法
我的学习效果达到了_____级 课堂总结
1、时间轴面板主要由图层和帧组成。
2、对帧的操作：插入帧、插入关键帧、插入空白关键帧、删除帧、复制帧、剪切帧、移动帧。。
课堂总结
3、制作星星眨眼睛动画。
（1）制作“星星”的图形元件
（2）调用“星星”的图形元件
板书设计
一、认识时间轴和帧
Flash的时间轴面板。
二、认识逐帧动画
三、分析“镜头1”的动画结构
四、制作星星眨眼睛动画
（一）制作“星星”的图形元件
（二）调用“星星”元件
谢谢
21世纪教育网（www.21cnjy.com) 中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
