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

分类:动漫制作    发布时间:2019年06月17日    点击:2101次

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

推荐阅读:

《赴汤蹈火;fù tāng dǎo huǒ》冒个炮中华成语故事视界

为了加速研发出疫苗应该让人主动感染新冠病毒吗?

美女护士简笔画怎么画?美女护士简笔画步骤教程

男医生简笔画怎么画?男医生简笔画步骤教程

抗击新冠病毒疫情武汉加油简笔画怎么画?

观看人类第一部手绘4K动画是什么样一种体验?

《血液从哪里来到哪里去?》冒个炮十万个为什么动漫视界

MG动画制作《孔雀为什么会开屏?》科普动漫宣传片

MG动画制作《纵深推进扫黑除恶 严惩网络通信诈骗》科普动漫宣传片

手绘动画广告制作《京新参竹精胶囊》动漫宣传片

最近发表