作者:柳葉吹風(fēng)
來(lái)源:pconline
效果簡(jiǎn)介:
鐳射激光效果是視覺(jué)類(lèi)的效果。該效果中變幻不定的五彩射線會(huì)讓你聯(lián)想起舞廳里、噴泉廣場(chǎng)上眩目的,令人激動(dòng)、心血澎湃的鐳射激光。雖然效果很酷,但實(shí)現(xiàn)起來(lái)卻是極其的簡(jiǎn)單,只要用到“運(yùn)動(dòng)漸變”和幾個(gè)簡(jiǎn)單的代碼——隨機(jī)數(shù)Math.random(),_alpha(透明度)屬性、_rotation(角度)屬性即可完成。
源文件下載:點(diǎn)擊這里下載
效果預(yù)覽:點(diǎn)擊這里預(yù)覽
設(shè)計(jì)方法:
打開(kāi)Flash MX,設(shè)置場(chǎng)景的大小為400px×400px,背景為黑色,幀頻為25fps。如圖1所示。如果你想讓射線閃動(dòng)得更快點(diǎn),可以適當(dāng)增大幀頻的數(shù)值,但這是以犧牲系統(tǒng)資源為代價(jià)的。
圖1
一、設(shè)計(jì)元件
1.按快捷鍵Ctrl+F8打開(kāi)“創(chuàng)建新元件”面板,新建一個(gè)名為“光源”的圖形元件。
2.按快捷鍵Shift+F9打開(kāi)“混色器”面板,如圖2所示進(jìn)行設(shè)置。其中,3個(gè)滑塊的顏色分別是(從左至右)#FFFFFF、#54FF4B、#FFFFFF。Alpha值分別為80%、70%和0%。當(dāng)鼠標(biāo)變成圖2所示的樣子時(shí),單擊左鍵可以添加一個(gè)滑塊。按住滑塊拖出面板,再松開(kāi)鼠標(biāo)左鍵,即可刪除滑塊。
圖2
3.點(diǎn)選工具欄里的“畫(huà)圓”工具,不要邊線,如圖3所示。接著在“光源”元件的場(chǎng)景中拖出一個(gè)圓來(lái),直徑為px,如圖4所示。如果你設(shè)計(jì)的元件比較復(fù)雜,需要按快捷鍵Ctrl+A全選元件,然后點(diǎn)擊“修改”菜單里的“優(yōu)化”命令,或按快捷鍵Ctrl+Shift+Alt打開(kāi)“化曲線”面板對(duì)曲線進(jìn)行優(yōu)化,如圖5所示設(shè)置。設(shè)置好后點(diǎn)擊“確定”按鈕。
圖2,圖3
圖5
4.按快捷鍵Ctrl+F8新建一個(gè)名為“射線”的影片剪輯元件。用“矩形”工具繪制一個(gè)寬為300px,高為px的矩形條(不要邊線),再用“直線”工具把矩形條截取成如圖6所示的樣子。
圖6
5.按快捷鍵Shift+F9打開(kāi)“混色器”面板,如圖7所示進(jìn)行設(shè)置。接著選中“顏料桶”工具,點(diǎn)一下圖6中的三角,為其上色。接著用“直線”工具在三角的中間添上一條綠色的直線,最終設(shè)計(jì)如圖8所示。
圖7,圖8
6.新建一個(gè)名為“射線動(dòng)畫(huà)”的影片剪輯元件。按快捷鍵Ctrl+L打開(kāi)“庫(kù)”面板,把“射線”元件拖拽到場(chǎng)景中(拖拽三次),并如圖9所示放置。
圖9
分別點(diǎn)選三個(gè)“射線”元件,在“屬性”面板里為其起實(shí)例名為“radial”、“radial2”、“radial3”,如圖10所示。
圖10
7.點(diǎn)選“射線動(dòng)畫(huà)”元件場(chǎng)景中的第1幀,按F5鍵插入一幀,再按F9鍵打開(kāi)“動(dòng)作”面板,鍵入如下代碼:
// 使三個(gè)實(shí)例的角度、透明值隨機(jī)變化radial._alpha = Math.random()*100;radial._rotation = Math.random()*360;radial2._alpha = Math.random()*100;radial2._rotation = Math.random()*360;radial3._alpha = Math.random()*100;radial3._rotation = Math.random()*360;
Math.random()方法可以隨機(jī)產(chǎn)生一個(gè)0到1之間的數(shù)(不包括1)。Math.random()*360是在0到360度之間隨機(jī)改變實(shí)例的角度。
二、設(shè)計(jì)主場(chǎng)景
1. 回到主場(chǎng)景中。把庫(kù)中的“射線動(dòng)畫(huà)”拖到場(chǎng)景中央。右鍵單擊第1幀,在彈出菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令創(chuàng)建補(bǔ)間動(dòng)畫(huà)。接著分別點(diǎn)選“圖層 1”中的第10、、30、40、50、60幀并按F6鍵插入關(guān)鍵幀。如圖11所示。
圖11
2. 一步。分別點(diǎn)選第10、、30、40、50幀里的“射線動(dòng)畫(huà)”元件,并在“屬性”面板改變其色彩,色彩盡量亮麗點(diǎn),如圖12所示。
圖12
效果到這里完成了。按快捷鍵Ctrl+Enter測(cè)試一下效果,看看還有什么地方不對(duì)。