中小学教育资源及组卷应用平台
广东省高等教育版信息技术八年级上册
第9课 让动画响起来 教学设计
课题 第9课 让动画响起来 单元 第一单元 学科 信息技术 年级 八年级
学习目标 理解遮罩动画的原理。了解动画的应用。掌握导入音乐的操作方法。
重点 掌握制作遮罩动画的方法。
难点 应用遮罩动画。
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 观看MV字幕。提问：MV字幕是最常见的，如何制作MV字幕？制作 flash MV 观看、欣赏、思考 激发学生的学习兴趣，初步了解遮罩动画。
讲授新课 认识遮罩动画遮罩，就是遮挡住下面的对象，按照特定形状来显示背景内容。遮罩动画，用遮罩来制作的动画就叫作遮罩动画。时间轴面板主要由图层和帧组成。 如果将一般的图层指定为遮罩层，则遮罩层下面的背景会按照遮罩层内的图案进行显示。探究打开“望眼镜.swf”文件，感受遮罩动画。再打开“望眼镜.fla”文件，认真观察时间轴上的遮罩层和被遮罩层，初步认识遮罩动画的特点。分析“字幕动画”的结构说一说卡拉OK字幕动画有什么特点？字幕包括“亮字幕”及“暗字幕”两个图层。“亮字幕”随着音乐节奏逐字出现。三、导入音乐新建一个Flash文件，把舞台大小设置为720x576（与之前制作动画舞台的大小一致），背景设为灰色，把“图层1”命名为“音乐”。文件名另存为“第9课字幕.fla”。如下图：1、导入声音 通过菜单“文件”—“导入”—“导入到舞台”—导入“小星星.mp3”音乐文件。2、设置音乐选择“音乐”图层的第1帧，在“属性”面板的“声音”下拉选项中选择“小星星.mp3”，“同步”设置为“数据流”。3、计算播完整首歌所需的帧数“小星星.mp3”播放长度是120.7s，而动画播放的速度一般设置为12帧/秒。所以需要帧数为120.7x12=1448.4。四、制作字幕如何制作几颗眨眼微笑的“星星”图形元件？1、 制作“亮字幕”图层实践： 根据分镜头剧本，确定关键帧，完成其他歌词的添加。2、制作遮罩动画。测试动画发现，这时的歌词是成句出现的，怎样做到逐字出现的效果呢？（1） 新建“挡板”的图形元件。（2）新建“遮罩”图层，把“挡板”拖到舞台文字的左侧。（3）设置“遮罩”图层的第300帧，创建补间动画。设置“遮罩”图层的设置为遮罩层。实践与创作: 利用遮罩技术制作滚动的字幕动画，画面有一电视屏幕，文字在其中由下向上的滚动显示。利用遮罩技术把1-9-14荷塘里的水制作出“水波涟漪”的效果。实践与评估1、遮罩动画一定有（ CD ）A.引导层 B.被引导层 C遮罩层 D.被遮罩层2、制作flash MV，声音属性的“同步”应该设置为（D）A.事件 B.开始 C.停止 D.数据流3、一个动画有两个图层，图层1是一幅风景，图层2是一个红色五角星，图层2为遮罩层，图层1为被遮罩层，则最终看到的效果是（ C ）。A.看到红色的五角星 B.看到里边是风景画的五角星C.看到整幅风景画 D.看到整幅风景画与红色五角星4、在一个遮罩层下，可以有（A）被遮罩层。A.1 B.2 C.3 D.多个 认识遮罩，明白遮罩和遮罩动画原理。分析、理解设计，动手操作。 听讲、操作、实践自主学习教师讲解，学生听讲，了解制作字幕过程的分析。学生动手自己制作挡板元件动画。思考、操作 教师讲解，以及便于学生理解和掌握。更进一步掌握字幕动画特点。学生了解导入音乐的操作方法。学生听老师讲解，了解导入音乐和设置音乐的方法。通过例子讲解，让学生了解到如何计算播完整首歌所需的帧数。结合前面学习的内容，学生自己进行挡板元件操作，以便更好的掌握工具的使用。设置遮罩层。
课堂小结 1、 遮罩，就是遮挡住下面的对象，按照特定形状来显示背景内容。 遮罩动画，用遮罩来制作的动画就叫作遮罩动画。2、导入声音 通过菜单“文件”—“导入”—“导入到舞台”—导入“小星星.mp3”音乐文件。3、设置音乐选择“音乐”图层的第1帧，在“属性”面板的“声音”下拉选项中选择“小星星.mp3”，“同步”设置为“数据流”。 学生回答 利用问题形式进行总结
板书 一、认识遮罩动画 遮罩层与被遮罩层。二、分析“字幕动画”的结构三、导入音乐四、制作字幕
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共36张PPT)
第9课 让动画响起来
—导入声音及遮罩动画的制作
广东高等教育出版社 八年级上
新知导入
MV字幕是最常见的。
观看MV字幕
制作 flash MV
新知讲解
一、认识遮罩动画
遮罩，就是遮挡住下面的对象，按照特定形状来显示背景内容。
遮罩动画，用遮罩来制作的动画就叫作遮罩动画。
新知讲解
如果将一般的图层指定为遮罩层，则遮罩层下面的背景会按照遮罩层内的图案进行显示。
新知讲解
打开“望眼镜.swf”文件，感受遮罩动画。再打开“望眼镜.fla”文件，认真观察时间轴上的遮罩层和被遮罩层，初步认识遮罩动画的特点。
新知讲解
望 眼 镜 动 画
新知讲解
二、分析“字幕动画”的结构
说一说卡拉OK字幕动画有什么特点？
交 流
字幕包括“亮字幕”及“暗字幕”两个图层。“亮字幕”随着音乐节奏逐字出现。
新知讲解
用遮罩动画实现，“亮字幕”与“暗字幕”两个图层叠加实现卡拉OK效果。
新知讲解
三、导入音乐
新建一个Flash文件，把舞台大小设置为720x576（与之前制作动画舞台的大小一致），背景设为灰色，把“图层1”命名为“音乐”。文件名另存为“第9课字幕.fla”。
新知讲解
新知讲解
1、导入声音
通过菜单“文件”—“导入”—“导入到舞台”—导入“小星星.mp3”音乐文件。
新知讲解
2、设置音乐
选择“音乐”图层的第1帧，在“属性”面板的“声音”下拉选项中选择“小星星.mp3”，“同步”设置为“数据流”。
新知讲解
1、选择“小星星.mp3”
2、选择数据流
3、小星星的长度是120.7s
新知讲解
3、计算播完整首歌所需的帧数
“小星星.mp3”播放长度是120.7s，而动画播放的速度一般设置为12帧/秒。所以需要帧数为120.7x12=1448.4。
新知讲解
四、制作字幕
1、制作“亮字幕”图层
1、新建“亮字幕图层”
2、选中第260帧
3、添加歌词
4、插入关键帧，把歌词改为第2句
新知讲解
实践
根据分镜头剧本，确定关键帧，完成其他歌词的添加。
新知讲解
2、制作遮罩动画。
测试动画发现，这时的歌词是成句出现的，怎样做到逐字出现的效果呢？
新知讲解
（1） 新建“挡板”的图形元件。
新知讲解
（2）新建“遮罩”图层，把“挡板”拖到舞台文字的左侧。
1、新建“遮罩图层”
2、选中第260帧
3、把“挡板”元件从库拖到歌词左边
新知讲解
（3）设置“遮罩”图层的第300帧，创建补间动画。
1、在第300帧插入关键帧
2、在第300帧，用“挡板”完全遮挡住歌词
3、在打开快捷菜单创建补间动画
新知讲解
实践
完成“遮罩”图层所有歌词“挡板”的补间动画
新知讲解
（4）设置“遮罩”图层的设置为遮罩层。
2、选择遮罩层
1、打开快捷菜单
新知讲解
测试动画
按Ctrl+Enter测试动画，“亮字幕”随着音乐逐字出现，“暗字幕”放在“亮字幕”下层（非被遮罩层）
新知讲解
实践
制作MTV的“暗字幕”
作业布置
1、利用遮罩技术制作滚动的字幕动画，画面有一电视屏幕，文字在其中由下向上的滚动显示。
实践与创作
作业布置
2、利用遮罩技术把1-9-14荷塘里的水制作出“水波涟漪”的效果。
实践与创作
作业布置
观赏遮罩效果动画
作业布置
观赏遮罩效果动画
拓展提高
1、遮罩动画一定有（ ）
A.引导层 B.被引导层 C遮罩层 D.被遮罩层
2、制作flash MV，声音属性的“同步”应该设置为（）
A.事件 B.开始 C.停止 D.数据流
实践与评估
C
D
D
拓展提高
3、一个动画有两个图层，图层1是一幅风景，图层2是一个红色五角星，图层2为遮罩层，图层1为被遮罩层，则最终看到的效果是（ ）。
A.看到红色的五角星 B.看到里边是风景画的五角星
C.看到整幅风景画 D.看到整幅风景画与红色五角星
4、在一个遮罩层下，可以有（）被遮罩层。
A.1 B.2 C.3 D.多个
实践与评估
C
A
拓展提高
5、完成学习评估。
评估项目 掌握程度 我在本课学习中的最大收获和不足
较好 一般 较差
理解遮罩动画的原理
掌握制作遮罩动画的方法
了解遮罩动画的应用
掌握音乐的导入及设置方法
掌握根据音乐调整字幕动画的方法
我的学习效果达到了_____级 课堂总结
1、 遮罩，就是遮挡住下面的对象，按照特定形状来显示背景内容。
遮罩动画，用遮罩来制作的动画就叫作遮罩动画。
2、导入声音
通过菜单“文件”—“导入”—“导入到舞台”—导入“小星星.mp3”音乐文件。
课堂总结
3、设置音乐
选择“音乐”图层的第1帧，在“属性”面板的“声音”下拉选项中选择“小星星.mp3”，“同步”设置为“数据流”。
板书设计
一、认识遮罩动画
遮罩层与被遮罩层。
二、分析“字幕动画”的结构
三、导入音乐
四、制作字幕
谢谢
21世纪教育网（www.21cnjy.com) 中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
