图2-1

图2-2

效果简介：

该效果在网站首页和MTV作品中再常见不过了。鼠标单击图2-1中的“音乐起”按钮，声音随即响起，光谱也跟随音乐声跳动起来，动感十足，如图2-2所示。

文章简介：

文章中读者将会接触到更多常用的动作和一个简单的影片剪辑属性。还会学到一种按钮实用技巧——透明按钮的作用。“对齐”面板的使用、声音的添加和使用等。最重要的是，在本例的设计中，读者还要学习Sound()（声音）对象及其几个重要方法的使用。

1．设置场景的大小为120px×60px，背景为黑色，帧频为12fps。

2．按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“光柱”的影片剪辑元件。

3．选中“矩形”工具并在“光柱”元件的场景中拉出一个矩形（不要边线），颜色为#48D600。选中它，在“属性”面板中将其宽设置为4px、高为2.5px。如果元件太小，不好设置，可以放大场景的缩放比例为300-400%，如图2-3所示。

图2-3

4．复制这个矩形，接着再复制出四个，把复制出的矩形由上至下设置为1px、1.5px、2px、2.2px，宽度都不变。然后如图2-3所示排列。在对齐五矩形时，可以按快捷键Ctrl+K或点击常用工具栏上的 按钮调出“对齐”面板进行对齐。再把复制出的四个矩形的颜色由上至下设置为#F06000、#E8C800、#C0F800、#50E000。

注意：最下面一个的矩形的底线和中心线都要经过场景的中心点（小“+”字），见图2-3所示。否则光谱效果将无法实现。

5．新建一个名为“光谱”的影片剪辑元件。此时场景的缩放比例依旧设置为300%，这样做便于制作。打开库，把库中的“光柱”元件拖拽到“光谱”元件的场景中。接着右键单击“光柱”元件，在弹出的菜单中选择“动作”命令，打开“动作”面板，键入如下代码：

src="http://www.dedecms.com/upimg/20070117/11E00JG93055X31.jpg" width=120 align=0 border=0> 

图2-4

7．新建一个名为“音乐”的按钮元件。在“音乐”按钮元件的场景中拉出一个矩形，然后再写上“音乐起”这三个字，如图2-5所示。

图2-5

8．选中“指针经过”帧，按F6键插入关键帧，然后把场景中的元件稍做一些改动，譬如说把元件变大些，或是换换颜色等。

9．按快捷键Ctrl+R打开“导入”面板导入一个Mp3音乐文件。导入后，打开库就可以一个小喇叭的文件。如图2-6所示。

图2-6

10．右键单击库中的音乐文件，在弹出的菜单中选择“链接”命令。然后如图2-7所示设置“链接属性”面板。给声音文件起个标识符名为“sound1”，用来以后导入和播放声音文件。

 图2-7

11．双击库中的声音文件，然后如图2-8所示设置“声音属性”面板，选择Mp3压缩格式该模式适合较长的流式声音。不勾选Use Document Quality选项就会弹出MP3的压缩设置。Bit Rate比特率的值越大则音效越好。当比特率的值高于20Kbps时Preprocessing预处理选项才能将立体声转换为单声道声音。Quality为音质的设置选项。压缩是为了减小文件的体积。

图2-8

12．设置好所有的元件后，按快捷键Ctrl+E回到主场景。打开库，把库中的按钮元件“音乐”拖拽到场景中。接着右键单击第1帧，在弹出的菜单中选择“动作”命令，打开“动作”面板，键入代码“stop();”。

13．右键单击按钮元件“音乐”，在弹出的菜单中选择“动作”命令后键入如下代码：

src="http://www.dedecms.com/upimg/20070117/11E00JI120603391.jpg" width=193 align=0 border=0> 

图2-9

15．从库中把“光谱”元件拖拽到主场景的第2帧中，然后在“属性”面板中把第2帧中的按钮元件“音乐”的透明度设置成0，即完全不可见。

好了，大功告成。本例的制作中，读者重点要掌握的就是这个实例制作思路。另外就是“光谱”元件的设计方法以及场景缩放在设计中的使用。

无忧CMS，5ucms.org建站仿站首选！