中小学教育资源及组卷应用平台
广东省高等教育版信息技术八年级上册
第6课 变幻的星空 教学设计
课题 第6课 变幻的星空 单元 第一单元 学科 信息技术 年级 八年级
学习目标 了解动作补间动画。掌握动作补间动画的原理及应用。3、理解元件及其调用元件的方法。
重点 动作补间动画的制作方法。
难点 如何进行元件的调用。
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 观看图形。提问：如何实现图中的效果呢？ 观看思考 激发学生的学习兴趣。
讲授新课 认识动作补间动画分析：什么是动作补间动画？ 起始关键帧定义一个对象的属性（如形状、位置、大小、旋转）补充完整中间的帧而产生的动画。探究思考：打开“第6课篮球.fla”文件，观察时间轴上有几个关键帧？关键帧之间有什么特点。尝试改变第30帧中的篮球的大小、亮度或旋转一定角度，测试动画，看看有什么变化。分析“镜头2”动画结构镜头2”动画包括三部分：1、深蓝色的天空逐渐变成黑色。2、楼房的灯光逐渐熄灭。3、天空中的星星缓慢旋转。制作夜空及关灯动画实践：开“第5课镜头1.fla”文件，整理图层，文件另存为“第6课镜头2.fla”。思考：夜深了，如何处理让深蓝色的天空逐渐变成黑色？1、选择“夜空”图层，将第一帧的“夜空”转换为图形元件，在120帧处插入关键帧，把第120帧的“夜空调暗”。2、创建动作补间动画。实践：楼房的灯光逐渐熄灭，利用前面所学的逐帧动画的制作方法，实现关灯效果。制作群星旋转动画如何让星星同时在天空一边眨眼睛，一边缓慢的旋转？（一）制作“一群星星”的图形元件（二）制作星星转动动画1、回到“场景1”，设置“星星转动”图层的第1帧。2、设置“星星转动”，图层的第120帧。3、创建动作补间动画。实践：一颗流星从夜空中坠落，如果制作这一动作补间动画，应该在“属性”面板的哪里设置令流星下落的速度越来越快？实践与评估1、创建动作补间动画必须满足哪些条件？（ AB ）。A.至少有两个关键帧 B.关键帧的元件要一致 C.关键帧的元件可以不一样 D.有一个关键帧即可2、Flash动作补间可以制作以下哪些动画效果？（ AD ） A.正圆变椭圆 B. 星星变月亮 C. 圆变三角形 D.圆由小变大3、动作补间动画制作成功的标志是帧面板上显示（ AC ）？A. 黑色箭头连接 B. 虚线连接 C. 浅紫色背景 D.浅绿色背景实践与创作：1、根据第2课中小组自行设计《小星星》分镜头剧本，绘制出动画中的场景。2、尝试用简单的图形组合绘制校园一角。 分析、思考结合上一次课的例子。将夜空实例转换为元件听讲、理解与掌握。理解、应用 听讲、操作、实践自主学习 学会调用元件拖至场景。 理解动作补间动画的原理。学会分析动画的结构。更进一步掌握动画结构。老师讲、学生听，了解元件的转换方法。 了解动作补间动画的原理及应用，然后通过控制楼房灯光来更进一步加深应用。通过例子讲解，让学生了解到如何创建动作补间动画。让学生自主完成一群星星图形元件的操作。元件的新建方法。结合前面学习的内容，学生自己进行操作，绘制一群星星元件，结合效果调用元件至场景。
课堂小结 1、认识动作补间动画。2、利用动作补间动画让深蓝色的天空逐渐变成黑色。3、转换元件的方法。 选中帧 — 选中舞台实例 —“转换成元件”。4、调用元件的方法。 在库中找到元件—拖到编辑区。 学生回答 利用问题形式进行总结
板书 一、认识动作补间动画 动作补间动画定义。二、分析“镜头2”动画结构三、制作夜空及关灯动画 四、制作群星旋转动画 （一）制作“一群星星”的图形元件 （二）制作星星转动动画
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共34张PPT)
第6课 变幻的星空
——动作补间动画的制作
广东高等教育出版社 八年级上
新知导入
观看图形
如何实现图中的效果呢？
答：给图形添加动画效果
新知讲解
一、认识动作补间动画
什么是动作补间动画？
起始关键帧定义一个对象的属性（如形状、位置、大小、旋转），然后在结束关键帧改变这些属性，flash根据一定算法补充完整中间的帧而产生的动画。
新知讲解
探究
打开“第6课篮球.fla”文件，观察时间轴上有几个关键帧？关键帧之间有什么特点。尝试改变第30帧中的篮球的大小、亮度或旋转一定角度，测试动画，看看有什么变化。
新知讲解
二、分析“镜头2”动画结构
“镜头2”动画包括三部分：
1、深蓝色的天空逐渐变成黑色。
2、楼房的灯光逐渐熄灭。
3、天空中的星星缓慢旋转。
新知讲解
三、制作夜空及关灯动画
打开“第5课镜头1.fla”文件，整理图层，文件另存为“第6课镜头2.fla”
实践
新知讲解
思考？-？
夜深了，如何处理让深蓝色的天空逐渐变成黑色？
新知讲解
1、选择“夜空”图层，将第一帧的“夜空”转换为图形元件，在120帧处插入关键帧，把第120帧的“夜空调暗”。
1、选中“夜空”图层的第1帧
2、对着舞台打开快捷菜单，把“夜空”转换成元件
新知讲解
3、在第120帧插入关键帧
4、点击“夜空”元件的实例
5、设置“夜空”的亮度
新知讲解
2、创建动作补间动画。
1、在第1帧处打开快捷菜单
2、选择”创建补间动画“
新知讲解
实践
楼房的灯光逐渐熄灭，利用前面所学的逐帧动画的制作方法，实现关灯效果。
新知讲解
实践
第1帧
第35帧
新知讲解
实践
第35帧
第55帧
新知讲解
实践
第85帧
第120帧
新知讲解
四、制作群星旋转动画
如何让星星同时在天空一边眨眼睛，一边缓慢的旋转？
新知讲解
（一）制作“一群星星”的图形元件
1、创建“一群星星”的元件
2、调用“星星”元件，拖到一群星星的编辑区
新知讲解
3、多次调用“星星”元件，利用“任意变形工具”对不同的星星改变大小、旋转等操作
新知讲解
4、设置每颗星星播放不同的起始帧。
新知讲解
5、在第8帧插入帧。
新知讲解
（二）制作星星转动动画
1、回到“场景1”，设置“星星转动”图层的第1帧。
1、选中第1帧
2、拖至舞台
新知讲解
3、利用“任意变形工具”把旋转的中心移动到这
新知讲解
2、设置“星星转动”，图层的第120帧。
1、在第120帧处插入关键帧
2、顺时针旋转一定的角度
新知讲解
3、创建动作补间动画。
1、在第1帧处打开快捷菜单
2
课堂练习
实践
一颗流星从夜空中坠落，如果制作这一动作补间动画，应该在“属性”面板的哪里设置令流星下落的速度越来越快？
作业布置
1、利用Flash动作补间方法制作流星雨动画。
2、利用Flash动作补间方法制作风车旋转动画。
实践与创作
课堂延伸
观看流星动画：
课堂延伸
观看流星动画：
课堂延伸
观看风车动画：
拓展提高
2、Flash动作补间可以制作以下哪些动画效果？（ ）
A.正圆变椭圆 B. 星星变月亮 C. 圆变三角形 D.圆由小变大
3、动作补间动画制作成功的标志是帧面板上显示（ ）？
A. 黑色箭头连接 B. 虚线连接 C. 浅紫色背景 D.浅绿色背景
实践与评估
1、创建动作补间动画必须满足哪些条件？（ ）。
A.至少有两个关键帧 B.关键帧的元件要一致
C.关键帧的元件可以不一样 D.有一个关键帧即可
A
B
A
A
C
D
拓展提高
4、完成学习评估。
评估项目 掌握程度 我在本课学习中的最大收获和不足
较好 一般 较差
理解动作补间动画的原理
掌握创建动作补间动画的方法
理解调用元件
掌握动作补间动画的应用
我的学习效果达到了_____级 课堂总结
1、认识动作补间动画。
2、利用动作补间动画让深蓝色的天空逐渐变成黑色。
3、转换元件的方法。
选中帧 — 选中舞台实例 —“转换成元件”。
4、调用元件的方法。
在库中找到元件—拖到编辑区。
板书设计
一、认识动作补间动画
动作补间动画定义。
二、分析“镜头2”动画结构
三、制作夜空及关灯动画
四、制作群星旋转动画
（一）制作“一群星星”的图形元件
（二）制作星星转动动画
谢谢
21世纪教育网（www.21cnjy.com) 中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php(共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中小学教育资源及组卷应用平台
广东省高等教育版信息技术八年级上册
第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)
