Flash MX2004入门与进阶实例:11.1 网站导航
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
|
? 第十一章 综合实例 第一节 网站导航(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）创建“语音学校”元件
在这个元件中，我们要实现让小球以场景中间某处为起点，直击“闪客启航”的文字下方，并连续打出一排文字的效果。
要做出这样的效果，必须用“在当前位置编辑”模式进行，因为制作中需要参考场景中 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash 8 鲜为人知的新特性下一篇: 图文教程:FLASH8.0绘制百事可乐标志
关于Flash MX2004入门与进阶实例:11.1 网站导航的所有评论
