Flash制作夢幻仙境動畫效果_Flash教程
推薦:網站中運用Flash技術的優點和缺點Flashisapowerfulwebtechnologythatachievesahighlevelofvisualimpactfromthegraphicalpointofview.Unfortunately,itiswidelymisused
本教程是關于使用flash制作夢幻仙劍效果,主要是運用時間軸特效來制作百葉窗效果,用濾鏡來制作邊框效果,混合模式制作圖片色彩變幻的效果,而鼠標跟隨效果由AS編程來實現。希望本教程能給您帶來幫助~
效果演示
運用的知識點:
用時間軸特效制作百葉窗;
濾鏡制作邊框效果;
混合模式制作圖片色彩變幻的效果;
AS制作鼠標跟隨效果。
(一).新建FLASH文檔,大小600*400,其他數值默認.
(二).元件的預備
一.制作百葉窗元件
1.插入—新建元件,類形圖形,命名為線條
筆觸顏色禁止,填充色任意,用矩形工具畫一個600*3長方形(圖2).

圖2
用黑箭頭工具選中長方形,全居中(相對舞臺,水平中齊,垂直中齊)(圖3)

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

圖4
如圖5設置好,點確定.百葉窗元件就做好了

圖5
二.制作邊框元件
插入—新建元件,類形影片剪輯,命名邊框元件.
筆觸顏色禁止,填充色任意,用矩形工具畫500*350的長方形.全居中
三.制作圖片元件
點插入--新建元件,類形影片剪輯,命名圖片元件.
再點文件--導入--導入到舞臺,找到一張你喜歡的圖片,點打開,這時舞臺和庫中都有這張位圖了(見圖6.圖7).

圖6

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

圖8
四.制作圖片按鈕
點插入—新建元件,類型按鈕,命名為圖片按鈕,點確定(圖9).

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

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

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

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

圖13
插入圖層2,點圖層2的第一幀,按F9,打開動作面板,輸入下面代碼:
var disWord = "夢幻仙境";
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
六.金魚元件:金魚的制作我已經另外開貼發出來了,有愛好的可以自己做下,也可以制作其他元件來裝飾場景.
七.音樂元件:先導入一首你喜歡的歌到庫中,然后給音樂減肥,從庫中找到音樂,選中它,點右鍵—屬性,如圖設置.
插入--新建元件,類形影片剪輯,命名音樂,點第一幀,在屬性欄里,如圖設置.(見圖15,16,17)

圖15

圖16

圖17
延長幀至音樂消失.
(三).場景組裝
1.場景1的第一層,改名為大圖,點第一幀,從庫中把圖片元件拖入,選中圖片,在屬性面板中,"顏色"下拉列表中選擇"Alpha"值設置為75%,大小改為600*400(圖18).

圖18
全居中,點第11幀,按F5,延長幀到11幀(圖19).圖層上鎖.
圖19
2.增加圖層2,改名為百葉窗,點第一幀,從庫中把百葉窗元件拖入,屬性面板設置大小為600*400,全居中.
在屬性面板中將"色調"如圖設置(可以改成你喜歡的顏色)."混合"項為疊加(圖20).圖層上鎖

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

圖21
4.增加圖層4,改名為圖片組,點第一幀,從庫中把圖片按鈕拖入,全居中.選中這個按鈕,按F9,打開動作面板,輸入代碼:
on (rollOver) {gotoAndPlay(2); }
點第二幀,按F7,插入空白要害幀,從庫中把圖片元件拖入,全居中.
在屬性面板中,在"混合"項選擇"色彩增殖"。在"顏色"項選擇"色調","色彩數量"設為52%。單擊"色調"旁邊的"填充色"按鈕,打開調色板,同時光標變成吸管狀。在調色板上移動鼠標,會發現鼠標移動到不同顏色圖片也會隨之而變化,吸取你喜歡的顏色.( 如圖22)

圖22
再把第3幀到第11幀每一幀都插入一個要害幀,為每一幀選擇不同的顏色.
5. 增加圖層5,改名邊框,把邊框元件拖入,全居中.增加濾鏡效果:選中邊框元件,點"濾鏡",再點” ”,點"發光",模糊數值默認,強度為500,顏色選擇自己喜歡的,挖空項一定要打上勾.如圖23.

圖23
6.增加圖層6,改名金魚,從庫中拖入幾個金魚擺好位置.
7. 增加圖層7,改名鼠標跟隨,從庫中把鼠標跟隨元件拖入場景 .
8. 增加圖層8,改名音樂, 從庫中把鼠標音樂元件拖入場景
9.增加圖層9,改名AS,點第一幀,按F9打開動作面板輸入命令:stop();
OK,終于做完了,測試,發布,保存.
分享:新手來看:Flahs as入門教程這里我只簡單的介紹一下AS的基本常識。首先我們要了解AS要寫在什么地方,什么時候AS會被觸發執行。1、幀:寫在要害幀上面的AS,當時間軸上的指針走到這個要
- 相關鏈接:
- 教程說明:
Flash教程-Flash制作夢幻仙境動畫效果
。