邮件订阅
5ucms模版,仿央视网Flash动态导航菜单
作者: 来源: 日期:2017/4/3 5:44:42 浏览量:20(滞后) 人气:LOADING...(实时) 【

5ucms模版,仿央视网Flash动态导航菜单
今天给大家介绍一下央视网站的一个 Flash 导航菜单的制作方法,实现起来非常简单,只用到最基本的动画效果和简单的 Acti>

(图1)所有图片导入完成后都将被放置在场景中,将其他图片从场景中删除,只留下用作背景的图片。不用担心,删除的图片还保留在库(Library)中,以后会用到他们。选中背景图片后打开Aligh(排列)面板(如下图)(快捷键" Ctrl+K),按下 To Stage 按钮

" 以适应舞台,分别单击按钮
" 和
" 使图片在舞台中居中。

(图2)新建一个图形(Graphic)符号(快捷键" Ctrl+F8),命名为Line_g,确定后进入编辑状态;选择 Line Tool (画线工具 N),画一竖线,在属性面板中修改属性,设置高为246px(与 Flash 同高)、坐标为(0,0),颜色比背景色略深、样式设置为点线(如图所示);再画一线,高度为25(与将要制作的按钮高度相同),颜色为白色,坐标(0,110)(与前一条线重合,底部对齐),其他属性保持默认。

(图3)返回舞台(Ctrl+E),按新建层按钮"
" 新建两层,将最上层命名为Lines,最下层命名为Back(背景层,已放置好了背景图片),中间层命名为Butt>

(图4)选择Lines层,打开" Library (库 Ctrl+L),将符号 line_g 拖入场景中,设置横坐标为54(按钮宽度),纵坐标按舞台居中;在舞台中再复制出6个 line_g (共7个),选择一条,设置横坐标为378(54*7),Ctrl+A 选中舞台中所有的符号(因背景层被锁定,所以背景图片不会被选中),单击排列面板中的 To Stage 按钮

取消其按下状态,单击按钮"
0" 使符号具有相同的间距,将 lines 层锁定。

这样舞台就修饰好了。二、主要动画效果的实现

新建一个 MC 命名为 pics_m,用来存放所有按钮中的图片以便制作 MC 的嵌套。
按 F6 插入6个关键帧(共7帧),每帧放入一幅图片,并设置图片坐标为(0,0);再新建一个 MC 命名为 Move_m ,将 pics_m 拖入备用,同时在属性面板中将其 Inatance Name 命名为 pic 以便以后用AS进行控制(图5),并将该层命名为 pic。
1
(图5)新建一层命名为" Mask,利用 Rectangle Tool (矩形工具 R)在该层画一矩形,在属性面板中设置其宽为54(与按钮相同),高221(与图片的高相同),坐标(0,0);用鼠标拖拽图片 MC 的右上角至矩形的右上角附近,出现图6所示的符号(自动捕获)松开鼠标即可,选中 Timeline (时间线) 中 pic 层的第37帧,按 F6 插入关键帧,按 F9 弹出 Acti>
2
(图6)右键单击pic层前面的帧,在弹出菜单中选择第一项" Create Moti>
3
(图7)选中" pic 层第10帧,按 F6 创建关键帧;回到第一帧,选中编辑区中的 MC ,在属性面板中设置 Color Styles (样式)为 Alpha(透明),数值为1%(图8),这样一个淡入并移动的动画就制作完成了。
4
(图8)再选择" Mask 层的第37帧,按 F5 创建内容帧,右键单击 Mask 层,选择弹出菜单中的 Mask 将该层设置为遮罩层,完成后如图9。
5
(图9)三、按钮的制作

首先制作按钮" OVER 帧中要用到的 MC:新建 MC 命名为 btn_mc_1;将 move_m 拖入,设置坐标(0,0);在 Acti>
6
(图10)


7
(图11)" 然后在 Library (库)中右键单击 btn_mc_1 选择弹出菜单中的 Duplicate (复制)弹出 Duplicate Symbol (复制符号)对话框,将名称改为 btn_mc_2,进入 btn_mc_2 的编辑状态,将 move_m 的 Acti>
8
(图12)这样第一个按钮就制作完成,按照刚才制作" btn_mc_2 ~btn_mc_7 的方法同样复制出 btn_2 ~ btn_7,需要修改的是导航文字和 over 帧 MC。

修改文字不必说了,需要说明的是更换 over 帧 MC 的方法,以 btn_2 为例:双击 Library (库)中的 btn_2 进入编辑状态,选择窗口中的 movie层的 MC 符号,单击属性面板中的 Swap... (交换)按钮,弹出 Swap Symbol (交换符号)对话框,将其更换为相应的 MC 即可( btn_1 对应 btn_mc_1,以此类推)。四、动画的完成

回到舞台,选中 buttons 层,将制作好的 btn_1~btn_7 拖入,并按效果中的样子摆放好,可以利用前面提到过的排列面板。现在这个漂亮的导航菜单就制作完成了,从这个例子中我们可以看到,只要创意好,即使最简单的动画也能实现很漂亮的效果。swf源文件下载

选择5ucms.org 选择未来

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms仿站,Flash动画制作技巧
下一篇:5ucms教程,Flash变速滑动菜单剖析
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms模版,仿央视网Flash动态导航菜单的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org