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 网站导航的所有评论