Flash課件中緩沖菜單制作方法:
通過本節(jié)教學了解和掌握加載外部文件,按鈕的制作和指令的添加,動態(tài)文本設定,動作面板及腳本的運用,并利用上述原理創(chuàng)作緩沖菜單的動畫效果。
制作前準備:
準備一張背景圖片(或制作一個動畫作品),處理后待用。
制作步驟
1.啟動FLASH軟件。
2.確立文檔屬性 設置動畫尺寸為550*400,背景顏色黑色,其它默認,點擊確定,進入場景1。
3.首先將準備好的素材導入到庫中待用。
(一)腳本加載外部文件
4.創(chuàng)建六個按鈕元件
(1)選擇插入-新建元件,建立一個名為網(wǎng)站的按鈕元件,點擊確定,進入元件編輯區(qū)。改圖層1為橢圓。
a.選擇橢圓圖層第一幀(彈起),用橢圓形工具打開混色器,設置其參數(shù),在舞臺拖一個規(guī)格為40*40的,無邊線的正圓。全居中。在第二幀(指針經(jīng)過),插入關鍵幀,將舞臺實例變換一個顏色,在第四幀(點擊)插入幀。上鎖。
b.添加一個圖層,命名為標識,選擇第一幀(彈起),畫比橢圓小的一個小房子,全居中。 第四幀(點擊)插入幀。上鎖。
(2)同理同種方法完成按鈕動畫、文稿、教程、相冊、歌曲的制作:
5.創(chuàng)建影片剪輯元件
選擇插入-新建元件,建立一個名為鼠標的影片剪輯元件,點擊確定,進入元件編輯區(qū)。添加一個圖層,共兩個圖層。上層改名為三角,下層改名為動本。
(1)選擇三角圖層第一幀,用矩形工具打開混色器,設置其參數(shù),在舞臺托一個14*14的矩形(如圖8-1),用選擇工具按住矩形左上角往右平拖(如圖8-2),再用選擇工具按住矩形右上角往左平拖,使其成為上三角(如圖8-3),全居中。上鎖。
(2)選擇動本圖層第一幀,用文本工具-動態(tài),在三角的右側(cè)拖一個文本框,并在屬性面板填寫其實例名稱為 sb 。上鎖。其設置,
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.本任務完成后測試存盤
(二)腳本加載外部文件
4.創(chuàng)建六個按鈕元件
(1)選擇插入-新建元件,建立一個名為網(wǎng)站的按鈕元件,點擊確定,進入元件編輯區(qū)。改圖層1為橢圓。
a.選擇橢圓圖層第一幀(彈起),用橢圓形工具打開混色器,設置其參數(shù),在舞臺拖一個規(guī)格為40*40的,無邊線的正圓。全居中。在第二幀(指針經(jīng)過),插入關鍵幀,將舞臺實例變換一個顏色,在第四幀(點擊)插入幀。上鎖。
b.添加一個圖層,命名為標識,選擇第一幀(彈起),畫比橢圓小的一個小房子,全居中。 第四幀(點擊)插入幀。上鎖。
(2)同理同種方法完成按鈕動畫、文稿、教程、相冊、歌曲的制作:
5.創(chuàng)建影片剪輯元件
選擇插入-新建元件,建立一個名為鼠標的影片剪輯元件,點擊確定,進入元件編輯區(qū)。添加一個圖層,共兩個圖層。上層改名為三角,下層改名為動本。
(1)選擇三角圖層第一幀,用矩形工具打開混色器,設置其參數(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)址部分換成相應的網(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)頁地址換成你需要加載的地址即可,按鈕指令語句中也要將地址換成相應頁面的地址。
黃鶴樓動漫動畫制作:027-82730702;82720703 移動/微信:139-9566-0877 企鵝QQ:76211136