同时加载音像歌卡的制作原理与过程.doc

同时加载音像歌卡的制作原理与过程同时加载音像歌卡的制作原理与过程教学目的教学目的：通过本节教学了解和熟悉按钮的制作和指令语句的添加，及同时加载声音、图像的原理方法，以此创作精美适用的 mp3 多曲歌卡教学对象教学对象：本教材是针对有一定动画制作基础和对属性面板及工具箱、动作面板、as 语句有所了解的朋友们编制的，因此省略了一些步骤，还望谅解教学要点：教学要点：按钮、动作面板、as 语句、音频剪辑、实例名称、滤镜作前准备作前准备1.准备“15 首邓丽君 mp3 缓冲效果好的歌曲有效地址，保存到指定的文件夹待用2.准备一张规格约为 550*410 邓丽君的图片，和 15 个邓丽君图片的有效地址，保存到指定的文件夹待用制作过程制作过程1.1.启动启动 FLASH8FLASH8 软件软件2.2.确立文档属性确立文档属性 设置动画尺寸为 550*500，背景颜色黑绿，其它默认,点击确定，进入场景 1如图 1 所示：3.3.首先，将准备好的邓丽君图片导入到库中，待用首先，将准备好的邓丽君图片导入到库中，待用4.4.创建按钮元件创建按钮元件（1）选择“插入－新建元件”，建立一个名为“选歌”的按钮元件，点击确定，进入元件编辑区。

就一个图层选择图层 1 第一帧（弹起），打开矩形工具，选择多边形工具，在属性面板点击“选项”按钮，打开工具设置界面，设置其参数，如图 2 所示：图 2在舞台拖一个规格为 27*31 的，黑红色的无边线三角形，全居中右键该实例将其转换为影片剪辑，命名为“三角”点击舞台实例，打开滤镜，设置其参数，如图 3 所示：图 3在第 2 帧（指针经过）插入关键帧，将该实例变换个颜色，其色调参数，如图 4 所示：图 4在第 4 帧（点击）插入帧时间轴和舞台实例显示，如图 5 所示：图 5（2）选择“插入－新建元件”，建立一个名为“隐钮”的按钮元件，点击确定，进入元件编辑区就一个图层选择图层 1 第 4 帧（点击）插入空白关键帧，用矩形工具在舞台拖一个无边线的长条矩形，颜色随意如图 5 所示：图 55.5.创建图形元件创建图形元件选择“插入－新建元件”，建立一个名为“边框”的影片剪辑元件，点击确定，进入元件编辑区添加一个图层，共两个图层上层为外框，下层为底板1）选择外框图层第一帧，用矩形工具在舞台拖一个笔触高度为 20，规格为 530*480 的，无填充色的草绿色矩形框，全居中如图 6 所示：图 6（2）选择底板图层第一帧，用矩形工具在边框下方拖一个规格为 530*100 的，橙色的无边线的矩形，水平中齐－下对齐。

上锁如图 7 所示：图 76.6.编辑制作场景编辑制作场景返回场景 1，添加 7 个图层，共 8 个图层自下而上命名为封面、边框、歌名、按钮、翻页、歌曲、鼠标、右键1）选择边框图层第一帧，从库中拖出“边框”影片剪辑元件到舞台，全居中点击该实例，打开属性面板的滤镜，设置其参数，如图 8 所示：图 8完成后的舞台实例变化，如图 9 所示：图 9在第 16 帧插入帧2）选择封面图层第 1 帧，从库中拖出邓丽君图片到舞台，规格为 550*410，全居中如图 10 所示：图 10选中该实例，在属性面板填写其实例名称为 jpg 如图 11 所示：图 11在第 2 帧插入关键帧，在第 16 帧插入帧3）选择歌名图层第一帧，用文本工具在边框下边底板上输入：点击欣赏，其文字颜色、字体和规格适当，水平中齐如图 12 所示：图 12在第 2 帧插入空白关键帧，在底板处用文本工具输入 15 首歌曲的名称，在第 16 帧插入帧其位置排列，如图 13 所示：图 13（4）选择按钮图层第一帧，从库中拖出“隐钮”按钮元件到舞台，将其放置在点击欣赏文字之上，调整好规格位置如图 14 所示：图 14点击该按钮，按 f9，点开动作面板，在 as 编辑区输入，如下指令语句：on (release) {gotoAndStop(2);}在第 2 帧插入空白关键帧，再依次从库中拖出 15 个“隐钮”按钮元件到舞台，将其放置在歌名之上。

