入门篇:如何在BUTTON中加入声音
简单说明:我将在这个教程中结合BUTTON的制作介绍如何加入WAV文件,例子见上。
1.在FLASH中支持的声音文件有*.wav和 *.aiff格式(不支持midi和mp3),我们先从FLASH菜单中选择import...
![](1/1.gif)
2.找到相应的wav文件,此例中用welcome.wav文件
![](1/2.gif)
3.当import声音文件后,你也许没有发现什么变化,其实不然。你可以打开library窗口看看。
![](1/2-1.gif)
4.这时你就会在library窗口中,看到了welcome文件。这是因为FLASH会自动的将import的文件转变成symbol物件。
![](1/3.gif)
5.就这么简单,声音文件的输入完成了。下面我们开始做个button。
我们首先来新建立一个图片symbol,为了简单起见,这个symbol我就用文字代替了。
![](1/4.gif)
6.给这个symbol取名“欢迎”,并设置为"Graphic"属性;
![](1/4-1.gif)
7.点击 开始完成这个文字的symbol。当然首先还要选择好字体和大小。
![](1/6.gif)
8.输入如下文字:
![](1/6-1.gif)
9.为了醒目,我们再修改一下:选中“欢迎您”
![](1/6-2.gif)
10.在如下工具栏中,点击 ,选择适当的颜色;
![](1/6-3.gif)
11.你会看到文字将是这样:
![](1/7-5.gif)
12.现在开始完成button的制作。同样也是新建一个new symbol,不过这时我们的symbol将改成了属性为"button",并命名为"button";
![](1/7.gif)
13.这时你将在timeline栏中看到如下的内容:
![](1/7-1.gif)
这是button属性所特有的,我来解释一下相应的意思:
up: 是没有击活BUTTON时显示的内容;
Over:是当鼠标移动到BUTTON时,显示的内容;
Down:是当鼠标点击时,BUTTON显示的内容(我们的声音就要在此时发出);
Hit:这是最让人糊涂的属性了,其实这只表示BUTTON的有效范围,注意此内容下的任何物件都不会被显示出来。
14.这时我们可以用到刚才建立的“欢迎”图片了。选择library窗口中的“欢迎”symbol
![](1/7-2.gif)
15.直接将此symbol从library窗口中拖出,如图:
![](1/7-3.gif)
16.这时,你会看到button的up关键帧中的有个实心黑色点;
![](1/7-4.gif)
并在编辑窗口中看到了如下的字样:
![](1/7-5.gif)
17.为了使得button在点击时发生动态变化,我们将在Over、Down中加入关键帧,方法如下:
![](1/8.gif)
18.我们用Instance中的Color Effect属性将各自关键帧的内容稍加修改,
![](1/8-1.gif)
这是Over修改后显示的:
![](1/8-2.gif)
这是Down修改后显示的:
![](1/8-4.gif)
19.完成了BUTTON的变化,我们来给BUTTON设定个有效的范围。对了,在Hit中随意作个图形,如下:
记住:图形将不会显示,只是表示了范围。
![](1/8-5.gif)
20.好了,BUTTON制作完成了。那如何把声音文件加到BUTTON中呢?
21.我们在BUTTON中为声音文件专门添加个layer,并命名为“wave”
![](1/9.gif)
22.因为声音只是在鼠标点击BUTTON后发出,所以我们将把声音加到DOWN中,在"wave"layer中添加一个keyframe,点击右键,如下图:
![](1/9-1.gif)
23."wave"将会如下显示:
![](1/9-2.gif)
24.打开library窗口,选择"welcome" wav文件;
![](1/9-3.gif)
25.拖到"wave"layer的Down帧中;
![](1/9-4.gif)
26."wave"layer将会有个波浪符号显示,表明声音文件添加成功了。
![](1/9-5.gif)
27.同样,你可以右击DOWN帧,查看并修改声音文件的属性:(我不详细说明了)
![](1/9-6.gif)
28.这样,一个带有声音的BUTTON制作完成了。你只要将此BUTTON从Library中拖到scene中就可以了。
![](1/10.gif)
29.我们的舞台将会显示一个如下的图象:
![](1/10-1.gif)
30.是不是感觉缺点什么呢?好吧,我们就给它加个图框(方法:新建立一个layer,画一个图框);
![](1/10-2.gif)
31.这个BUTTON效果就是这样的:
当鼠标移动到BUTTON上显示"over"内容,如图:
![](1/10-3.gif)
当鼠标按下,显示"Down"内容,并发出"welcome"的声音,如图:
![](1/10-4.gif)
32.最后我们设置一下movie的属性,如图:
![](1/11.gif)
33.然后输出为在网页中可以浏览的swf动画.
![](1/12.gif)
上一节 下一节
|