Flash课件中缓冲菜单制作方法:
通过本节教学了解和掌握加载外部文件,按钮的制作和指令的添加,动态文本设定,动作面板及脚本的运用,并利用上述原理创作缓冲菜单的动画效果。
制作前准备:
准备一张背景图片(或制作一个动画作品),处理后待用。
制作步骤
1.启动FLASH软件。
2.确立文档属性 设置动画尺寸为550*400,背景颜色黑色,其它默认,点击确定,进入场景1。
3.首先将准备好的素材导入到库中待用。
(一)脚本加载外部文件
4.创建六个按钮元件
(1)选择插入-新建元件,建立一个名为网站的按钮元件,点击确定,进入元件编辑区。改图层1为椭圆。
a.选择椭圆图层第一帧(弹起),用椭圆形工具打开混色器,设置其参数,在舞台拖一个规格为40*40的,无边线的正圆。全居中。在第二帧(指针经过),插入关键帧,将舞台实例变换一个颜色,在第四帧(点击)插入帧。上锁。
b.添加一个图层,命名为标识,选择第一帧(弹起),画比椭圆小的一个小房子,全居中。 第四帧(点击)插入帧。上锁。
(2)同理同种方法完成按钮动画、文稿、教程、相册、歌曲的制作:
5.创建影片剪辑元件
选择插入-新建元件,建立一个名为鼠标的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。上层改名为三角,下层改名为动本。
(1)选择三角图层第一帧,用矩形工具打开混色器,设置其参数,在舞台托一个14*14的矩形(如图8-1),用选择工具按住矩形左上角往右平拖(如图8-2),再用选择工具按住矩形右上角往左平拖,使其成为上三角(如图8-3),全居中。上锁。
(2)选择动本图层第一帧,用文本工具-动态,在三角的右侧拖一个文本框,并在属性面板填写其实例名称为 sb 。上锁。其设置,
6.编辑制作场景
返回场景1,添加三个图层,共四个图层。自下而上命名为背景、按钮、鼠标、as。
(1)选择背景图层第一帧,从库中拖出背景图片到舞台(或你制作好的动画影片剪辑),规格550*400,全居中。上锁。
(2)选择按钮图层第一帧,分别依次从库中拖出网站、动画、文稿、教程、相册和歌曲六个按钮到舞台,水平摆放在背景的下方适当位置。并分别依次为各个按钮在属性面板填写其实例名称为:anniu0、anniu1、anniu2、anniu3、anniu4、anniu5 。 上锁。
(3)选择鼠标图层第一帧,从库中拖出鼠标影片剪辑元件到舞台,将其三角放置在网站按钮的中下方。并在属性面板填写其实例名称为:mc 。上锁。
(4)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:
stop();
mc._x = anniu0._x;
var my_array:Array = new Array("网站", "动画", "文稿", "教程", "相册", "歌曲");
var url_array:Array = new Array("http://hsb345.16789.net/index.asp?ydy_admin=you", "http://hsb345.16789.net/index.asp?ActionX=ReadArt&NewsID=1334032","http://hsb345.16789.net/index.asp?ActionX=ReadArt&NewsID=1688773",
"http://hsb345.16789.net/index.asp?ActionX=ReadArt&NewsID=1463433","http://hsb345.16789.net/index.asp?ActionX=ReadArt&NewsID=1694821", "http://hsb345.16789.net/index.asp?ActionX=ReadArt&NewsID=879487");
for (var d:Number = 5; d>=0; d--) {
this["anniu"+d].id = d;
this["anniu"+d].onRollOver = function() {
mc.sb.text = my_array[this.id];
_btnX = this._x;
mc.onEnterFrame = function() {
this._x += (_btnX-this._x)/4;
if (this._x == 0) {
delete this.onEnterFrame;
}
};
};
this["anniu"+d].onRelease = function() {
getURL(url_array[this.id]);
};
}
锁定该图层。
7.本任务完成后测试存盘
(二)脚本加载外部文件
4.创建六个按钮元件
(1)选择插入-新建元件,建立一个名为网站的按钮元件,点击确定,进入元件编辑区。改图层1为椭圆。
a.选择椭圆图层第一帧(弹起),用椭圆形工具打开混色器,设置其参数,在舞台拖一个规格为40*40的,无边线的正圆。全居中。在第二帧(指针经过),插入关键帧,将舞台实例变换一个颜色,在第四帧(点击)插入帧。上锁。
b.添加一个图层,命名为标识,选择第一帧(弹起),画比椭圆小的一个小房子,全居中。 第四帧(点击)插入帧。上锁。
(2)同理同种方法完成按钮动画、文稿、教程、相册、歌曲的制作:
5.创建影片剪辑元件
选择插入-新建元件,建立一个名为鼠标的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。上层改名为三角,下层改名为动本。
(1)选择三角图层第一帧,用矩形工具打开混色器,设置其参数,在舞台托一个14*14的矩形(如图23-1),用选择工具按住矩形左上角往右平拖(如图23-2),再用选择工具按住矩形右上角往左平拖,使其成为上三角(如图23-3),全居中。上锁。
(2)选择动本图层第一帧,用文本工具-动态,在三角的右侧拖一个文本框,并在属性面板填写其实例名称为 sb 。上锁。
6.编辑制作场景
返回场景1,添加三个图层,共四个图层。自下而上命名为背景、按钮、鼠标、as。
(1)选择背景图层第一帧,从库中拖出背景图片到舞台(或你制作好的动画影片剪辑),规格550*400,全居中。上锁。
(2)选择按钮图层第一帧,分别依次从库中拖出网站、动画、文稿、教程、相册和歌曲六个按钮到舞台,摆放在背景的下方适当位置。并分别依次为各个按钮在属性面板填写其实例名称为:anniu0、anniu1、anniu2、anniu3、anniu4、anniu5 。 上锁。点击网站按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:
on (release) {
getURL ("http://hsb345.16789.net/index.asp?ydy_admin=you", "_blank");
}
按钮“动画、文稿、教程、相册、歌曲”指令语句的添加原理方法相同,只是将上边的语句中红色的网址部分换成相应的网址即可。
锁定该图层。
(3)选择鼠标图层第一帧,从库中拖出鼠标影片剪辑元件到舞台,将其三角放置在网站按钮的中下方。并在属性面板填写其实例名称为:mc 。上锁。
(4)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:
stop();
mc._x = anniu0._x;
var my_array:Array = new Array("网站", "动画", "文稿", "教程", "相册", "歌曲");
for (var d:Number = 5; d>=0; d--) {
this["anniu"+d].id = d;
this["anniu"+d].onRollOver = function() {
mc.sb.text = my_array[this.id];
_btnX = this._x;
mc.onEnterFrame = function() {
this._x += (_btnX-this._x)/4;
if (this._x == 0) {
delete this.onEnterFrame;
}
};
};
this["anniu"+d].onRelease = function() {
getURL(url_array[this.id]);
};
}
锁定该图层。
7.本实例完成后测试存盘
*说明:
1.脚本加载外部文件的方法虽然没有为按钮添加语句的繁琐,但是,发表后有的空间不认可,而且,打开加载文件后原页面消失。
2.按钮加载外部文件的方法虽然多了为各个按钮添加语句的程序,但是,它基本上克服了脚本加载外部文件的弊端。推荐!
3.两种作业的原理方法基本相同,只不过按钮加载外部文件帧语句去掉加载的网址部分(不去掉也可),且每个按钮需要添加按钮指令。
4.创作中你如果要按个人意愿加载外部文件的话,只须在帧语句中将网页地址换成你需要加载的地址即可,按钮指令语句中也要将地址换成相应页面的地址。
黄鹤楼动漫动画制作:027-82730702;82720703 移动/微信:139-9566-0877 企鹅QQ:76211136