flash實(shí)例-打造鼠標(biāo)觸發(fā)火焰特效(1)

本教程為大家介紹使用Flash CS5制作鼠標(biāo)觸發(fā)的焰火飄落互動，主要是用計(jì)算鼠標(biāo)追隨對象來產(chǎn)生具有一定規(guī)律的星火。

思路：導(dǎo)入背景素材，然后制作出焰火飄落。創(chuàng)建文檔類，產(chǎn)生鼠標(biāo)追隨的多角星形;創(chuàng)建元件類的擴(kuò)展類，產(chǎn)生隨機(jī)大小的火花效果。

用鼠標(biāo)在畫面上劃過，即可看到絢麗的互動

一、 制作焰火飄落

(1)新建一個(gè)大小為500×300像素，幀頻為30fps的空白文檔。按Ctrl+R組合鍵導(dǎo)入西湖夜景.jpg”文件，然后設(shè)置其坐標(biāo)為(0，0)，如圖1所示，再采用前面的方法在“屬性”面板中添加Main文檔類。

圖1 導(dǎo)入背景

(2)按Ctrl+F8組合鍵新建一個(gè)影片剪輯(名稱為Star_mc)，進(jìn)入該影片剪輯的編輯區(qū)域，然后按住Shift+Alt組合鍵的同時(shí)使用“橢圓工具”在該影片剪輯的中間點(diǎn)繪制一個(gè)圓形。

圖2 繪制圓形

技巧與提醒：圖形的填充色類型為“放射狀”，第1個(gè)色標(biāo)顏色為(R:255，G:0，B:0)，第2個(gè)色標(biāo)顏色為(R:153，G:0，B:0)，第3個(gè)色標(biāo)顏色為(R:153，G:0，B:0)，Alpha為0%。

(3)新建一個(gè)star圖層，再單擊“工具箱”中的“多角星形工具”按鈕 ，并在“屬性”面板中設(shè)置好該工具的參數(shù)，然后按住Shift+Alt組合鍵的同時(shí)在影片剪輯的中間點(diǎn)繪制一個(gè)如圖3所示的星形。

圖3 繪制多角星形

(4)使用“選擇工具”調(diào)整好星形的頂點(diǎn)位置，如圖4所示。

圖4 調(diào)整頂點(diǎn)

(5)選擇調(diào)整好的多角星形，然后原位復(fù)制出一份，按Ctrl+Alt+S組合鍵打開“縮放和旋轉(zhuǎn)”對話框，設(shè)置縮放為40%，再設(shè)置其顏色為白色，如圖5所示。

圖5 拷貝并縮放圖形

(6)返回到“場景1”，按Ctrl+F8組合鍵新建一個(gè)影片剪輯(名稱為Magic_mc)，再設(shè)置填充類型為“放射狀”，第1個(gè)色標(biāo)顏色為(R:255，G:255，B:255)， 第2個(gè)色標(biāo)顏色為(R:255，G:255，B:204)，第3個(gè)色標(biāo)顏色為(R:255，G:204，B:0)，第4個(gè)色標(biāo)顏色為(R:255，G:102，B:0)，第5個(gè)色標(biāo)顏色為(R:153，G:0，B:0)，Alpha為0%，然后按住Alt鍵的同時(shí)使用“矩形工具”以該影片剪輯中間點(diǎn)為起點(diǎn)繪制一個(gè)如圖6所示的矩形。

圖6 繪制矩形

(7)使用“任意變形工具”選擇矩形，然后按Ctrl+T組合鍵打開“變形”面板，設(shè)置旋轉(zhuǎn)為45°，再單擊“重制選區(qū)和變形”按鈕 ，復(fù)制出3份圖形，如圖7所示。

圖7 復(fù)制圖形