项目一2006世界杯

1、课时授课计划课时分配： 8 节 编写日期：2010 年02月20日课 题项目一：介绍一个比较简单的Flash网络动画，以2006世界杯为主题目的和要求1. 了解制作标准Flash动画的一个基本流程2. 认识和掌握制作最为典型的补间动画难点重点重点：Flash动画制作中的一些基本概念和术语难点：制作最为典型的补间动画并编写简单的AS代码组织教学（包括教学环节，内容提出，时间分配，教具等）教学环节：1. 复习旧课，引入新课（20分钟）2. 讲授新课（140分钟）3. 上机操作（180分钟）4. 小结并布置下节课任务（20分钟）内容提纲： 创建元件、实例 创建关键帧动画 使用绘图工具绘制简单矢量图形

2、 使用文本工具创建文字对象 使用AS代码添加链接 Flash动画的发布教学方法：1. 启发式教学法2. 案例式教学法3. 讲授与提问相结合4. 比较教学法课外作业创建一段以2006世界杯为主题的Flash宣传动画 动漫教研室 吴 鹃西安职业技术学院教案稿纸讲 授 内 容作业与补充项目一：介绍一个比较简单的Flash网络动画，以2006世界杯为主题本次课的要点：本节将简单介绍：以2006世界杯为主题，通过对本实例的学习，了解制作标准Flash动画的一个基本流程，以及Flash动画制作中的一些基本概念和术语，包括舞台、帧、时间轴、图层、库、元件、实例等。另外还将制作最为典型的补间动画并编写简单的A

3、S代码，用以添加跳转到指定网站页面的功能，最终还将发布文件，并在浏览器中进行测试。本节主要内容： 创建新的Flash动画文件 创建元件、实例 创建关键帧动画 使用绘图工具绘制简单矢量图形 使用文本工具创建文字对象 使用AS代码添加链接 Flash动画的发布2.1实例说明与学习目标实例说明本章实例中，将要创建一段以2006世界杯为主题的Flash宣传动画，其中将突出表现本届足球世界杯的标志，大力神杯以及夺冠热门球队的国旗等内容。学习目标通过本章实例的学习，将首先对制作标准Flash动画基本流程有一个充分的了解，并且熟悉制作最为典型的补间动画方法。补间动画是Flash动画动画的最常见形式，在实际工

4、作中将会大量应用。另外，在动画中还会添加简单的AS代码，用以添加跳转到指定网站页面的功能。使用代码控制动画播放，是Flash动画的一大特色。2.2实例的实现过程与操作步骤操作步骤2.2.1准备文件本节首先创建一个新的Flash动画文件，并设置好舞台尺寸，动画帧频等参数。(1) 新建一个空白文档(2) 尺寸对应的【宽】和【高】分别输入400和250，重新设置舞台尺寸(3) 单击【背景颜色】按钮，在打开的颜色选取器中选择黑色(4) 帧频设为12fps帧频是动画播放的速度，以每秒播放的帧数为单位。帧频过慢会使动画看起来停顿效果特别明显，而帧频过快会使动画的细节变得模糊，无法看清出动画内容。在Web网

5、络中，每秒12帧（fps）帧频通常会得到最佳效果。(5) 选择【文件】|【保存】保存为：2006世界杯。扩展名为默认的.fla(6) 单击保存(7) 接下来要将动画需要使用的图片文件全部导入Flash的【库】面板中。选择【文件】|【导入】|【导入到库】命令(8) 在打开【导入到库】对话框中选择第二章的文件夹中图片文件(9) 单击打开按钮，将所选择图片文件导入【库】面板中。2.2.2创建Logo标识动画本节将制作整个Flash动画的第一部分，即标识动画。这是一个简单而且非常典型的关键帧缩放动画，其中会用到创建元件、缩放实例大小、在时间轴上创建补间动画等技术。(1) 接下来将使用导入的Logo图形

6、文件制作整个动画的第一部分。首先双击当前默认的图层名称，修改为Logo。(2) 在【库】面板中选择名为Logo.png的位图，将之拖动到舞台上。(3) Flash提供了元件功能，将动画中需要使用的图形元素转化为元件后，可重复使用，选择【修改】|【转换为元件】命令，打开【转换为元件】对话框(4) 在【名称】文档中输入元件的名称Logo类型设置为【影片剪辑】(5) 单击【确定】按钮关闭对话框，转换为元件后，舞台上的图形对象显示蓝色边框。(6) 确认当前舞台中的Logo实例进出于选择状态，选择【修改】|【转换为元件】命令，再次创建一个【影片剪辑】名称为Logo动画(7) 双击舞台的Logo动画实例，

