中小学教育资源及组卷应用平台
第10课 听指挥的动画 教学设计
课题 第10课 听指挥的动画 单元 第一单元 学科 信息技术 年级 八年级
学习目标 掌握合并动画文件的方法。理解按钮元件的4个帧。了解AS语言。掌握添加动作脚本的方法。
重点 理解按钮元件的4个帧。
难点 掌握添加动作脚本的方法。
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 观看动画、图形。将所有的镜头动画合并起来，加上“播放”和“重播”按钮，让动画听指挥。 观看、欣赏、思考 激发学生的学习兴趣，初步了解播放按钮。
讲授新课 《小星星》动画结构分析合成《小星星》动画，首先要根据分镜头剧本设计，第1帧制作一个片头画面。在动画的第1帧以及最后1帧分别加上“播放”和“重播”按钮。观察：打开镜头1-4的动画文件，查看这几个镜头的动画长度，算一算合并动画时这些镜头动画在时间轴上对应的起始帧和结束帧的序号。实践：打开“第4课夜空.fla”删除不需要的图层，加上文字，制作出《小星星》片头，文件另存为“第10课合成.fla”。二、合成动画文件打开镜头1-4的动画文件，按次序将每一个镜头动画的帧复制到“第10课合成”的时间轴中。如下图：合并过程中，系统会提示有冲突，选择“替换现有项目”。合并并调整引导线。三、制作播放按钮1、想看动画就点“播放”2、看完还想再欣赏就点击“重新播放”（一）认识按钮flash中按钮有4个帧，分别是：弹起帧、指针经过帧、按下帧和点击帧。观察: 测试影片，了解和观察按钮的状态2、打开这几个按钮元件，观察其时间轴上的关键帧的设置，并与同学们交流不同风格按钮的设计方法。3、尝试改动其中一个按钮的文字或“弹起”“指针经过”、“按下”三种状态，体验按钮的制作方法制作按钮1、创建一个按钮元件。将剩余的三帧依次“插入关键帧”，将“指针经过”帧的图形稍微放大一点。放置按钮将“播放”按钮放置在“按钮”图层的第1帧中。四、 添加脚本通过AS控制动画的播放、停止、跳转，也可以控制元件对象的动作属性等。1、选中“按钮”图层的第一帧，按F9打开“动作”面板，为第1帧添加动画脚本。2、选中舞台中的“播放”按钮，然后继续在“动作”面板添加脚本实践：1、根据前面分镜头剧本的设计，为《小星星》动画制作片尾动画。2、参照“播放”按钮的设置方法，在片尾最后1帧放置“重新播放”按钮以及添加相应的。探究：如何实现在动画播放过程中增加一个“停止播放”按钮，点击“停止播放”按钮时停止播放音乐，然后跳转到动画最后1帧并停止播放。通过添加gotoAndstop()脚本测试动画、导出影片导出影片（“文件”菜单—”导出“—”导出影片“）若需设置其他格式（“文件”菜单—”发布设置“）实践实践与创作： 将第3-9课“实践与创作”的作品集合到同一个动画文件中，并制作一个导航栏，实现作品间的自由切换。实践与评估1、在按钮元件中（ D ）帧的区域在舞台是不可见的。A.弹起 B.指针经过 C.按下 D.点击2、在 Action Script 2.0 以下的版本中可以加入AS的地方有（ ACD ） A. 关键帧 B. 普通帧 C. 按钮 D.影片剪辑3、Flash导出的影片的默认格式是（ A ）？ A. swf B. fla C. exe D.flv4、gotoAndSop（ 2 ）表示（ D ）A.跳转到第2场景并播放 B.跳转到第2场景并停止 C.跳转到第2帧并停止 D.跳转到第2帧并播放5、按__F9__键可以打开“动作”面板。6、Flash中的动作脚本语言是__AS。 进行结构分析，初步了解播放按钮与重播按钮。思考、实践合成动画。 听讲、操作、实践自主学习教师讲解，学生听讲，如何绘制按钮。学生动手自己制作按钮元件。理解、掌握理解掌握导出影片方法。 教师讲解，以及便于学生理解和掌握。更进一步掌握合成的操作方法。学生了解制作播放按钮的方法。认识按钮中的4个帧。 学生听老师讲解，了解创建按钮的方法，然后通过设置按钮更进一步掌握。通过例子讲解，让学生了解到如何制作按钮元件。试一试自主操作练习制作播放按钮。 让学生了解明白flash中需要添加脚本才能让动画听指挥。明白stop、play、gotoandstop脚本的用法。
课堂小结 1flash中按钮有4个帧，分别是：弹起帧、指针经过帧、按下帧和点击帧。2、制作按钮的方法：“弹起”“指针经过”、“按下”、“点击”3、动作脚本：stop、play、gotoAndStop(跳转到第几帧并停止)4、发布影片 学生回答 利用问题形式进行总结
板书 一、《小星星》动画结构分析 二、 合成动画文件三、制作播放按钮 （一）认识按钮 （二）制作按钮 （三）放置按钮四、添加脚本五、测试动画、导出影片
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共44张PPT)
第10课 听指挥的动画
—动画按钮的制作及脚本设计
广东高等教育出版社 八年级上
新知导入
将所有的镜头动画合并起来，加上“播放”和“重播”按钮，让动画听指挥。
观看图形
新知讲解
一、《小星星》动画结构分析
合成《小星星》动画，首先要根据分镜头剧本设计，第1帧制作一个片头画面。
在动画的第1帧以及最后1帧分别加上“播放”和“重播”按钮。
新知讲解
观察
打开镜头1-4的动画文件，查看这几个镜头的动画长度，算一算合并动画时这些镜头动画在时间轴上对应的起始帧和结束帧的序号。
新知讲解
观察
镜头 文件名 动画长度 起始帧 结束帧
片头 第10课合成.fla 1帧 1 1
1 第5课镜头1.fla 60帧 2 61
2 第6课镜头2.fla 120 62 181
3 第7课镜头3.fla 60 182 241
4 第8课镜头4.fla 120 242 361
字幕 第9课字幕.fla 60 2 61
新知讲解
实践
打开“第4课夜空.fla”删除不需要的图层，加上文字，制作出《小星星》片头，文件另存为“第10课合成.fla”。
新知讲解
实践
新知讲解
二、合成动画文件
打开镜头1-4的动画文件，按次序将每一个镜头动画的帧复制到“第10课合成”的时间轴中。
新知讲解
1、在课本的动画中插入图层
2、选中镜头1的所有动画
3、复制帧
4、选中本课动画最上面图层的第2帧
5、粘贴帧
新知讲解
合并过程中，系统会提示有冲突，选择“替换现有项目”。
新知讲解
实践
根据表1-10-1里每个镜头动画对应的起始帧，将镜头2-4以及字幕的动画复制到第10课动画的时间轴中。
新知讲解
合并并调整引导线。
把引导层重新拖到引导层的里层
新知讲解
三、制作播放按钮
1、想看动画就点“播放”
2、看完还想再欣赏就点击“重新播放”
新知讲解
（一）认识按钮
flash中按钮有4个帧，分别是：弹起帧、指针经过帧、按下帧和点击帧。
新知讲解
弹起帧 指针经过帧 按下帧 点击帧
显示没有鼠标操作时按钮的状态。 显示当鼠标处于按钮上方时按钮的状态。 显示当鼠标按下时按钮的状态。 设置鼠标按下时能做出反应的区域（舞台不可见）。
新知讲解
探究
新建一个flash文档，然后在“窗口”菜单中找到“公用库”—“按钮“，打开公用按钮库，选几个不同风格的按钮拖入舞台中。
新知讲解
探究
1、测试影片，了解和观察按钮的状态
新知讲解
探究
2、打开这几个按钮元件，观察其时间轴上的关键帧的设置，并与同学们交流不同风格按钮的设计方法。
新知讲解
探究
3、尝试改动其中一个按钮的文字或“弹起”“指针经过”、“按下”三种状态，体验按钮的制作方法
新知讲解
（二）制作按钮
1、创建一个按钮元件。
1、将元件名称改为“播放”
2、选中“弹起”帧
3、在舞台中央画一个正方形，并使用渐变颜色填充
新知讲解
2、将剩余的三帧依次“插入关键帧”，将“指针经过”帧的图形稍微放大一点。
1、将三帧依次“插入关键帧”
2、选中“指针经过”帧
3、将“指针经过”帧的三角形稍微变大
新知讲解
实践
根据个人喜好设计一个带文字的“重新播放”按钮。
新知讲解
（三）放置按钮
将“播放”按钮放置在“按钮”图层的第1帧中。
1、增加图层，命名为“按钮”
2、选中第1帧
3、将“播放按钮拖入舞台”
4、在第2帧插入空白关键帧
新知讲解
交 流
测试影片，检查播放按钮能否起作用，想一想为什么？
没有起作用，因为没有添加脚本
新知讲解
四、添加脚本
按钮添加动作控制脚本才能起作用，交互性动画效果就是通过AS（Action Script）
通过AS控制动画的播放、停止、跳转，也可以控制元件对象的动作属性等。
新知讲解
1、选中“按钮”图层的第一帧，按F9打开“动作”面板，为第1帧添加动画脚本。
1、打开脚本助手
2、双击stop，添加stop语句
stop功能是停止播放影片
表示当前编辑脚本的位置“按钮”图层的第1帧
新知讲解
2、选中舞台中的“播放”按钮，然后继续在“动作”面板添加脚本
1、打开脚本助手
2、双击goto，添加goto语句
3、输入2
goto功能是转到影片
指定的帧
表示当前编辑脚本的位置“播放”按钮
新知讲解
实 践
1、根据前面分镜头剧本的设计，为《小星星》动画制作片尾动画。
2、参照“播放”按钮的设置方法，在片尾最后1帧放置“重新播放”按钮以及添加相应的。
新知讲解
探 究
如何实现在动画播放过程中增加一个“停止播放”按钮，点击“停止播放”按钮时停止播放音乐，然后跳转到动画最后1帧并停止播放。
通过添加gotoAndstop()脚本
新知讲解
五、测试动画、导出影片
导出影片（“文件”菜单—”导出“—”导出影片“）
新知讲解
若需设置其他格式（“文件”菜单—”发布设置“）
1、选择要发布的格式
新知讲解
探究
搜索资料，了解图1-10-13中各种格式文件的特点及适用范围。
新知讲解
Flash HTML GIF JPEG PNG
体积小、兼容性好、直观动感、互动性强大。 1 简易性 2 可扩展性 3 平台无关性 优点（动画存储格式），缺点（最多256色，画质差） 优点（文件小，利于网络传输），缺点（画质损失） 优点（可保存透明背景的图片），缺点（画质中等）
作业布置
将第3-9课“实践与创作”的作品集合到同一个动画文件中，并制作一个导航栏，实现作品间的自由切换。
实践与创作
作业布置
观赏导航栏动画
作业布置
观赏导航栏动画
拓展提高
1、在按钮元件中（ ）帧的区域在舞台是不可见的。
A.弹起 B.指针经过 C.按下 D.点击
2、在 Action Script 2.0 以下的版本中可以加入AS的地方有（ ）
A. 关键帧 B. 普通帧 C. 按钮 D.影片剪辑
3、Flash导出的影片的默认格式是（ ）？
A. swf B. fla C. exe D.flv
实践与评估
D
A
C
D
A
拓展提高
4、gotoAndSop（ 2 ）表示（ ）
A.跳转到第2场景并播放 B.跳转到第2场景并停止
C.跳转到第2帧并停止 D.跳转到第2帧并播放
5、按__________键可以打开“动作”面板。
6、Flash中的动作脚本语言是_________________________。
实践与评估
C
F9
AS（Action Script）
拓展提高
7、完成学习评估。
评估项目 掌握程度 我在本课学习中的最大收获和不足
掌握合并动画文件的方法 较好 一般 较差
理解按钮元件的4个帧
掌握制作按钮的方法
了解Acion Script语言
掌握添加动作脚本的方法
掌握发布影片的操作方法
我的学习效果达到了_____级 课堂总结
1、flash中按钮有4个帧，分别是：弹起帧、指针经过帧、按下帧和点击帧。
弹起帧 指针经过帧 按下帧 点击帧
显示没有鼠标操作时按钮的状态。 显示当鼠标处于按钮上方时按钮的状态。 显示当鼠标按下时按钮的状态。 设置鼠标按下时能做出反应的区域（舞台不可见）。
课堂总结
2、制作按钮的方法：“弹起”“指针经过”、“按下”、“点击”
3、动作脚本：stop、play、gotoAndStop(跳转到第几帧并停止)
4、发布影片
板书设计
一、《小星星》动画结构分析
二、 合成动画文件
三、制作播放按钮
（一）认识按钮
（二）制作按钮
（三）放置按钮
四、添加脚本
五、测试动画、导出影片
谢谢
21世纪教育网（www.21cnjy.com) 中小学教育资源网站
有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
