6.3 城市名片——脚本交互（练习）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

6.3 城市名片——脚本交互 同步练习 基础巩固 把“图层1”重命名为“背景”，导入图片素材“背景jpg”，将其缩放到与舞台相同的尺寸。 将时间轴移至 181 帧，按[F5]键插入帧。 能力进阶 将素材图片“相框1.png”、“相框 2.png”“相框 3.png”“按钮声音.wav”导入到库。 新建按钮元件，命名为“按钮1”。将“相框.png”拖动到按钮编辑舞台。 在“指针经过”帧处按[F6]键插入关键，在“按下”帧处按[F5]键插入顿。 用同样的方法，分别利用“相框 2.png”、“相框 3.png”素材制作按钮 2、按钮3,文字分别替为“简介"、“视频”。 素养提升 1.城市名片——脚本交互的案例分析？ 制作三个有声音、动态的按钮元件。 制作风景切换的动态效果、合理插入视频及图像。 通过编辑“代码片断”，实现用按钮控制界面切换的效果。 2.城市名片——脚本交互的具体操作步骤？ 1.新建 Flash 文档，设置舞台宽为 600 像素; 高为 500 像素; 类型为 ActionScript3.0，按[Ctrl+S] 组合键保存文件，命名为“城市名片,fa”。 2.把“图层1”重命名为“背景”，导入图片素材“背景jpg”至舞，将其缩放到与舞台相同的尺寸。将时间轴移至 181 顿，按[F5]键插入帧。 3.将素材图片“相框1.png”、“相框 2.png”“相框 3.png”“按钮声音.wav”导入到库。新建按钮元件，命名为“按钮1”。将“相框 ]png拖动到按钮编辑舞台。在“指针经过”帧处按[F6]键插入关键，在“按下”帧处按[F5]键插入顿。 4.在按钮编辑舞台的“图”上方新建“图层 2”。在“指针经过”处插入关键在“按下”顿处插入帧。利用“形”具在指针经过”关键中绘制一个颜色为F9933Alpha 值为 70%的无边矩形。利用文本”工具，输入大小为 50 点: 颜色为黑色:系列为华文隶书的文序风景”。 6.用同样的方法，分别利用“相框 2.png”、“相框 3.png”素材制作按钮 2、按钮3,文字分别替为“简介"、“视频”。 7.回到场景 1，在“背景”图层上方新建“按钮”图层，分别将三个按钮拖动到舞台中，并调整其位置、大小及角度，效果如图 6-38 所示。将播放头移至 181 处，按[F5]键插入帧。 8.将素材“风景1.jpg”一“风景 4.jpg”、“简介.ng"、“巴黎的春天.mp3”导入库。在“按钮”图层上方新建“对象”图层，将“风景 1.jg”拖动到舞台并调整其大小及位置效果如图6-39 所示。 9.在“对象”图层的第2 插入关键帧。。 10.将素材图像“风景2.jpg”、“风景 3.jpg”、“风4.jpg”分别转换为图形元件“风景2”、“风景3”、“风景 4”。在“对象”图层的第3插入关键倾，将“简介.png”替换为“风景2”图形元件(可借助绘图纸外观对来对象，效果如图 6-41 所示。 11.在第 30顿处插入关键，将“风景 2”元件的 Alpha 值调整为 15%。在第 3~30 顿之间创建传统补间动画。 12.在第 31 顿处插入关键，将“风景 2”元件替换为“风景 3”元件，保持 Alpha值为 15%，分别在第 60 、90 处插入关键，调整第 60 处元件的 Apha 值为 100%。分别在第 31~60 帧、第 60~90 之间创建传统补间动画。 13.在第 91 顿处插入关键，将“风景 3”元件替换为“风景 4”元件，借鉴步骤 12在第 91~150 帧之间，制作“风景 4”元件透明度变化的传统补间动画。 14，在第 151顿处插入关键，将“风景 4”元件替换为“风景 2”元件，保持 Apha值为 15%。在第 180 顿处插入关键，将元件的 Apha 值调整为 100%，在第 151~180 之间创建传统补间动画。 15.在第 181 顿处插入关键，将“风景 2”元件删除。执行文件一导入一导入视频。 16.在“对象”图层的上方新建“声音”图层，分别在该图层的第3 、第 180 处插入关键帧。选中第 3 ，将库中的“巴黎的春天.mp3” 声音文件拖动到舞台中，时间轴如图 6-44 所示。打开“声音”属性面板。 17.将播放实移至第1帧处，打开“代码片断”面板，单击展开“时间轴导航”分类，效果如图 6-46 所示。双击“在此顿处停止”选项，在“动作”面板中，新添加的脚本高亮显示。此时时间轴自动创建新图层“Actions”，第1顿上出现一个“a”字。 18.将播放头分别移至第 2顿、180 、440处，为其添加“在此顿处停止”动作脚本19.将播放头移到第1，分别将“按钮 1”、“按钮 2”、“按钮 3”元件的实例命名为“a1"、“a2”、“a3”。选中舞台上的按钮1，打开“代码片断”面板