7、进入Logo动画实例的编辑模式(8) 选择舞台上的实例，打开【属性】面板，单击左下角锁定实际的宽高比(9) 宽：183，高自动变化，以保持原来的宽高比例，缩小的实例(10) 将实例移动到舞台中央，可通过【属性】面板指定该实力的坐标。在X和Y文本框中分别输入70、65.(11) 在时间轴中单击第7帧，选择【插入】|【时间轴】|【关键帧】命令(12) 选择时间轴中的第1帧，然后在舞台中选择实例，此时【属性】面板中显示与该实例相关的参数设置(13) 单击【颜色】下拉列表框，在弹出的下拉列表中选择Alpha选项，Flash默认将Alpha参数设置为0，及透明度为0(14) 选择时间轴中的第7帧，会发现

8、实例仍然会完全显示，即透明度为100，这样就可以创建一个图像逐渐淡入的动画效果，而中间的过渡效果可以由Flash的补间动画功能自动完成(15) 选择第17之间的任意一帧，在属性面板中单击【补间】下拉列表框，选择其中的【动画】选项，创建补间动画(16) 选择第16帧，创建关键帧。在这一帧中部修改当前实例的任何属性，它将继承前一关键帧（即第7帧）的属性。这样动画在第7-16帧之间不发生变化(17) 在第23帧上创建关键帧，选择舞台上的实例，在【属性】面板中将实例宽度设置为85，实例人保持原来的宽高比(18) 将缩小后的实例移动到舞台左下方，也可在【属性】面板的X、Y文本框中分别输入宽高的值-23，

9、180(19) 单击【颜色】下拉列表框，在弹出的下拉列表中选择Alpha选项，将实例透明度设置为0(20) 在时间轴上选择第16-23帧之间的任意一帧，在【属性】面板中单击【补间】下拉列表框，选择其中的【动画】选项，创建补间动画(21) 这样就创建了一个Logo图标逐渐显示在舞台中央，停留一段时间后，又向舞台左下方运动并逐渐缩小而且淡出的动画(22) 单击时间轴上方的【场景1】按钮，返回到整个动画的主时间轴。由于前面的动画都是在Logo动画影片剪辑中制作的，因此当前主时间轴中仍然只是在第一帧上有个关键帧，其他未空白。2.2.3创建地图动画本节将创建整个Flash动画的第二部分，及地图动画，在这

10、一节将使用Flash的绘图工具绘制直线等简单图形，并设置相应的关键帧动画(1) 接下来真被创建整个Flash动画的第2部分-地图动画。首先将【库】面板中名为地图.png的图形拖动到舞台上(2) 这个地图图形尺寸与舞台相同，因此需要将它与舞台对齐，可在舞台中选择该实例后在【属性】面板的XY文本框中均输入0(3) 在选择图形对象的情况下，将图形对象转换为【影片剪辑】元件，元件名称为地图(4) 选择舞台上的地图实例，再次转换为【影片剪辑】类型的元件，元件名为地图动画(5) 双击舞台上地图动画实例，进入地图动画元件的编辑模式(6) 双击当前的【图层1】图层，将命令该图层重新命名为地图背景(7) 选择该

11、层的第20帧，选择【插入】|【时间轴】|【帧】命令，在第20帧位置上插入一个普通帧，由于目前阶段地图背景并不产生动画，因此只要插入普通帧即可(8) 单击时间轴左下角的插入图层按钮，新建一个图层，并将该图层命名为水平线(9) 单击时间轴左侧工具箱中的线条工具按钮，将工具箱底部【笔触颜色】设置为白色。(10) 按住shift键，同时用鼠标在舞台上绘制一段白色的水平直线(11) 选择该水平直线图形对象，将其转换为【图形】类型的元件，名称为水平直线(12) 在【属性】面板中将该实例的Y轴坐标设置为25，使之位于舞台上半部分(13) 选择水平直线图层的第5帧，插入关键帧(14) 选择舞台上的水平直线实例

