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

分类:动画制作学习    发布时间:2019年06月17日    点击:50次

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

标签:课件动画制作flash课件制作课件制作

最近发表
标签列表
手机扫一扫
扫一扫手机观看