Flash课件网 - 您身边的课件制作专家
Flash课件网官方,专业代做课件、定制原创Flash动画或参赛课件、修改Flash、制作演讲或汇报幻灯片PPT课件。联系QQ:4318100或搜索微信号:flashkj

Flash课件中缓冲菜单制作方法

本站提供Flash课件代做和PPT幻灯片定制业务,联系QQ/微信:4318100

通过本节教学了解和掌握加载外部文件,按钮的制作和指令的添加,动态文本设定,动作面板及脚本的运用,并利用上述原理创作缓冲菜单的动画效果。

 

 

作前准备:

准备一张背景图片(或制作一个动画作品),处理后待用。

制作步骤

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.创作中你如果要按个人意愿加载外部文件的话,只须在帧语句中将网页地址换成你需要加载的地址即可,按钮指令语句中也要将地址换成相应页面的地址。

标签:
分类:Flash课件| 发布:admin| 查看: | 发表时间:2013-11-28
原创文章如转载,请注明:转载自Flash课件网 http://www.flashkj.com/
本文链接:http://www.flashkj.com/flashkj/327.html

已经有 ( 0 ) 位网友发表了评论,你也评一评吧!

Design By Flashkj.Com | Login | Power By Chen Feiyang.