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

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

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

　　制作前準備：

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

　　制作步驟

　　1.啟動FLASH軟件。

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

　　3.首先將準備好的素材導(dǎo)入到庫中待用。

　　(一)腳本加載外部文件

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

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

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

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

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

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

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

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

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

　　6.編輯制作場景

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

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

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

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

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

　　stop();

　　mc._x = anniu0._x;

　　var my_array:Array = new Array("網(wǎng)站", "動畫", "文稿", "教程", "相冊", "歌曲");

　　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.本任務(wù)完成后測試存盤

　　(二)腳本加載外部文件

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

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

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

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

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

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

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

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

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

　　6.編輯制作場景

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

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

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

　　on (release) {

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

　　}

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

　　鎖定該圖層。

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

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

　　stop();

　　mc._x = anniu0._x;

　　var my_array:Array = new Array("網(wǎng)站", "動畫", "文稿", "教程", "相冊", "歌曲");

　　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è)的原理方法基本相同，只不過按鈕加載外部文件幀語句去掉加載的網(wǎng)址部分(不去掉也可)，且每個按鈕需要添加按鈕指令。

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

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