|
作前准备
下载一张背景图片（或你本人的动画作品）,规格约为550*400，经过制图软件（ps、fw）处理后，放到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件
2.确立文档属性
设置动画尺寸为550*400，背景颜色黑色，其它默认,点击确定，进入场景1工作区。如图1所示：
图1
3.首先将准备好的图片导入到库中，待用。
4.创建按钮元件
选择“插入－新建元件”，创建一个名为“隐钮”的按钮元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第4帧（点击）插入空白关键帧，用矩形工具在舞台拖一个规格为33*33的，无边线的矩形，颜色随意。全居中。如图2所示：
图2
5.创建影片剪辑元件
（1）选择“插入－新建元件”，创建一个名为“矩形”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第一帧，用矩形工具在舞台拖一个规格为388*54的、无边线的矩形，颜色随意。全居中，上锁。如图3所示：
图3
（2）选择“插入－新建元件”，创建一个名为“链接”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第一帧，用线条工具在舞台画一个笔触高度为2，蓝色倒立的对号，复制、粘贴一个，将二者并列。在第2、3、4帧插入关键帧，并依次将2、3、4帧上的实例颜色改为红、黄、绿。如图4所示：
图4
（3）选择“插入－新建元件”，创建一个名为“菜单”的影片剪辑元件，点击确定，进入元件编辑区。添加三个图层，共四个图层。自下而上命名为矩形、模板、文本、按钮。
A.选择矩形图层第一帧，从库中拖出“矩形”影片剪辑元件到舞台，全居中。选中该实例，在属性面板设置其Alpha为0％。如图5所示：
图5
选中该实例，在属性模板填写其实例名称为：mc_bg 。在第20帧插入帧，上锁。如图6所示：
图6
B.选择模板图层第一帧，从库中拖出“链接”影片剪辑元件到舞台，将其放置在矩形的右侧。垂直中齐。如图7所示：
图7
在第2帧插入空白关键帧，用矩形工具在链接处拖一个20*10的，无边线的草绿色矩形，垂直中齐。如图8所示：
图8
在第15帧插入关键帧，将该矩形加长规格为365*10，全居中。点击第2帧，在属性面板创建本区域间的形状补间。如图9所示：
图9
在第20帧插入关键帧，再将该帧上的实例加高规格为365*54，全居中。点击第15帧，在属性面板创建本区域间的形状补间。上锁。如图10所示：
图10
C.选择文本图层第20帧，用文本工具输入要链接的五个网页名称。字体、规格、颜色随意，调整好位置。点击左边第一个网页文字链接，在属性面板下方URL处输入要链接的网页地址，目标选择：_blank。如图11所示：
图11
同理同种方法，完成其它四个文字链接的操作。上锁。
D.选择按钮图层第一帧，从库中拖出“隐钮”按钮元件到舞台，将其放置在“链接”影片剪辑元件之上。如图12所示：
图12
点击该按钮，按f9，打开动作面板，在as编辑区输入，如下指令语句：
on (rollOver){
_root.my_B = true;
}
在第2帧插入空白关键帧，在第20帧插入帧。上锁。
E.该环节完成后的时间轴，如图13所示：
图13
6.组织编辑场景
返回场景1，添加两个图层，共三个图层。自下而上命名为，作品、菜单、as。
（1）选择作品图层第一帧，将准备好的作品图片（或你的动画作品影片剪辑）从库中拖入舞台，规格为550*400。全居中，上锁。如图14所示：
图14
（2）选择菜单图层第一帧，从库中拖出“菜单”影片剪辑元件到舞台，将其放置在作品的右下方，水平中齐。如图15所示：
图15
选中该实例，在属性面板填写其实例名称为：my_mc 。上锁。如图16所示：
图16
（3）选择as图层第一帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：
var my_B:Boolean = false;
my_mc.onEnterFrame = function() {
if (!my_B) {
my_mc.prevFrame();
} else {
my_mc.nextFrame();
}
};
my_mc.mc_bg.onEnterFrame = function() {
if (my_mc.mc_bg.hitTest(_root._xmouse, _root._ymouse, 1) == false) {
my_B = false;
my_mc.prevFrame();
}
};
锁定该图层。
7.本作业完成后的时间轴，如图17所示：
图18
8.测试存盘。
说明：
1.隐形菜单因为占位小，所以它既不影响你作品的观赏性，又可以在你作品中进行超链接。
2.菜单中的文字链接也可以用按钮进行交互，想想我们以前学到的知识原理，又该如何操作呢？！
最终效果显示：
http://hsb345.16789.net/domName/hsb345/201042711174549291.swf
全屏下载
祝你成功！
进入更多教程 |
