Flash制作夢(mèng)幻仙境動(dòng)畫效果_Flash教程

推薦：網(wǎng)站中運(yùn)用Flash技術(shù)的優(yōu)點(diǎn)和缺點(diǎn)
Flashisapowerfulwebtechnologythatachievesahighlevelofvisualimpactfromthegraphicalpointofview.Unfortunately,itiswidelymisused

　　本教程是關(guān)于使用flash制作夢(mèng)幻仙劍效果，主要是運(yùn)用時(shí)間軸特效來制作百葉窗效果，用濾鏡來制作邊框效果，混合模式制作圖片色彩變幻的效果，而鼠標(biāo)跟隨效果由AS編程來實(shí)現(xiàn)。希望本教程能給您帶來幫助～

效果演示

　　運(yùn)用的知識(shí)點(diǎn):

　　用時(shí)間軸特效制作百葉窗；
　　濾鏡制作邊框效果；
　　混合模式制作圖片色彩變幻的效果；
　　AS制作鼠標(biāo)跟隨效果。

　　(一).新建FLASH文檔,大小600*400,其他數(shù)值默認(rèn).

　　(二).元件的預(yù)備

　　一.制作百葉窗元件

　　1.插入—新建元件,類形圖形,命名為線條

　　筆觸顏色禁止,填充色任意,用矩形工具畫一個(gè)600*3長(zhǎng)方形(圖2).

圖2

　　用黑箭頭工具選中長(zhǎng)方形,全居中(相對(duì)舞臺(tái),水平中齊,垂直中齊)(圖3)

圖3

　　2.插入—新建元件,類形影片剪輯,命名為百葉窗.
　　從庫(kù)中把線條元件拖入,全居中.
　　選中線條,然后點(diǎn)插入—時(shí)間軸特效—幫助—復(fù)制到網(wǎng)格(圖4)

圖4

　　如圖5設(shè)置好,點(diǎn)確定.百葉窗元件就做好了

圖5

　　二.制作邊框元件

　　插入—新建元件,類形影片剪輯,命名邊框元件.
　　筆觸顏色禁止,填充色任意,用矩形工具畫500*350的長(zhǎng)方形.全居中

　　三.制作圖片元件

　　點(diǎn)插入--新建元件,類形影片剪輯,命名圖片元件.
　　再點(diǎn)文件--導(dǎo)入--導(dǎo)入到舞臺(tái),找到一張你喜歡的圖片,點(diǎn)打開,這時(shí)舞臺(tái)和庫(kù)中都有這張位圖了(見圖6.圖7).

圖6

圖7

　　選中圖片,在屬性面板改大小為500*350,全居中(圖8).

圖8

　　四.制作圖片按鈕

　　點(diǎn)插入—新建元件,類型按鈕,命名為圖片按鈕,點(diǎn)確定(圖9).

圖9

　　點(diǎn)彈起幀,然后從庫(kù)中把位圖拖入,選中圖片,在屬性面板設(shè)置大小為500*350,全居中(圖10).

圖10

　　五.鼠標(biāo)跟隨元件

　　1.蝴蝶飛舞元件:我比較懶,利用了網(wǎng)上的資源,大家有愛好可以自己做,素材打包附在后面.
　　2.跟隨1元件.
　　插入--新建元件,類形影片剪輯,命名跟隨1
　　圖層1的第一幀,點(diǎn)文本工具,在屬性面板中,設(shè)置為動(dòng)態(tài)文本,并設(shè)置好字體和大小,然后在舞臺(tái)中打上任意一個(gè)字,選中這個(gè)字,在屬性面板中,實(shí)例名稱改為_txt(注重要在英文輸入狀態(tài)才行) (圖11) ,全居中.

圖11

　　插入圖層2,點(diǎn)圖層2的第一幀,從庫(kù)中把蝴蝶飛舞的元件拖入放在字的上方(圖12).

圖12

　　3.鼠標(biāo)跟隨元件
　　插入-新建元件,類形影片剪輯,命名鼠標(biāo)跟隨
　　點(diǎn)圖層1的第一幀,從庫(kù)中把跟隨1元件拖入,選中這個(gè)元件,在屬性面板,改實(shí)例名為:mc0,全居中(圖13).

圖13

　　插入圖層2,點(diǎn)圖層2的第一幀,按F9,打開動(dòng)作面板,輸入下面代碼:
　　var disWord = "夢(mèng)幻仙境";
　　var dConst = 4;
　　var xConst = 30;
　　var yConst = 0;
　　var sConst = 4.000000E-001;
　　var count = disWord.length;
　　var i = 0;
　　while (i < count)
　　{
　　if (i == 0)
　　{
　　mc0.swapDepths(count - i);
　　}
　　else
　　{
　　mc0.duplicateMovieClip("mc" i, count - i);
　　} // end else if
　　this["mc" i]._xscale = this["mc" i]._yscale = 100 * (1 - sConst sConst * (1 - i / count));
　　this["mc" i]._txt.text = disWord.substr(i, 1);
　　 i;
　　} // end while
　　onEnterFrame = function ()
　　{
　　this.mc0._x = this._xmouse;
　　this.mc0._y = this._ymouse;
　　for (var _loc2 = 1; _loc2 < count; _loc2)
　　{
　　var _loc4 = xConst * (1 - sConst sConst * (1 - _loc2 / count));
　　var _loc3 = yConst * (1 - sConst sConst * (1 - _loc2 / count));
　　this["mc" _loc2]._x = this["mc" _loc2]._x (this["mc" (_loc2 - 1)]._x 1.500000E 000 * _loc4 - this["mc" _loc2]._x) / dConst;
　　this["mc" _loc2]._y = this["mc" _loc2]._y (this["mc" (_loc2 - 1)]._y 1.500000E 000 * _loc3 - this["mc" _loc2]._y) / dConst;
　　} // end of for
　　};

