仿央视网flash动态导航菜单的制作

《仿央视网flash动态导航菜单的制作》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、仿央视网Flash动态导航菜单的制作简介：   央视网站的一个Flash导航菜单的制作方法，实现起来非常简单，只用到最基本的动画效果和简单的ActionScript（动作脚本AS），但是效果非常不错…… 今天给大家介绍一下央视网站的一个Flash导航菜单的制作方法，实现起来非常简单，只用到最基本的动画效果和简单的ActionScript（动作脚本AS），但是效果非常不错。分析：该效果主要是利用在按钮的OVER（经过）帧中放入MovieClip（影片剪辑MC）来实现的，主要效果的实现都是在MC中实现的，

2、利用了遮罩、淡入，移动等动画效果叠加的方式。由于几个按钮的实现方式是相同的，所以用到了MC的嵌套配合一些简单AS的技巧，这是值得大家重点学习的。    在制作之前我们首先要准备好在效果中看到几幅图片，一幅用作背景，另外七幅在按钮中使用（尺寸相同），当然你可以选择任何自己喜欢的图片。    一、舞台的修饰    运行Flash(这里用的是FlashMX英文版，文中会尽量给出详细的中英文对照)，打开DocumentProperties(文档属性)对话框（快捷键Ctrl+J），设置宽高为419px和246p

3、x、帧速为默认值12fps、背景色为#FFC318，与背景图片的背景色相同，确定后返回场景编辑界面。    将准备好的图片导入，菜单:File(文件)-->Import...(导入)打开Import(导入)对话框，选择已经准备好的几幅图片（可以多选），按打开按钮导入。    所有图片导入完成后都将被放置在场景中，将其他图片从场景中删除，只留下用作背景的图片。不用担心，删除的图片还保留在库(Library)中，以后会用到他们。选中背景图片后打开Aligh（排列）面板（快捷键Ctrl+K）,使图片在舞台中

4、居中。新建一个图形(Graphic)符号（快捷键Ctrl+F8）,命名为Line_g，确定后进入编辑状态；选择LineTool（画线工具N）,画一竖线，在属性面板中修改属性，设置高为246px（与Flash同高）、坐标为(0,0)，颜色比背景色略深、样式设置为点线，其他属性保持默认。返回舞台(Ctrl+E)，按新建层按钮新建两层，将最上层命名为Lines,最下层命名为Back（背景层，已放置好了背景图片），中间层命名为Buttons,锁定Back层以免在编辑其他层时误修改了背景图片。选择Lines层，

5、打开Library（库Ctrl+L），将符号line_g拖入场景中，设置横坐标为60（按钮宽度），纵坐标按舞台居中；在舞台中再复制出5个line_g（共6个），选择一条，设置横坐标为359，Ctrl+A选中舞台中所有的符号（因背景层被锁定，所以背景图片不会被选中），单击排列面板中的ToStage按钮取消其按下状态，单击按钮使符号具有相同的间距，将lines层锁定。这样舞台就修饰好了。    二、主要动画效果的实现    新建一个MC命名为pics_m，用来存放所有按钮中的图片以便制作MC的嵌套。按F6

6、插入6个关键帧（共7帧），每帧放入一幅图片，并设置图片坐标为(0,0)；再新建一个MC命名为Move_m，将pics_m拖入备用，同时在属性面板中将其InatanceName命名为pic以便以后用AS进行控制，并将该层命名为pic。    新建一层命名为Mask，利用RectangleTool(矩形工具R)在该层画一矩形，在属性面板中设置其宽为60（与按钮相同），高221（与图片的高相同），坐标(0,0)；用鼠标拖拽图片MC的右上角至矩形的右上角附近，出现符号（自动捕获）松开鼠标即可，选中Timeli

7、ne(时间线)中pic层的第37帧，按F6插入关键帧，按F9弹出Action面板，按Ctrl+Shift+E转换到可以自由输入脚本的专家模式，输入stop()动作；然后按上面类似的方法，拖动图片MC的左上角至矩形的左上角进行自动捕获。右键单击pic层前面的帧，在弹出菜单中选择第一项CreateMotionTween选中pic层第10帧，按F6创建关键帧；回到第一帧，选中编辑区中的MC，在属性面板中设置ColorStyles（样式）为Alpha（透明），数值为1%，这样一个淡入并移动的动画就制作完成了。

8、.再选择Mask层的第37帧，按F5创建内容帧，右键单击Mask层，选择弹出菜单中的Mask将该层设置为遮罩层。    三、按钮的制作    首先制作按钮OVER帧中要用到的MC：新建MC命名为btn_mc_1；将move_m拖入，设置坐标(0,0)；在Action面板中输入下面的AS:onClipEvent(load){pic.gotoAndStop(1);//使pics_m停在第一帧，以显示第一幅图片}选择矩形工具，画一矩形，删除边线，设置属性为：宽