您好!欢迎您光临as打造音频光谱的制作原理与过程_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>as打造音频光谱的制作原理与过程
as打造音频光谱的制作原理与过程
发表日期:2014-4-10 23:06:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 1645

 

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

    F.右键库中该影片剪辑,打开属性链接面板,填写其标识符为:组合 。其它参数,如图15所示:

   

图15

URL栏可随意填写一个网页地址,点击确定。

    (4)选择“插入-新建元件”,建立一个名为“光谱”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

for (i = 0; i < 20; i++)
{
    attachMovie("组合", "组合" + i, i, {_x: i * 1.250000E+001 + 25, _y: 25});
}

其时间轴,如图16所示:

 

图16

    (5)选择“插入-新建元件”,建立一个名为“音乐”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,从库中拖出mp3歌曲到舞台,位置随意。按f5,待歌曲播放结束将手松开,如图17所示:

 

图17

点击第一帧,在属性面板同步处设置为“数据流”。如图18所示:

 

图18

    7.编辑制作场景 返回场景1,添加三个图层,共四个图层。自下而上分别命名为光谱、文本、按钮、音乐。

    (1)选择光谱图层第2帧,插入空白关键帧,从库中拖出“光谱”影片剪辑元件到舞台,左对齐-上对齐。上锁。如图19所示:

 

图19

    (2)选择文本图层第1帧,用文本工具输入作品的题目和“打开音乐”,字体、规格、颜色自便。上锁。如图20所示:

 

图20

在第2帧插入关键帧,删除舞台的题目“音频光谱”,将打开音乐改为“关闭音乐”。上锁。如图21所示:

 

图21

    (3)选择按钮图层第1帧,从库中拖出“隐钮”按钮元件到舞台,规格300*100,全居中。如图22所示:

 

图22

点击该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(2);

}

在第2帧插入关键帧,舞台实例,如图23所示:

 

图23

点击该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(1);

}

锁定该图层。

    (4)选择按钮图层第2帧,插入空白关键帧,从库中拖出“音乐”影片剪辑元件到舞台,位置随意。上锁。如图24所示:

 

图24

    8.本作业完成后时间轴显示如图25所示:

  

图25

  9.测试存盘

    *说明:

    1.本教程中的矩形、组合影片剪辑不进入场景,效果是通过其属性链接与脚本来实现的。

    2,因为光谱做成了音频剪辑元件,所以其位置在场景中可以随意调整,也可运用到你的作品想要位置之中。

    3,如果只是制作光谱的话,可将光谱元件在场景中完成。

   

最终效果显示:


http://www.hsb2011.com/Article/UploadFiles/201105/2011051300075669.swf

 

 


全屏下载

 

祝你成功!

 

进入更多教程

 

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167