Flash課件中緩沖菜單制作方法

分類:動漫制作    發(fā)布時間:2019年06月17日    點擊:1847次

Flash課件中緩沖菜單制作方法:



通過本節(jié)教學了解和掌握加載外部文件,按鈕的制作和指令的添加,動態(tài)文本設定,動作面板及腳本的運用,并利用上述原理創(chuàng)作緩沖菜單的動畫效果。

  制作前準備:

  準備一張背景圖片(或制作一個動畫作品),處理后待用。

  制作步驟

  1.啟動FLASH軟件。

  2.確立文檔屬性 設置動畫尺寸為550*400,背景顏色黑色,其它默認,點擊確定,進入場景1。

  3.首先將準備好的素材導入到庫中待用。

  (一)腳本加載外部文件

  4.創(chuàng)建六個按鈕元件

  (1)選擇插入-新建元件,建立一個名為網站的按鈕元件,點擊確定,進入元件編輯區(qū)。改圖層1為橢圓。

  a.選擇橢圓圖層第一幀(彈起),用橢圓形工具打開混色器,設置其參數(shù),在舞臺拖一個規(guī)格為40*40的,無邊線的正圓。全居中。在第二幀(指針經過),插入關鍵幀,將舞臺實例變換一個顏色,在第四幀(點擊)插入幀。上鎖。

  b.添加一個圖層,命名為標識,選擇第一幀(彈起),畫比橢圓小的一個小房子,全居中。 第四幀(點擊)插入幀。上鎖。

  (2)同理同種方法完成按鈕動畫、文稿、教程、相冊、歌曲的制作:

  5.創(chuàng)建影片剪輯元件

  選擇插入-新建元件,建立一個名為鼠標的影片剪輯元件,點擊確定,進入元件編輯區(qū)。添加一個圖層,共兩個圖層。上層改名為三角,下層改名為動本。

  (1)選擇三角圖層第一幀,用矩形工具打開混色器,設置其參數(shù),在舞臺托一個14*14的矩形(如圖8-1),用選擇工具按住矩形左上角往右平拖(如圖8-2),再用選擇工具按住矩形右上角往左平拖,使其成為上三角(如圖8-3),全居中。上鎖。

  (2)選擇動本圖層第一幀,用文本工具-動態(tài),在三角的右側拖一個文本框,并在屬性面板填寫其實例名稱為 sb 。上鎖。其設置,

  6.編輯制作場景

  返回場景1,添加三個圖層,共四個圖層。自下而上命名為背景、按鈕、鼠標、as。

  (1)選擇背景圖層第一幀,從庫中拖出背景圖片到舞臺(或你制作好的動畫影片剪輯),規(guī)格550*400,全居中。上鎖。

  (2)選擇按鈕圖層第一幀,分別依次從庫中拖出網站、動畫、文稿、教程、相冊和歌曲六個按鈕到舞臺,水平擺放在背景的下方適當位置。并分別依次為各個按鈕在屬性面板填寫其實例名稱為:anniu0、anniu1、anniu2、anniu3、anniu4、anniu5 。 上鎖。

  (3)選擇鼠標圖層第一幀,從庫中拖出鼠標影片剪輯元件到舞臺,將其三角放置在網站按鈕的中下方。并在屬性面板填寫其實例名稱為:mc 。上鎖。

  (4)選擇as圖層第一幀,按f9,打開動作面板,在as編輯區(qū)輸入,如下幀語句:

  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.創(chuàng)建六個按鈕元件

  (1)選擇插入-新建元件,建立一個名為網站的按鈕元件,點擊確定,進入元件編輯區(qū)。改圖層1為橢圓。

  a.選擇橢圓圖層第一幀(彈起),用橢圓形工具打開混色器,設置其參數(shù),在舞臺拖一個規(guī)格為40*40的,無邊線的正圓。全居中。在第二幀(指針經過),插入關鍵幀,將舞臺實例變換一個顏色,在第四幀(點擊)插入幀。上鎖。

  b.添加一個圖層,命名為標識,選擇第一幀(彈起),畫比橢圓小的一個小房子,全居中。 第四幀(點擊)插入幀。上鎖。

  (2)同理同種方法完成按鈕動畫、文稿、教程、相冊、歌曲的制作:

  5.創(chuàng)建影片剪輯元件

  選擇插入-新建元件,建立一個名為鼠標的影片剪輯元件,點擊確定,進入元件編輯區(qū)。添加一個圖層,共兩個圖層。上層改名為三角,下層改名為動本。

  (1)選擇三角圖層第一幀,用矩形工具打開混色器,設置其參數(shù),在舞臺托一個14*14的矩形(如圖23-1),用選擇工具按住矩形左上角往右平拖(如圖23-2),再用選擇工具按住矩形右上角往左平拖,使其成為上三角(如圖23-3),全居中。上鎖。

  (2)選擇動本圖層第一幀,用文本工具-動態(tài),在三角的右側拖一個文本框,并在屬性面板填寫其實例名稱為 sb 。上鎖。

  6.編輯制作場景

  返回場景1,添加三個圖層,共四個圖層。自下而上命名為背景、按鈕、鼠標、as。

  (1)選擇背景圖層第一幀,從庫中拖出背景圖片到舞臺(或你制作好的動畫影片剪輯),規(guī)格550*400,全居中。上鎖。

  (2)選擇按鈕圖層第一幀,分別依次從庫中拖出網站、動畫、文稿、教程、相冊和歌曲六個按鈕到舞臺,擺放在背景的下方適當位置。并分別依次為各個按鈕在屬性面板填寫其實例名稱為:anniu0、anniu1、anniu2、anniu3、anniu4、anniu5 。 上鎖。點擊網站按鈕,按f9,打開動作面板,在as編輯區(qū)輸入,如下指令語句:

  on (release) {

  getURL ("http://hsb345.16789.net/index.asp?ydy_admin=you", "_blank");

  }

  按鈕“動畫、文稿、教程、相冊、歌曲”指令語句的添加原理方法相同,只是將上邊的語句中紅色的網址部分換成相應的網址即可。

  鎖定該圖層。

  (3)選擇鼠標圖層第一幀,從庫中拖出鼠標影片剪輯元件到舞臺,將其三角放置在網站按鈕的中下方。并在屬性面板填寫其實例名稱為:mc 。上鎖。

  (4)選擇as圖層第一幀,按f9,打開動作面板,在as編輯區(qū)輸入,如下幀語句:

  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.腳本加載外部文件的方法雖然沒有為按鈕添加語句的繁瑣,但是,發(fā)表后有的空間不認可,而且,打開加載文件后原頁面消失。

  2.按鈕加載外部文件的方法雖然多了為各個按鈕添加語句的程序,但是,它基本上克服了腳本加載外部文件的弊端。推薦!

  3.兩種作業(yè)的原理方法基本相同,只不過按鈕加載外部文件幀語句去掉加載的網址部分(不去掉也可),且每個按鈕需要添加按鈕指令。

  4.創(chuàng)作中你如果要按個人意愿加載外部文件的話,只須在幀語句中將網頁地址換成你需要加載的地址即可,按鈕指令語句中也要將地址換成相應頁面的地址。


黃鶴樓動漫動畫制作:027-82730702;82720703 移動/微信:139-9566-0877 企鵝QQ:76211136

最近發(fā)表