　　見圖14(汗,那些代碼是套用的,是什么意思就別問我了).

圖14

　　六.金魚元件:金魚的制作我已經(jīng)另外開貼發(fā)出來了,有愛好的可以自己做下,也可以制作其他元件來裝飾場(chǎng)景.

　　七.音樂元件:先導(dǎo)入一首你喜歡的歌到庫(kù)中,然后給音樂減肥,從庫(kù)中找到音樂,選中它,點(diǎn)右鍵—屬性,如圖設(shè)置.
　　插入--新建元件,類形影片剪輯,命名音樂,點(diǎn)第一幀,在屬性欄里,如圖設(shè)置.(見圖15,16,17)

圖15

圖16

圖17

　　延長(zhǎng)幀至音樂消失.

　　(三).場(chǎng)景組裝
　　1.場(chǎng)景1的第一層,改名為大圖,點(diǎn)第一幀,從庫(kù)中把圖片元件拖入,選中圖片,在屬性面板中,"顏色"下拉列表中選擇"Alpha"值設(shè)置為75%,大小改為600*400(圖18).

圖18

　　全居中,點(diǎn)第11幀,按F5,延長(zhǎng)幀到11幀(圖19).圖層上鎖.

圖19

　　2.增加圖層2,改名為百葉窗,點(diǎn)第一幀,從庫(kù)中把百葉窗元件拖入,屬性面板設(shè)置大小為600*400,全居中.
　　在屬性面板中將"色調(diào)"如圖設(shè)置(可以改成你喜歡的顏色)."混合"項(xiàng)為疊加(圖20).圖層上鎖

圖20

　　3.增加圖層3,改名為底圖,點(diǎn)第一幀,從庫(kù)中把圖片元件拖入.全居中(圖21).

圖21

　　4.增加圖層4,改名為圖片組,點(diǎn)第一幀,從庫(kù)中把圖片按鈕拖入,全居中.選中這個(gè)按鈕,按F9,打開動(dòng)作面板,輸入代碼:

　　on (rollOver) {gotoAndPlay(2); }

　　點(diǎn)第二幀,按F7,插入空白要害幀,從庫(kù)中把圖片元件拖入,全居中.
　　在屬性面板中，在"混合"項(xiàng)選擇"色彩增殖"。在"顏色"項(xiàng)選擇"色調(diào)"，"色彩數(shù)量"設(shè)為52%。單擊"色調(diào)"旁邊的"填充色"按鈕，打開調(diào)色板，同時(shí)光標(biāo)變成吸管狀。在調(diào)色板上移動(dòng)鼠標(biāo)，會(huì)發(fā)現(xiàn)鼠標(biāo)移動(dòng)到不同顏色圖片也會(huì)隨之而變化,吸取你喜歡的顏色.( 如圖22)

圖22

　　再把第3幀到第11幀每一幀都插入一個(gè)要害幀，為每一幀選擇不同的顏色.
　　5. 增加圖層5,改名邊框,把邊框元件拖入,全居中.增加濾鏡效果:選中邊框元件,點(diǎn)"濾鏡",再點(diǎn)” ”,點(diǎn)"發(fā)光",模糊數(shù)值默認(rèn),強(qiáng)度為500,顏色選擇自己喜歡的,挖空項(xiàng)一定要打上勾.如圖23.

圖23

　　6.增加圖層6,改名金魚,從庫(kù)中拖入幾個(gè)金魚擺好位置.
　　7. 增加圖層7,改名鼠標(biāo)跟隨,從庫(kù)中把鼠標(biāo)跟隨元件拖入場(chǎng)景 .
　　8. 增加圖層8,改名音樂, 從庫(kù)中把鼠標(biāo)音樂元件拖入場(chǎng)景
　　9.增加圖層9,改名AS,點(diǎn)第一幀,按F9打開動(dòng)作面板輸入命令:stop();

　　OK,終于做完了,測(cè)試,發(fā)布,保存.

分享：新手來看：Flahs as入門教程
這里我只簡(jiǎn)單的介紹一下AS的基本常識(shí)。首先我們要了解AS要寫在什么地方，什么時(shí)候AS會(huì)被觸發(fā)執(zhí)行。1、幀：寫在要害幀上面的AS，當(dāng)時(shí)間軸上的指針走到這個(gè)要