12、，在【属性】面板中将该实例的Y轴坐标设置为230，使之位于舞台下半部分(15) 选择水平直线图层的第10帧，插入关键帧(16) 选择舞台上的水平直线实例，在【属性】面板中将该实例的Y轴坐标设置为25，使之重新回到与第1帧相同的初始位置(17) 当前图层默认长度为与底部图层相同，即20帧。而根据动画设计方案，这里的水平直线动画只有10帧的长度，因此需要将第11-20帧删除。按住shift键，依次单击第11帧和第20帧，同时选择第11-20帧(18) 删除帧(19) 在第5帧右击创建补间动画，在第10帧右击创建补间动画，或者方法二：分别选择第1-5和第5-10帧之间的任意一帧，在【属性】面板中单击

13、【补间】下拉列表框，选择【动画】选项创建补间动画。(20) 新建一个图层，并重新命名为垂直直线(21) 按住shift键，同时用鼠标在舞台上绘制一段垂直直线(22) 选择该水平直线图形对象，将其转换为【图形】类型的元件，名称为垂直直线(23) 在【属性】面板中将该实例的X轴坐标设置为30(24) 选择第1帧，然后将该帧拖动到第10帧的位置上。(25) 选择第20帧，插入关键帧，该帧会继承前面第10帧的属性(26) 在第15帧的位置插入关键帧，然后选择垂直直线实例，在【属性】面板中该实例X轴坐标设为375(27) 分别选择第10-15和第15-20帧之间的任意一帧，在【属性】面板中单击【补间】下

14、拉列表框，选择【动画】选项创建补间动画。(28) 分别在地图背景图层的第21帧和第28位置插入关键帧，选择第21帧(29) 在舞台中选择地图实例，在属性面板中，单击【颜色】下拉列表，选择alpha选项设为0(30) 选择第21-28帧之间的任意一帧，在【属性】面板中单击【补间】下拉列表框，选择【动画】选项创建补间动画。得到动画由黑屏到淡入地图背景的动画效果(31) 选择地图背景图层第80帧，插入普通帧，这是整个地图动画部分的总长度(32) 新建一个图层，并命名为水平直线1(33) 右击水平直线图层的第10帧，在弹出的快捷菜单中选择【复制帧】命令(34) 右击水平直线1图层的第21帧，在弹出的快

15、捷菜单中选择【粘贴帧】命令(35) 分别在水平直线1图层的第35帧和第50帧上插入关键帧(36) 选择第35帧，然后选择舞台上的水平直线实例，将它Y坐标设为220(37) 选择第50帧，将水平直线实例的Y轴坐标设置为92。(38) 分别选择第21-35和第35-50帧之间的任意一帧，在【属性】面板中单击【补间】下拉列表框，选择【动画】选项创建补间动画。(39) 再创建一个新的图层，重新命名为垂直直线1(40) 将垂直直线图层的第20帧复制到垂直直线图层的第21帧上(41) 分别在第35帧和第50帧上创建关键帧，然后调整这两个关键帧中垂直直线实例在X轴坐标，分别为360和243(42) 分别选择

16、第21-35和第35-50帧之间的任意一帧，在【属性】面板中单击【补间】下拉列表框，选择【动画】选项创建补间动画。(43) 创建一个新的图层，命名为圆环。在第55帧的位置上插入关键帧(44) 选择工具箱中的椭圆工具按钮，在属性面板中将笔触颜色设置为黄色，将填充颜色设置为没有颜色，将笔触高度设为4(45) 按住shift键，同时用鼠标在舞台上绘制一个图形，图形的圆心应位于当前舞台中两条直线的交点上(46) 单击工具箱中的选择工具按钮，选择舞台上的圆形(47) 将图形转换为【图形】类型的元件，并命名为基本圆环(48) 选择舞台中的这个实例，转换为【图形】类型的元件，并命名为圆环(49) 双击圆环实

17、例，进入圆环元件的编辑模式(50) 将【库】面板中名称为基本圆环的元件拖动到舞台上(51) 选择新添加的实例，在【属性】面板中锁定宽高比，并在【宽】文本框中输入20，将修改后的实例移动到与舞台上原来的实例同心的位置(52) 单击时间轴上方的地图动画按钮，或者单击其左侧的按钮，返回到地图动画影片剪辑元件的编辑模式(53) 同时选择第56-61帧，选择【修改】|【时间轴】|【转换为关键帧】命令，将所选帧全部转换为关键帧(54) 按住ctrl，单击第56、58、60帧，清除帧，这样就会得到圆环闪烁的效果，这也是一种逐帧动画(55) 在第65帧上插入关键帧，准备制作大小变化的补间动画(56) 选择舞台