如图 15 所示：图 15点击“我只在乎你”歌名上的按钮，按 f9，点开动作面板，在 as 编辑区输入，如下指令语句：on (release) {gotoAndStop(2);loadMovie(“ “, jpg);}（红色部分是已准备好的邓丽君图片地址（红色部分是已准备好的邓丽君图片地址 1 1，黑色的数字，黑色的数字 2 2 为该图片所在的帧）为该图片所在的帧）点击“甜蜜蜜”歌名上的按钮，按 f9，点开动作面板，在 as 编辑区输入，如下指令语句：on (release) {gotoAndStop(3);loadMovie(“ “, jpg);}（红色部分是已准备好的邓丽君图片地址（红色部分是已准备好的邓丽君图片地址 2 2，黑色的数字，黑色的数字 3 3 为该图片所在的帧）为该图片所在的帧）同理同种方法，完成其它按钮的指令语句添加最后一个歌名“月亮代表我心”上的按钮指令语句是：on (release) {gotoAndStop(16);loadMovie(“ jpg);}锁定该图层5）选择翻页图层第一帧，从库中拖出“选歌”按钮元件到舞台，将其放置在底板的右端，调整好规格，和“点击欣赏”水平对齐。

右键该按钮－复制，粘贴，再将新粘贴的按钮水平翻转，将其放置在底板的左端，和“点击欣赏”水平对齐如图 16 所示：图 16点击右侧按钮，按 f9，打开动作面板，在 as 编辑区输入，如下指令语句：on (release) {play();}点击左侧按钮，按 f9，打开动作面板，在 as 编辑区输入，如下指令语句：on (release) {prevFrame();} 在第 16 帧插入帧6）选择歌曲图层第 2 帧插入空白关键帧，按 f9，打开动作面板，在 as 编辑区输入，如下帧语句：_global.Behaviors.Sound.AS.start(0, 1);if (_global.Behaviors == null){_global.Behaviors = {};} if (_global.Behaviors.Sound == null){_global.Behaviors.Sound = {};} if (typeof(this.createEmptyMovieClip) == “undefined“){this._parent.createEmptyMovieClip(“BS_AS“, new Date().getTime() - Math.floor(new Date().getTime() / 10000) * 10000);_global.Behaviors.Sound.AS = new Sound(this._parent.BS_AS);}else{this.createEmptyMovieClip(“_AS_“, new Date().getTime() - Math.floor(new Date().getTime() / 10000) * 10000);_global.Behaviors.Sound.AS = new Sound(this.BS_AS);} _global.Behaviors.Sound.AS.loadSound(“ true);stop();( (红色部分为第一首歌名相对应的第一首歌曲绝对地址红色部分为第一首歌名相对应的第一首歌曲绝对地址) )在第 3 帧插入空白关键帧，按 f9，打开动作面板，在 as 编辑区输入，如下帧语句：_global.Behaviors.Sound.AS.loadSound(“ true);stop();( (红色部分为第红色部分为第 2 2 首歌名相对应的第首歌名相对应的第 2 2 首歌曲绝对地址首歌曲绝对地址) )右键第 3 帧－复制帧，然后分别右键第 4－16 帧，粘贴帧。

在依次打开各帧的动作面板，将该帧语句中歌曲地址换成和歌名相对应的歌曲地址锁定该图层7）选择鼠标图层第一帧，按 f9，打开动作面板，在 as 编辑区输入，如下帧语句：stop ();function deg2rad(degrees){return (degrees * 3.141593E+000 / 90);}function randRange(min, max){var _loc1 = Math.floor(Math.random() * (max - min + 1)) + min;return (_loc1);} function drawPoly(sides, color, radius){var _loc10 = _root.getNextHighestDepth();var _loc7 = _root.createEmptyMovieClip(“poly“ + _loc10, _loc10);var _loc8 = deg2rad(360 / sides);_loc7.beginFill(color);_loc7.moveTo(radius, 0);for (var _loc2 = 1; _loc2 timeMin){initPoly.apply(drawPoly(randRange(3, 12), randRange(0, 16777215), 100));time = getTimer();} };function genxin(){call(genxinbiao.bb());} intervalId = setInterval(this, “genxin“, 1000);在第 16 帧插入帧。

上锁8）选择右键图层第一帧，按 f9，打开动作面板，在 as 编辑区输入，如下帧语句：function dj_menu0(){getURL(“ “_blank“);} function dj_menu1(){getURL(“ dj_menu2(){getURL(“ dj_menu3(){getURL(“ 右键菜单 = new ContextMenu();eval(“右键菜单“).hideBuiltInItems();eval(“右键菜单“).customItems.push(new ContextMenuItem(“进入：《迎客松》“, dj_menu0, false));eval(“右键菜单“).customItems.push(new ContextMenuItem(“进入： 对话“, dj_menu1, false));eval(“右键菜单“).customItems.push(new ContextMenuItem(“进。