Flash MX2004入门与进阶实例:11.1 网站导航

第十一章 综合实例
第一节 网站导航(1)

实例简介


越来越多的网站开始用Flash来制作它们的首页或导航了，这种风格的网站动感十足，视觉效果强烈，并具有良好的交互性，具有很强的吸引力，能给来访者留下深刻的印象。特别适合于企业品牌推广、特定网上广告、网络游戏、个性网站等。

下面，我们就来看看“闪客启航”网站的导航页面，效果如图11-1-1所示。

图11-1-1 “闪客启航”网站导航页面

“闪客启航”（http://www.flasher123.com/）导航页面先用一句“学习Flash的语音教室”点明了该网站的主题，继而用按钮的方式标出了该网站的各个分枝板块，并简要介绍了各分枝板块的特点，使来访者立刻能对该站有一个大致的了解。

知识提要
●     从场景中深入多个元件内部进行编辑

●     批量编辑构成元素大致相同的元件

●     在按钮上做超链接

制作步骤
用Flash做网站页面时，一个动画文件中往往有数个相似的元件，在这种情况下，如何提高制作效率？

导航页面的互动性很强，按下一个按钮后，往往会在画面上发生某些变化，如何准确定位这些变化对象呢？

这就是本例将教给大家的技巧。

1．创建影片文档
（1）设置影片文档属性

新建一个影片文档，在【属性】面板上设置文件大小为750×430像素，【背景色】为黑色（在教程中，为了更好地显示场景中的内容，设置背景色为了深蓝色）。

（2）创建背景图层

执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“导航菜单背景.bmp”的图片导入到场景中，对齐中心点。给图层命名为“背景层”。（“导航菜单背景.bmp”图片位置：光盘\example\part3\***\图片\导航菜单背景.bmp）。

2．创建标题与网站说明
（1）创建“闪客启航”元件

新建一个图形元件，名为“闪客启航”，选择工具箱中的【文本工具】，在场景中输入“闪客启航”四个字，设置文本类型为【静态文本】，字体为【隶书】，字体大小为83，颜色为紫色。

复制这四个字，新建一个图层，执行【编辑】|【粘贴到当前位置】命令，这样，新建的这一层中也有了一个同样的文字对象，将上一层隐藏起来，选中下一层的文字，在【属性】面板中把文字设置为白色，使上一层显示出来，选中下一层中的白色文字，按键盘上的方向键，向右下移动文字，效果如图11-1-2所示。

图11-1-2 “闪客启航”的文字效果

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

新建一个图形元件，名为“黄色小球”，此元件共有两个图层。

在第一层中绘制出一个无边正圆，直径为18像素，在【混色器】面板中，设置填充类型为【放射状】，设置左右两个色标均为黄色，其中右边的【Alpha】值为0%。

图11-1-3是画好的黄色小球和星星光芒的填充参数。

图11-1-3 黄色小球及星星光芒混色器参数

[1] [2] [3] [4] [5] [6] [7] 下一页  

第十一章 综合实例
第一节 网站导航(2)

新建一个图层，制作星星的光芒效果。单击【矩形工具】，在场景中绘制出一个无边矩形，大小50×1像素，线性填充，三个调节手柄全为黄色，左右两端的【Alpha】值全为0%。接着我们选中这个矩形，执行【窗口】|【设计面板】|【变形】命令，打开【变形】面板，设置旋转90度，单击【复制并应用变形】按钮，然后使其与场景中心对齐，一个“十”字形的光芒就做好了。星星光芒的填充颜色设置以及图形元件完成以后的效果如图11-1-3所示。【变形】面板使用方法如图11-1-4所示。

图11-1-4运用变形面板复制对象

（3）创建“语音学校”元件

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15]  下一页