18、上的圆环实例，在【属性】面板中锁定宽高比，然后将该实例高度设置为10(57) 选择第61-65帧之间的任意一帧，创建补间动画(58) 同时选择第61-65帧并右击，在弹出的快捷菜单中选择【复制帧】命令(59) 右击第66帧，在弹出的快捷菜单中选择【粘贴帧】命令，此时原来的动画帧向右侧平移，所以【粘贴帧】命令相当于将复制的帧插入进来(60) 右击第71帧，在弹出的快捷菜单中选择【粘贴帧】(61) 选择由于复制帧而多出来长度第81-88帧，清楚所选择的帧(62) 单击时间轴上方的【场景1】按钮，返回到整个动画的主时间轴2.2.4创建国旗动画本节将创建整个flash动画的第三部分，即国旗动画，在这一

19、节中除了创建关键帧动画之外，还要用到重要的对齐工具，以便在舞台上快速对齐实例对象(1) 将【库】面板中的大力神杯.png图形添加到舞台上，选择该图形对象，转换为【影片剪辑】类型的元件，并命名为大力神杯(2) 在【属性】面板中锁定宽高比，在【宽】文本框中输入86，调整后的大力神杯实例(3) 选择当前编辑的实例，转换为【影片剪辑】类型的元件，并命名为国旗动画(4) 双击国旗动画实例，进入元件编辑模式(5) 将当前默认的“图层1”图层重新命名为大力神杯(6) 在第5帧插入关键帧，然后选择第1帧(7) 选择舞台上的大力神杯实例，在【属性】面板中锁定宽高比，并在【宽】文本框中输入10(8) 将该实例移动

20、到地图动画中两直线的交点位置，调整后的大力神杯实例(9) 选择第1-5帧的任意一帧，在【属性】面板设置补间动画(10) 在第20和第30帧插入关键帧，然后选择第30帧(11) 选择舞台上的实例，在【属性】面板中锁定宽高比，在【宽】文本框中输入50，将该实例的XY坐标设置为（-135，5）(12) 选择第20-30帧的任意一帧，在【属性】面板设置补间动画(13) 新建一个图层，并重新命名为体育场背景(14) 默认状态下新建图层位于当前图层的上方，而体育场背景图层应该位于大力神杯图层下方，因此将体育场背景图层拖动到下方(15) 确认当前选择的是体育场背景图层，将【库】面板中的体育场.jpg图像拖到

21、舞台上，将图像对象的左下角与舞台左下角对齐(16) 选择舞台上的体育场图形，将之转换为【图形】类型的元件，并命名为体育场(17) 选择体育场背景图层的第1帧，并将之移动到第5帧，使前4帧为空白(18) 在第15帧的位置插入关键帧，然后选择第5帧(19) 选择舞台上的体育场实例，在属性面板上单击【颜色】下拉列表框，选择alpha设为0(20) 选择第5-15帧的任意一帧，在【属性】面板设置补间动画(21) 向后移动时间轴，在第100帧的位置插入关键帧。选择第100帧，然后选择舞台上的体育场实例(22) 在属性面板中将实例的X轴坐标设置为-250，使之产生由舞台右侧向左侧移动的动画效果(23) 选

22、择15-100帧之间的任意一帧，在【属性】面板设置补间动画(24) 选择第115帧，插入普通帧，这是当前国旗动画影片剪辑的总长度(25) 选择大力神杯图层，在115帧上同样插入普通帧，是该实力在动画期间一直显示(26) 创建一个新图层，并重新命名为标识将【库】面板中的标识.jpg拖动到舞台中的右侧(27) 选择该位图实例，将之转换为【图形】类型的元件，并命名为标识(28) 选择标识的实例，在【属性】面板中锁定宽高比，并将宽度设置为84(29) 选择标识图层第1帧，并将之移动到第30帧(30) 在第35帧的位置插入关键帧，选择舞台上的标识实例，将之水平移动到舞台的中央位置(31) 选择30-35

