Flash課件中緩沖菜單制作方法:
通過本節(jié)教學(xué)了解和掌握加載外部文件,按鈕的制作和指令的添加,動(dòng)態(tài)文本設(shè)定,動(dòng)作面板及腳本的運(yùn)用,并利用上述原理創(chuàng)作緩沖菜單的動(dòng)畫效果。
制作前準(zhǔn)備:
準(zhǔn)備一張背景圖片(或制作一個(gè)動(dòng)畫作品),處理后待用。
制作步驟
1.啟動(dòng)FLASH軟件。
2.確立文檔屬性 設(shè)置動(dòng)畫尺寸為550*400,背景顏色黑色,其它默認(rèn),點(diǎn)擊確定,進(jìn)入場景1。
3.首先將準(zhǔn)備好的素材導(dǎo)入到庫中待用。
(一)腳本加載外部文件
4.創(chuàng)建六個(gè)按鈕元件
(1)選擇插入-新建元件,建立一個(gè)名為網(wǎng)站的按鈕元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。改圖層1為橢圓。
a.選擇橢圓圖層第一幀(彈起),用橢圓形工具打開混色器,設(shè)置其參數(shù),在舞臺拖一個(gè)規(guī)格為40*40的,無邊線的正圓。全居中。在第二幀(指針經(jīng)過),插入關(guān)鍵幀,將舞臺實(shí)例變換一個(gè)顏色,在第四幀(點(diǎn)擊)插入幀。上鎖。
b.添加一個(gè)圖層,命名為標(biāo)識,選擇第一幀(彈起),畫比橢圓小的一個(gè)小房子,全居中。 第四幀(點(diǎn)擊)插入幀。上鎖。
(2)同理同種方法完成按鈕動(dòng)畫、文稿、教程、相冊、歌曲的制作:
5.創(chuàng)建影片剪輯元件
選擇插入-新建元件,建立一個(gè)名為鼠標(biāo)的影片剪輯元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。添加一個(gè)圖層,共兩個(gè)圖層。上層改名為三角,下層改名為動(dòng)本。
(1)選擇三角圖層第一幀,用矩形工具打開混色器,設(shè)置其參數(shù),在舞臺托一個(gè)14*14的矩形(如圖8-1),用選擇工具按住矩形左上角往右平拖(如圖8-2),再用選擇工具按住矩形右上角往左平拖,使其成為上三角(如圖8-3),全居中。上鎖。
(2)選擇動(dòng)本圖層第一幀,用文本工具-動(dòng)態(tài),在三角的右側(cè)拖一個(gè)文本框,并在屬性面板填寫其實(shí)例名稱為 sb 。上鎖。其設(shè)置,
6.編輯制作場景
返回場景1,添加三個(gè)圖層,共四個(gè)圖層。自下而上命名為背景、按鈕、鼠標(biāo)、as。
(1)選擇背景圖層第一幀,從庫中拖出背景圖片到舞臺(或你制作好的動(dòng)畫影片剪輯),規(guī)格550*400,全居中。上鎖。
(2)選擇按鈕圖層第一幀,分別依次從庫中拖出網(wǎng)站、動(dòng)畫、文稿、教程、相冊和歌曲六個(gè)按鈕到舞臺,水平擺放在背景的下方適當(dāng)位置。并分別依次為各個(gè)按鈕在屬性面板填寫其實(shí)例名稱為:anniu0、anniu1、anniu2、anniu3、anniu4、anniu5 。 上鎖。
(3)選擇鼠標(biāo)圖層第一幀,從庫中拖出鼠標(biāo)影片剪輯元件到舞臺,將其三角放置在網(wǎng)站按鈕的中下方。并在屬性面板填寫其實(shí)例名稱為:mc 。上鎖。
(4)選擇as圖層第一幀,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下幀語句:
stop();
mc._x = anniu0._x;
var my_array:Array = new Array("網(wǎng)站", "動(dò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)建六個(gè)按鈕元件
(1)選擇插入-新建元件,建立一個(gè)名為網(wǎng)站的按鈕元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。改圖層1為橢圓。
a.選擇橢圓圖層第一幀(彈起),用橢圓形工具打開混色器,設(shè)置其參數(shù),在舞臺拖一個(gè)規(guī)格為40*40的,無邊線的正圓。全居中。在第二幀(指針經(jīng)過),插入關(guān)鍵幀,將舞臺實(shí)例變換一個(gè)顏色,在第四幀(點(diǎn)擊)插入幀。上鎖。
b.添加一個(gè)圖層,命名為標(biāo)識,選擇第一幀(彈起),畫比橢圓小的一個(gè)小房子,全居中。 第四幀(點(diǎn)擊)插入幀。上鎖。
(2)同理同種方法完成按鈕動(dòng)畫、文稿、教程、相冊、歌曲的制作:
5.創(chuàng)建影片剪輯元件
選擇插入-新建元件,建立一個(gè)名為鼠標(biāo)的影片剪輯元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。添加一個(gè)圖層,共兩個(gè)圖層。上層改名為三角,下層改名為動(dòng)本。
(1)選擇三角圖層第一幀,用矩形工具打開混色器,設(shè)置其參數(shù),在舞臺托一個(gè)14*14的矩形(如圖23-1),用選擇工具按住矩形左上角往右平拖(如圖23-2),再用選擇工具按住矩形右上角往左平拖,使其成為上三角(如圖23-3),全居中。上鎖。
(2)選擇動(dòng)本圖層第一幀,用文本工具-動(dòng)態(tài),在三角的右側(cè)拖一個(gè)文本框,并在屬性面板填寫其實(shí)例名稱為 sb 。上鎖。
6.編輯制作場景
返回場景1,添加三個(gè)圖層,共四個(gè)圖層。自下而上命名為背景、按鈕、鼠標(biāo)、as。
(1)選擇背景圖層第一幀,從庫中拖出背景圖片到舞臺(或你制作好的動(dòng)畫影片剪輯),規(guī)格550*400,全居中。上鎖。
(2)選擇按鈕圖層第一幀,分別依次從庫中拖出網(wǎng)站、動(dòng)畫、文稿、教程、相冊和歌曲六個(gè)按鈕到舞臺,擺放在背景的下方適當(dāng)位置。并分別依次為各個(gè)按鈕在屬性面板填寫其實(shí)例名稱為:anniu0、anniu1、anniu2、anniu3、anniu4、anniu5 。 上鎖。點(diǎn)擊網(wǎng)站按鈕,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下指令語句:
on (release) {
getURL ("http://hsb345.16789.net/index.asp?ydy_admin=you", "_blank");
}
按鈕“動(dòng)畫、文稿、教程、相冊、歌曲”指令語句的添加原理方法相同,只是將上邊的語句中紅色的網(wǎng)址部分換成相應(yīng)的網(wǎng)址即可。
鎖定該圖層。
(3)選擇鼠標(biāo)圖層第一幀,從庫中拖出鼠標(biāo)影片剪輯元件到舞臺,將其三角放置在網(wǎng)站按鈕的中下方。并在屬性面板填寫其實(shí)例名稱為:mc 。上鎖。
(4)選擇as圖層第一幀,按f9,打開動(dòng)作面板,在as編輯區(qū)輸入,如下幀語句:
stop();
mc._x = anniu0._x;
var my_array:Array = new Array("網(wǎng)站", "動(dò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.本實(shí)例完成后測試存盤
*說明:
1.腳本加載外部文件的方法雖然沒有為按鈕添加語句的繁瑣,但是,發(fā)表后有的空間不認(rèn)可,而且,打開加載文件后原頁面消失。
2.按鈕加載外部文件的方法雖然多了為各個(gè)按鈕添加語句的程序,但是,它基本上克服了腳本加載外部文件的弊端。推薦!
3.兩種作業(yè)的原理方法基本相同,只不過按鈕加載外部文件幀語句去掉加載的網(wǎng)址部分(不去掉也可),且每個(gè)按鈕需要添加按鈕指令。
4.創(chuàng)作中你如果要按個(gè)人意愿加載外部文件的話,只須在幀語句中將網(wǎng)頁地址換成你需要加載的地址即可,按鈕指令語句中也要將地址換成相應(yīng)頁面的地址。
黃鶴樓動(dòng)漫動(dòng)畫制作:027-82730702;82720703 移動(dòng)/微信:139-9566-0877 企鵝QQ:76211136