AS 打造音频光谱制作原理与过程.docVIP

as打造音频光谱的制作原理与过程 ? 　?? ??? 教学目的：通过本节教学了解和掌握影片剪辑及其链接属性，动作面板和as脚本，添加音乐与按钮交互的应用原理方法，并通过此原理创作生动形象的音频光谱效果效果。 　　教学对象：本教材是针对有一定动画制作基础及对工具箱、属性面板、动作面板、as语句和相关界面有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。 ??? 教学要点：按钮，动作面板、as语句、属性链接、色调变换。 ? ???? ??? 作前准备： ??? 下载一首缓冲效果较好的mp3歌曲，保存到指定的文件夹待用。 　　制作步骤 ??? 1.启动FLASH8?软件。 ??? 2.确立文档属性 设置动画尺寸为300*100，背景颜色黑色， 其它默认,点击确定，进入场景1。 如图1所示： ?? 图1 ??? 3.导入素材到库 ??? 首先，将准备好的mp3素材导入到库中，待用。 ??? 4.创建按钮元件 ??? 选择“插入－新建元件”，建立一个名为“隐钮”的按钮元件，点击确定，进入元件编辑区。就一个图层。 ??? 选择图层1第4帧（点击），插入空白关键帧，用矩形工具在舞台拖一个无边线的矩形，规格、颜色随意，全居中。如图2所示： ??? 5.创建图形元件 ??? （1）选择“插入－新建元件”，建立一个名为“音条”的图形元件，点击确定，进入元件编辑区。就一个图层。 ??? 选择图层1第一帧，用矩形工具在舞台拖一个规格为10*2的，无边线的草绿色矩形，左对齐－上对齐。如图3所示：???????? ? 图3 （此图放大一倍） ??? （2）选择“插入－新建元件”，建立一个名为“音块”的图形元件，点击确定，进入元件编辑区。就一个图层。 ??? 选择图层1第一帧，用矩形工具在舞台拖一个规格为10*50的，无边线的红色矩形，左对齐－上对齐。如图4所示： ? 图4 （此图放大一倍） ??? 6.创建影片剪辑元件 ??? （1）选择“插入－新建元件”，建立一个名为“矩形”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。 ??? 选择图层1第一帧，用矩形工具在舞台拖一个规格为10*2的，无边线的红色矩形，左对齐－上对齐，在第10帧插入关键帧，将该实例改为绿色，再在第20帧插入关键帧，将该实例改为蓝色。如图5所示： 图5? （此图放大一倍） 点击该图层名称处，待所有帧变黑后，在属性面板创建这两个区域间的形状补间。其时间轴，如图6所示： ? 图6 右键库中该影片剪辑，打开属性链接面板，填写其标识符为：矩形 。其它参数，如图7所示： ?? 图7 URL栏可随意填写一个网页地址，点击确定。 ??? （2）选择“插入－新建元件”，建立一个名为“as”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。 ??? 选择图层1第一帧，按f9，打开动作面板，在as编辑区输入，如下帧语句： for (i = 0; i 15; i++){??? attachMovie(矩形, 矩形 + i, i, {_x: 0, _y: 3 * i});??? this[矩形 + i].gotoAndStop(15 - i);} 其时间轴，如图8所示： 图8 ??? （3）选择“插入－新建元件”，建立一个名为“组合”的影片剪辑元件，点击确定，进入元件编辑区。添加三个图层，共四个图层。自下而上命名为空白、音块、音条、as。 ??? A.选择空白图层第一帧，从库中拖出“as”影片剪辑到舞台，全居中（也可左对齐，上对齐）。在第20帧插入帧。上锁。如图9所示： ? 图9 ??? B.选择音块图层第一帧，从库中拖出“音块”影片剪辑到舞台，左对齐－上对齐。将其注册点移到下方中间，在第10、20帧插入关键帧。如图10所示： ? 图10 （此图放大一倍） 选择第1帧实例将其下拉规格为10*2，?在选中第20帧上的舞台实例将其下拉规格为10*2。点击该图层名称处，待所有帧变黑后在属性面板创建这两个区域间的动画补间。上锁。如图11所示： ? 图11 （此图放大4倍） ??? C.选择音条图层第一帧，从库中拖出“音条”影片剪辑到舞台，将其放置在音块的上方，左对齐。如图12所示： ? 图12 （此图放大一倍） 右键该实例复制帧，在右键第20帧，粘贴帧。在第13帧插入关键帧，点击该实例，上对齐。如图13所示： ? 图13 （此图放大一倍） 点击该图层名称处，待所有帧变黑后在属性面板创建这两个区域间的动画补间。上锁。 ??? D.选择as图层第一帧，按f9，打开动作面板，在as编辑区输入，如下帧语句： gotoAndPlay(random(20)); 复制该帧，在第5、13帧粘贴帧，在第20帧插入帧。上锁。 ??? E.本环节完成后的时间轴，如图14所示： ? 图14 ???