粤高教版 (2018)第10课 听指挥的动画——动画按钮的制作及脚本设计教案

导入新课

观看动画、图形。

将所有的镜头动画合并起来，加上“播放”和“重播”按钮，让动画听指挥。

观看、欣赏、思考

激发学生的学习兴趣，初步了解播放按钮。

讲授新课

一、《小星星》动画结构分析

         合成《小星星》动画，首先要根据分镜头剧本设计，第1帧制作一个片头画面。

         在动画的第1帧以及最后1帧分别加上“播放”和“重播”按钮。

        

         观察：

打开镜头1-4的动画文件，查看这几个镜头的动画长度，算一算合并动画时这些镜头动画在时间轴上对应的起始帧和结束帧的序号。

         实践：

打开“第4课夜空.fla”删除不需要的图层，加上文字，制作出《小星星》片头，文件另存为“第10课合成.fla”。

二、合成动画文件

         打开镜头1-4的动画文件，按次序将每一个镜头动画的帧复制到“第10课合成”的时间轴中。

         如下图：

合并过程中，系统会提示有冲突，选择“替换现有项目”。

合并并调整引导线。

三、制作播放按钮

1、想看动画就点“播放”

2、看完还想再欣赏就点击“重新播放”

（一）认识按钮

flash中按钮有4个帧，分别是：弹起帧、指针经过帧、按下帧和点击帧。

观察:

1、测试影片，了解和观察按钮的状态

2、打开这几个按钮元件，观察其时间轴上的关键帧的设置，并与同学们交流不同风格按钮的设计方法。

3、尝试改动其中一个按钮的文字或“弹起”“指针经过”、“按下”三种状态，体验按钮的制作方法

（二）制作按钮

1、创建一个按钮元件。

2、将剩余的三帧依次“插入关键帧”，将“指针经过”帧的图形稍微放大一点。

（三）放置按钮

将“播放”按钮放置在“按钮”图层的第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.flv

4、gotoAndSop（ 2 ）表示（ D  ）

A.跳转到第2场景并播放        B.跳转到第2场景并停止       

C.跳转到第2帧并停止           D.跳转到第2帧并播放

5、按__F9__键可以打开“动作”面板。

6、Flash中的动作脚本语言是__AS。

进行结构分析，初步了解播放按钮与重播按钮。

思考、实践

合成动画。

听讲、操作、实践

自主学习

教师讲解，学生听讲，如何绘制按钮。

学生动手自己制作按钮元件。

理解、掌握

理解

掌握导出影片方法。

教师讲解，以及便于学生理解和掌握。

更进一步掌握合成的操作方法。

学生了解制作播放按钮的方法。认识按钮中的4个帧。

学生听老师讲解，了解创建按钮的方法，然后通过设置按钮更进一步掌握。

通过例子讲解，让学生了解到如何制作按钮元件。试一试自主操作练习制作播放按钮。

让学生了解明白flash中需要添加脚本才能让动画听指挥。

明白stop、play、gotoandstop脚本的用法。

课堂小结

1、1flash中按钮有4个帧，分别是：弹起帧、指针经过帧、按下帧和点击帧。

2、制作按钮的方法：“弹起”“指针经过”、“按下”、“点击”

3、动作脚本：stop、play、gotoAndStop(跳转到第几帧并停止)

4、发布影片

学生回答

利用问题形式进行总结

板书

一、《小星星》动画结构分析                  

二、 合成动画文件

三、制作播放按钮

                          （一）认识按钮

                          （二）制作按钮

                          （三）放置按钮

四、添加脚本

五、测试动画、导出影片