23、帧之间的任意一帧，在【属性】面板设置补间动画(32) 创建一个新图层，并重新名为足球，将【库】面板中的足球.png拖动到舞台的左侧(33) 选择该位图实例，将之转换为【图形】类型的元件，并命名为足球(34) 选择足球的实例，在【属性】面板中锁定宽高比，并将宽度设置为100(35) 选择标识图层第1帧，并将之移动到第35帧(36) 在第40帧的位置插入关键帧，选择舞台上的足球实例，将之水平移动到舞台的中偏右的位置(37) 选择35-40帧之间的任意一帧，在【属性】面板设置补间动画(38) 创建一个新图层，并重新名为国旗，将【库】面板中的所有国旗图片拖动到舞台底部空白位置(39) 在【属性】面板中

24、锁定宽高比，依次将12个国旗位图实例的大小均设为106*65(40) 将当前这些位图实例大致水平排列，此时不必精确定位，下面将使用对齐工具进行快速对齐设置(41) 选择【窗口】|【对齐】命令，打开【对齐】面板。取消（相对于舞台）按钮的按下状态(42) 选择舞台上所有国旗的位图实例，单击垂直中齐按钮，使实力在垂直方向上全部居中对齐(43) 单击水平居中按钮，使实例在水平方向上平均居中分布，这样就得到比较均匀整齐的排列效果(44) 选择舞台上所有国旗的位图实例，转换为【图形】类型元件，并命名为全部国旗(45) 选择国旗图层的第1帧，将之移动到第40帧(46) 将全部国旗实例移动到舞台右侧靠下方的位

25、置(47) 在第115帧上插入关键帧，然后选择舞台上的实例，将之水平向左移动(48) 选择40-115帧之间的任意一帧，在【属性】面板设置补间动画(49) 选择第50帧，插入关键帧(50) 选择第40帧，然后选择舞台上的全部国旗实例(51) 在在属性面板上单击【颜色】下拉列表框，选择alpha设为50%(52) 在第105帧位置插入关键帧，然后选择第115帧，使用相同的方法将该帧的实例透明度设置为50%(53) 拖动播放头，可以在舞台中查看当前影片剪辑的动画效果(54) 单击时间轴上方的【场景1】按钮，返回到整个动画的主时间轴(55) 选择【文件】|【保存】命令，保存当前编辑的文档2.2.5创

26、建文字动画本节创建整个flash动画的第三部分，即文字动画，在这一节中将使用flash的文字工具来创建文字内容，并使用这些文字对象制作文字动画(1) 下面将制作最后一段文字动画，单击工具箱中的文字工具按钮(2) 在【属性】面板中单击最左侧下拉列表框，选择【静态文本】选项(3) 单击【字体】下拉列表框，将文字字体设置为黑体(4) 将字体大小设置为28，字体颜色设为黄色，并单击切换为粗体按钮(5) 单击【字体呈现方法】下拉列表，选择其中的【可读性消除锯齿】选项(6) 在舞台上适当位置单击，输入文字2006德国 柏林鏖战在即(7) 单击工具箱中选择工具按钮，单击舞台上的文字实例(8) 将当前文字实例

27、转换为【影片剪辑】类型的元件，并命名为文字动画(9) 双击文字动画实例，进入原件的编辑模式(10) 选择【修改】|【分离】命令，将文字实例分离(11) 分别在时间轴的第43、52、54、56、58、60、62、115帧插入关键帧(12) 同时选择第52-53帧，按DEL将之删除为空白帧(13) 使用相同方法将第56-57帧和第60-62帧删除为空白帧。这样将得到文字交替出现的闪动动画效果(14) 分别在第4、7、10、16、19、25、28、34、37、40帧插入关键帧，准备制作文字逐个出现的打字机动画效果(15) 选择第一帧，将舞台上除了第1个文字2以外的所有文字删除掉，由于前面进行了分离操

28、作，因此这里可以单独删除指定的文字(16) 选择第4帧，将舞台上除了 20以外的所有文字删除掉(17) 使用相同的方法依次设置后面的关键帧内容。第7帧内容为200；第10帧内容为2006；第16帧内容为2006 德；第19帧内容为2006 德国；第25帧内容为2006 德国 柏；第28帧内容为2006 德国 柏林；第34帧内容为2006 德国 柏林 鏖；第37帧内容为2006 德国 柏林 鏖战；第40帧内容为2006 德国 柏林 鏖战在；第43帧内容不做任何修改，因此应该是完整的内容。(18) 为了能够清楚地观察文字动画效果，可以直接双击【库】面板中的文字动画元件，这样就会直接显示舞台背景颜色

