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

同时加载音像歌卡的制作原理与过程 教学目的：通过本节教学了解和熟悉按钮的制作和指令语句的添加，及同时加载声音、图像的原理方法，以此创作精美适用的mp3多曲歌卡。教学对象：本教材是针对有一定动画制作基础和对属性面板及工具箱、动作面板、as语句有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。 教学要点：按钮、动作面板、as语句、音频剪辑、实例名称、滤镜。 作前准备1.准备“15首邓丽君mp3缓冲效果好的歌曲有效地址，保存到指定的文件夹待用。2.准备一张规格约为550*410邓丽君的图片，和15个邓丽君图片的有效地址，保存到指定的文件夹待用。制作过程 1.启动FLASH8软件。 2.确立文档属性 设置动画尺寸为550*500，背景颜色黑绿，其它默认,点击确定，进入场景1。如图1所示： 3.首先，将准备好的邓丽君图片导入到库中，待用。 4.创建按钮元件 （1）选择“插入新建元件”，建立一个名为“选歌”的按钮元件，点击确定，进入元件编辑区。就一个图层。 选择图层1第一帧（弹起），打开矩形工具，选择多边形工具，在属性面板点击“选项”按钮，打开工具设置界面，设置其参数，如图2所示：图2在舞台拖一个规格为27*31的，黑红色的无边线三角形，全居中。右键该实例将其转换为影片剪辑，命名为“三角”。点击舞台实例，打开滤镜，设置其参数，如图3所示：图3在第2帧（指针经过）插入关键帧，将该实例变换个颜色，其色调参数，如图4所示：图4在第4帧（点击）插入帧。时间轴和舞台实例显示，如图5所示：图5 （2）选择“插入新建元件”，建立一个名为“隐钮”的按钮元件，点击确定，进入元件编辑区。就一个图层。 选择图层1第4帧（点击）插入空白关键帧，用矩形工具在舞台拖一个无边线的长条矩形，颜色随意。全居中。如图5所示：图5 5.创建图形元件 选择“插入新建元件”，建立一个名为“边框”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。上层为外框，下层为底板。 （1）选择外框图层第一帧，用矩形工具在舞台拖一个笔触高度为20，规格为530*480的，无填充色的草绿色矩形框，全居中。上锁。如图6所示：图6 （2）选择底板图层第一帧，用矩形工具在边框下方拖一个规格为530*100的，橙色的无边线的矩形，水平中齐下对齐。上锁。如图7所示：图7 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(/cvbnm/9f/a4/8f/57fc98e2626fb5fe1ffc108b0a916c1a.jpg , jpg);（红色部分是已准备好的邓丽君图片地址1，黑色的数字2为该图片所在的帧）点击“甜蜜蜜”歌名上的按钮，按f9，点开动作面板，在as编辑区输入，如下指令语句：on (release) gotoAndStop(3); loadMovie(/cvbnm/c7/76/35/66faf24136ee0024c90c440930f03fd2.jpg , jpg);（红色部分是已准备好的邓丽君图片地址2，黑色的数字3为该图片所在的帧）同理同种方法，完成其它按钮的指令语句添加。最后一个歌名“月亮代表我心”上的按钮指令语句是：on (release) gotoAndStop(16); loadMovie(/cvbnm/7b/15/a6/d52b57eeb1821541d5326011bd5f620b.jpg, 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(/blog/UploadFiles/2008-8/28173409783.mp3, true);stop();(红色部分为第一首歌名相对应的第一首歌曲绝对地址)在第3帧插入空白关键帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：_global.Behaviors.Sound.AS.loadSound(/Image/zhyishi/MP3/甜蜜蜜.mp3, true);stop();(红色部分为第2首歌名相对应的第2首歌曲绝对地址)右键第3帧复制帧，然后分别右键第416帧，粘贴帧。在依次打开各帧的动作面板，将该帧语句中歌曲地址换成和歌名相对应的歌曲地址。锁定该图层。 （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 sides; +_loc2) var _loc3 = _loc8 * _loc2; var _loc5 = Math.cos(_loc3) * radius; var _loc4 = Math.sin(_loc3) * radius; _loc7.lineTo(_loc5, _loc4); _loc7.endFill(); return (_loc7); function initPoly() this._x = _xmouse; this._y = _ymouse; this._xscale = this._yscale = 0; this.rotateBy = randRange(-rotateByMax, rotateByMax); this.onEnterFrame = function () this._xscale = this._yscale = this._yscale + growBy; this._alpha = this._alpha - alphaDrop; this._rotation = this._rotation + this.rotateBy; if (this._alpha 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(/index.asp?ydy_admin=you, _blank); function dj_menu1() getURL(/msgrd?V=1&Uin=414085604);function dj_menu2() getURL(/index.asp?ActionX=ReadArt&NewsID=1334032, _blank);function dj_menu3() getURL(/index.asp?ActionX=ReadArt&NewsID=1463433, _blank); 右键菜单 = new ContextMenu();eval(右键菜单).hideBuiltInItems();eval(右键菜单).customItems.push(new ContextMenuItem(进入：迎客松, dj_menu0, false);eval(右键菜单).customItems.push(new ContextMenuItem(进入：QQ对话, dj_menu1, false);eval(右键菜单).customItems.push(new ContextMenuItem(进入：更多习作, dj_menu