第一节 网站导航(4)

步骤2 批量制作按钮

用鼠标分别选取紫、黄、绿、蓝四个圆形对象，执行【修改】|【转换为元件】命令，把它们命名为“语音教室”、“教程总汇”、“论坛交流”、“作品上传”，【行为】选择“按钮”，然后删除这四个按钮，让场景中间只留下红色圆形按钮

现在我们建好了五个按钮，注意，在Flash操作过程中，批量创建类似元件的情况会经常遇到，利用这种技巧，可以节省大量的时间。

下面用同样的方法再批量创建五个文字元件。

（2）创建文字元件

先创建一个名为“网站首页文字”的图形元件，在场景中输入五行文字，分别是“网站首页”、“语音教室”、“教程总汇”、“论坛交流”、“作品上传”，在【属性】面板中设置它们的文本类型为【静态文本】，字体为【隶书】，字体大小为30，颜色属性与相应的按钮颜色相近，分别为#FF0000、#DCDOFF、#FFFFAA、#BOFFBO、#AAEEFF，效果如图11-1-14所示。

图11-1-14 五行文字

分别选取“语音教室”、“教程总汇”、“论坛交流”、“作品上传”四行文字，执行【修改】|【转换为元件】命令，把它们命名为“语音教室文字”、“教程总汇文字”、“论坛交流文字”、“作品上传文字”图形元件，然后删除这四行文字，场景中只留下“网站首页”。这样，五个文字元件就建好了。

4．其它备用元件

（1）创建Flash标记图形

新建一个图形元件，名为“flash标志”，用【线条工具】画出标志的形状，如图11-1-15所示。

图11-1-15 绘制Flash MX 2004 标志

（2）创建“紫色小球”元件

新建一个名为“紫色小球”的图形元件。用【椭圆工具】在场景中画一个无边的正圆，大小为18×18像素。

打开【混色器】面板，选填充类型为【放射状】，在中间添加一个色标，左边的颜色值为#FFFFFF，中间的为#B498FE，右边的为#4E01DE，三个色标的【Alpha】值全为100%。

填充参数与效果如图11-1-16所示。

图11-1-16 紫色小球

（3）创建“联线”元件

在本例动画效果中，导航按钮飞入场景所经过的路径上，有一段“闪电”效果，现在我们来制作它。

这个元件需要参考场景内容来编辑，在主场景中新建一层，命名为“菜单与联线”。从库里拖出刚建好的“紫色小球”，放在底图闪电画面的一个断端处，选中它，按键盘上的F8键，把它转成名为“联线”的影片剪辑，双击这个影片剪辑，进入该元件在当前位置编辑的场景。

然后再从库里拖入另一个小球，参考主场景底图放在“闪电”断口的另一端，在第6帧插入普通帧，新建一个图层，在层中用【铅笔工具】逐帧绘制出弯弯曲曲的白线，作接通时的电流，粗细为0.5像素。最后把电流层拖到小球层的下面，这个元件就完成了。如图11-1-17所示，逐帧的电流效果请参见配套光盘中的FLA文件。

图11-1-17 联线小球的位置及时间帧面板

此时，刚创建的“联线”已经存在于“库”中了，我们可以暂时删除主场景中的“联线”元件。

（4）创建“六边形”元件

新建一个名为“六边形”的图形元件，用鼠标按住工具箱中的【矩形工具】，在弹出的隐藏工具栏中选择【多角星形工具】，在【属性】面板上设置【笔触颜色】为蓝色、粗细为5像素；填充色为#0099FF，打开【混色器】面板，选择“纯色”，设置【Alpha】值为70％，混色器设置如图11-1-18所示。

图11-1-18多边形混色器参数

在【属性】面板中，单击【选项】按钮，在弹出的【工具设置】对话框中设置【样式】为【多边形】，【边数】为6。在场景中绘制出一个正六边形，大小为240×200像素。