29、黑色，而不会显示舞台中其他图层内容。拖动播放头看效果(19) 单击时间轴上方的【场景1】按钮，返回到整个动画的主时间轴2.2.6整合主时间轴在完成前段动画制作之后，这届将这些动画片段进行整合，以组成一段完整的flash动画(1) 前面的动画都是在【影片剪辑】类型的元件中制作的，当前主时间轴上还只有一个关键帧，当然这些元件都已经摆放在了舞台上(2) 下面需要移动各个影片剪辑动画出现的次序对主时间轴进行排列整合。由于logo动画影片剪辑的长度为23帧，因此选择当前图层的第23帧，插入普通帧(3) 新建一个图层，并重命名为文字动画(4) 选择舞台上的文字动画实例，选择【编辑】|【剪切】命令(5) 选

30、择文字动画图层的第1帧，由于其中还没有内容，因此仍为空白帧(6) 选择【编辑】|【粘贴到当前位置】命令，将所选择实例由原来的logo图层移动到文字动画图层，并且文字不会发生改变(7) 选择当前图层的最后一帧，将之移动到第220帧。选择第1帧，将之移动到第128帧(8) 新建一个图层，并重新名为国旗动画将国旗动画图层移动到“文字动画”图层下方，以避免将文字动画内容遮住(9) 选择舞台上的“国旗动画”实例，选择【编辑】|【剪切】命令(10) 选择国旗动画图层的第1帧，选择【编辑】|【粘贴到当前位置】命令，将所选择实例由原来的logo图层移动到国旗动画图层(11) 将第1帧移动到第108帧，即国旗动

31、画在第108帧才会出现(12) 新建一个图层，并重新命名为“地图动画”将这个图层移动到国旗动画图层的下方。(13) 选择舞台上的地图动画实例，选择【编辑】|【剪切】命令(14) 选择地图动画图层的第1帧，选择【编辑】|【粘贴到当前位置】命令，所选择实例由原来的logo图层移动到地图动画图层(15) 将第1帧移动到第27帧，即地图动画在第27帧才会出现(16) 此时就将主时间轴动画组合完毕，不过由于他们都是由影片剪辑组成的，因此不能通过简单的拖动播放头来查看整体动画效果(17) 选择【控制】|【测试影片】命令，对当前影片进行测试。(18) 选择【文件】|【保存】命令，保存当前文档。2.2.7添加

32、链接当前制作的这个动画是要在网页中播放的，因此需要添加一个链接功能，使网页浏览者单击该动画时可以打开指定的链接地址的网页。这里将添加一个大的不可见按钮，使其既具有链接功能又不影响动画播放效果。(1) 在文字动画图层的上方新建一个图层，并重新命名为按钮(2) 单击工具箱中的矩形按钮，单击面板底部的【笔触颜色】按钮，在弹出的【颜色选取器】中单击没有颜色按钮，禁用矩形轮廓(3) 在舞台上绘制一个矩形，矩形的大小和颜色都无关紧要，因为可以在【属性】面板中设置其大小、位置、以及完全透明(4) 单击工具箱中的选择工具按钮，选择舞台上绘制的矩形(5) 在【属性】面板中将矩形的宽度设置为400，高度设置为25

33、0，在XY文本框中输入0，以使矩形与舞台完全对齐(6) 在矩形仍处于选择状态下，将矩形图形转换为元件。在打开的【转换为元件】对话框中输入元件名称为链接按钮并选中【按钮】单选按钮。(7) 单击【确定】按钮，关闭对话框，得到一个【按钮】类型的元件(8) 双击舞台上的实例，进入元件编辑模式【按钮】元件的时间轴与【影片剪辑】和【图形】元件的时间轴不同，它默认含有4个关键帧，当前矩形位于按钮的第一个【弹出】帧上，这定义了按钮的弹出状态(9) 由于要创建完全透明的按钮，因此需要将矩形移至【点击】帧处，该帧是按钮的单击区域。选择【弹出】帧，并拖动到【点击】帧上，现在，整个动画区域都可以单击，但在动画中看不到该按钮。(10) 单击时间轴上方的【场景1】按钮，返回到整个动画的主时间轴(11) 现在，舞台上有一个深青色