点击浏览该文件
这是一个按钮导航条,通过滑过按钮看到flash编号,点击可以进入你所需要的页面。
本实例我是用鼠绘的方法制作的,希望大家可以更好的掌握混色器颜色的调配,达到自己需要的效果。
知识点:1、掌握绘图工具的运用,填充颜色的调整
2、进一步对透明度加深理解运用
3、对元件的识别和运用
4、学习按钮命令
5、场景的布局
1.新建文档,设置场景属性:70*400 背景色:黑.确定。
2.创建元件:A.底板元件:
点插入-新元件,行为:图形。 名字底板。
在工具栏选矩形工具,在编辑区绘制无边框的线性填充矩形 ,宽高:64*7 。
填充色自己创意。
(源文件:8个色块自左向右分别为:#308955透明度为0 #366332透明度为84 #C0E2D0透明度100
#030312透明度100 #EAECF9透明度100 #64AC5E透明度74 #5A8446透明度60 #C6DDC1透明
度20。)选对齐面板水平据中,低对齐。图1

B.条形元件:
点插入-新建元件,行为:图形。 名字:条。在工具栏选矩形工具,在场景下绘制无边框
的长条矩形 。填充色为纯色(源文件:#296533透明度90)。宽高:18*228。居中对齐。图2。 
C.按钮图元件:
点插入-新建元件,行为,图形。名字:按扭图。在工具栏选椭圆工具,在在编辑区绘制径
向填充圆形,尺寸31*31。颜色可以自定(源文件:自左向右色码为:#02D702透明度100
#014301透明度100 #000000透明度40)在工具栏选笔刷工具,填充色为白色,在按钮的高光位
置画出弧线高光区。居中。图三

D.按钮元件:
点插入-新建元件,名字按 钮。行为:按钮。进入按钮编辑区,在第一帧打开库拖出按钮
图元件,居中。在按钮编辑区,2、3、4帧插入关键帧,选中的二帧,点中编辑区的按钮,
在下边属性面板颜色选色调为黑,透明度:50%。
第三帧。点编辑区的按钮在下边属性面板颜色选色调为浅灰,透明度:50%。
添加新图层点第二帧插入空白关键帧在属性面板声音选择a,第三帧插入空白关键帧。
在属性面板声音选择b.。
E.影片剪辑元件1:
点插入-新建元件,行为,影片剪辑。名字:按扭动。确定。点图层1,添加五个图层,
共6个图层,在最上边图层改名Actions。
图层5改名按钮1。在第一帧F11打开库,拖出按钮元件,
居中对齐,点第七帧插入F6关键帧,点中编辑区的按钮,在下边属性面板输入X坐标为-12.5,
Y坐标为-248.0,回到第一帧创建运动渐变。用鼠标选中本图层所有帧点右键,拷贝帧备用。
在图层4改名按钮2,第三帧点右键,粘贴帧,点中结束帧编辑区的按钮,调整Y坐标的位置
为:-281.5。
图层3改名:按钮3的第五帧点右键,
粘贴帧,修改结束帧编辑区的按钮y坐标位置为:-315.0。
图层2改名按钮4的第七帧点右
键粘贴帧,修改结束帧上编辑区的按钮y坐标为:-351.0。
图层1改名按钮5的第九帧点右键
粘贴帧,修改结束帧上编辑区的按钮y坐标为:-387.0。 添加一图层,在15帧插入关键帧,
点右键-动作-stop(); 图4
F.影片剪辑元件2:
点插入-新建元件,行为,影片剪辑。名字:字母标题。确定。
在工具栏选文本工具,下面属性面板设置文本属性:字体,自定,大小18,竖体。点图层1的第二
帧,插入关键帧,在编辑区输入文字flash 1.在3、4、5、6帧插入关键帧,并修改数字为:2、3、
4、5。在这六祯上分别添加帧命令:stop()。
3.组合场景:
A. 回到场景一,点图层一改名:底板。第一帧,F11,打开库 ,拖出元件底板,放在场景下边右侧和
场景对齐,第8帧插入关键帧,选择任意变形工具,向上拉和场景同样大小,回到第一帧,创建
运动渐变。
B.添加图层二,改名条。在第三帧处插入空白关键帧,打开库拖出图形元件“条”,放在场景的下边左侧,
第九帧处 插入关键帧。将条元件向上移动,低对齐场景,回到第一帧创建运动渐变。
C.添加图层三,改名按钮。第九帧插入空白关键帧,打开库拖出影片剪辑“按钮动”放在场景的下边偏右,
坐标:x:33.5,y:310.3.
D.添加图层四,改名flash.第九帧插入空白关键帧,从库里拖出影片剪辑“字母标题”,放在场景左上侧,
位置:x:6.0,y:74.2。点中场景该元件,在下面属性面板添加实例名称为:a。
4.添加代码:
A. 场景:添加图层,as.第九帧插空白关键帧,点右键打开动作面板,影片控制-stop()。
B.按钮命令:在场景双击影片剪辑“按钮动”,进入编辑区,点中按钮一图层的第七帧所选中场景中
的按钮,点右键——动作,在动作面板输入:
on (rollOver, dragOver) {
root.a.gotoAndPlay(6);
}
on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}
点中按钮二图层的第九帧所选中场景中
的按钮,点右键——动作,在动作面板输入:
on (rollOver, dragOver) {
-root.a.gotoAndPlay(5);
}
on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}
点中按钮三图层的第11帧所选中场景中
的按钮,点右键——动作,在动作面板输入:
on (rollOver, dragOver) {
_root.a.gotoAndPlay(4);
}
on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}
点中按钮四图层的第十三帧所选中场景中
的按钮,点右键——动作,在动作面板输入:
on (rollOver, dragOver) {
_root.a.gotoAndPlay(3);
}
on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}
点中按钮五图层的第十五帧所选中场景中
的按钮,点右键——动作,在动作面板输入:
on (rollOver, dragOver) {
_root.a.gotoAndPlay(2);
}
on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}
如果你想每个按钮跳转到你的一个页面 请加:
on (press) {
getURL("/Upload/2005-04/yywz.swf", "_blank");
}
网址可以换你自己的。
整个实例完成,测试影片,保存。
源代码:
点击浏览该文件