Flash實例：制作超炫幻彩燈效果

效果

作前準備

1.準備一個或一組動態(tài)舞者的透明圖片一張，經(jīng)過制圖軟件（ps、fw）處理后，保存到指定的文件夾待用。

2.準備一首mp3規(guī)格的有效期久遠的舞曲地址，保存到指定的文件夾待用。

制作過程

1.啟動flash8軟件。

2.確立文檔屬性 設置動畫尺寸為550*400，幀頻12，背景顏色黑色，其它默認,點擊確定，進入場景1。如圖1所示：

圖1

3.首先將準備好的素材圖片導入庫中，待用。

（素材圖）

4.創(chuàng)建影片剪輯元件

（1）選擇“插入－新建元件”，建立一個名為“01”影片剪輯元件，點擊確定，進入元件編輯區(qū)。就一個圖層。

A.選擇圖層1第一幀，用橢圓工具，打開色碼表，選擇最下一行左起第3個顏色塊，在舞臺拖一個規(guī)格為80*80的的無邊線的正圓，將其打散，其位置參考，如圖2所示：

圖2 

在第10幀插入關鍵幀，將舞臺實例規(guī)格改為60*60，其位置參考，如圖3所示：

圖3

在第20幀插入關鍵幀，將舞臺實例規(guī)格改為80*80，其位置參考，如圖4所示：

圖4

在第30幀插入關鍵幀，將舞臺實例規(guī)格改為60*60，其位置參考，如圖5所示：

圖5

點擊該圖層名稱處，選定所有幀，在屬性面板創(chuàng)建各區(qū)域間的形狀補間。

B.本環(huán)節(jié)完成后的時間軸，如圖6所示：

圖6

C.右鍵庫中該影片剪輯，打開其屬性鏈接面板，填寫其標識符為：mc0 。其它參數(shù)設置，如圖7所示：

圖7

（2）選擇“插入－新建元件”，建立一個名為“02”影片剪輯元件，點擊確定，進入元件編輯區(qū)。就一個圖層。

A.選擇圖層1第一幀，用橢圓工具，打開色碼表，選擇最下一行左起第5個顏色塊，在舞臺拖一個規(guī)格為60*60的的無邊線的正圓，將其打散，其位置參考，如圖8所示：

圖8

在第10幀插入關鍵幀，將舞臺實例規(guī)格改為80*80，其位置參考，如圖9所示：

圖9

在第20幀插入關鍵幀，將舞臺實例規(guī)格改為60*60，其位置參考，如圖10所示：

圖10

在第30幀插入關鍵幀，將舞臺實例規(guī)格改為80*80，其位置參考，如圖11所示：

圖11

點擊該圖層名稱處，選定所有幀，在屬性面板創(chuàng)建各區(qū)域間的形狀補間。

B.本環(huán)節(jié)完成后的時間軸，如圖12所示：

圖12

C.右鍵庫中該影片剪輯，打開其屬性鏈接面板，填寫其標識符為：mc1 。其它參數(shù)設置，如圖13所示：

圖13

（3）選擇“插入－新建元件”，建立一個名為“03”影片剪輯元件，點擊確定，進入元件編輯區(qū)。就一個圖層。

A.選擇圖層1第一幀，用橢圓工具，打混色器，設置其參數(shù)，如圖14所示：

圖14

在舞臺拖一個規(guī)格為60*60的的無邊線的正圓，將其打散，其位置參考，如圖15所示：

圖15

在第10幀插入關鍵幀，將舞臺實例規(guī)格改為80*80，其位置參考，如圖16所示：

圖16

在第20幀插入關鍵幀，將舞臺實例規(guī)格改為60*60，其位置參考，如圖17所示：

圖17

在第30幀插入關鍵幀，將舞臺實例規(guī)格改為80*80，其位置參考，如圖18所示：

圖18

點擊該圖層名稱處，選定所有幀，在屬性面板創(chuàng)建各區(qū)域間的形狀補間。

B.本環(huán)節(jié)完成后的時間軸，如圖19所示：

圖19

C.右鍵庫中該影片剪輯，打開其屬性鏈接面板，填寫其標識符為：mc2 。其它參數(shù)設置，如圖20所示：

圖20

（4）選擇“插入－新建元件”，建立一個名為“音樂”影片剪輯元件，點擊確定，進入元件編輯區(qū)。就一個圖層。

A.選擇圖層1第一幀，從庫中拖出音樂素材到舞臺，位置隨意，在屬性面板設置其為數(shù)據(jù)流 。按f5鍵，待歌曲播放完松開。

B.本環(huán)節(jié)完成后的初始時間軸，如圖21所示：    

圖21

5.編輯組織場景

返回場景1，添加兩個圖層，共三個圖層。自下而上命名為背景、音樂、as。

（1）選擇背景圖層第一幀，從庫中拖出舞者素材中影片剪輯到舞臺，規(guī)格220*297，調(diào)整好所需位置，再依次復制－粘貼兩個舞者，變換一下不同顏色、規(guī)格，將其放置在適當?shù)奈恢蒙?。上鎖。如圖22所示：

圖22

（2）選擇音樂圖層第一幀，從庫中拖出“音樂”影片剪輯元件到舞臺，位置隨意。上鎖。如圖23所示：

圖23

（3）選擇as圖層第一幀，按f9，打開動作面板，在as編輯區(qū)輸入，如下幀語句：

var i = 1;

while (i < 80)

{

nhd = this.getNextHighestDepth();

thismc = this.attachMovie("mc" + random(3), "mc" +i, nhd);

thismc._x = random(450) + 100;

thismc._y = random(300) + 100;

thismc._xscale = thismc._yscale = random(150) + 50;

thismc.gotoAndPlay(random(30));

thismc.blendMode = "add";

var mcBlur = new flash.filters.BlurFilter(60, 60, 1);

thismc.filters = [mcBlur];

++i;

}

鎖定該圖層。

6.本作業(yè)完成后的時間軸如圖24所示：

圖24

7.測試存盤

說明：

1.本教程實例中，影片剪輯元件01－03沒有進入場景1，其效果是通過其鏈接屬性和as語句的指令來實現(xiàn)的。

2.在制作中影片剪輯元件01－03中的舞臺實例規(guī)格、顏色、位置沒有定數(shù)，可自行選定。

啊英原創(chuàng) 音畫欣賞 人物素材 GIF動圖 PS教程 FL素材 免摳素材 情感天地 博客技巧 FL教程 音樂欣賞 超精美圖 幽默圖片 電腦知識 點擊查看本站更多精彩 導航模塊 攝影知識