七彩爆破煙霧文字


前言: 利用Photoshop來設計出有爆炸煙霧的.png圖檔。再運用到Flash,成為Movie Clip之元件後,就可以改變顏色等屬性,做出七彩的爆破煙霧

步驟 1

在Photoshop做出 一張不同形狀的白色煙霧(利用Filter濾鏡中的Clouds及Radial Blur等)再存成.png格式,命名為 爆炸.png

步驟 2

在Flash介面,將背景色設為黑色,Frame Rate設定為15fps。執行Insert New Symbol,產生一個Graphic,命名為"爆炸G"。在該編輯介面讀入爆炸.png的圖片,如圖 1所示


圖 1

步驟 3

產生一個新的Movie Clip,命名為"爆炸影片",在"爆炸影片"的編輯介面,打開Library把"爆炸G"拉進舞台來,將Layer 1命名為"爆炸G 1" 。
在Frame 3插入第二個Keyframe, Frame 1的Alpha值調為80%,Frame 3的Alpha值調為71%做一段些微變大的動畫。
在Frame 18插入第三個Keyframe,將Frame 18的Alpha值調為0%做一段變大且淡出動畫。

新增一個圖層命名為"爆炸G 2",同樣把"爆炸G"拉進舞台來,在Frame 3及Frame 30都插入Keyframe,將Frame 30的Alpha值調為0%做一段變大且淡出動畫。

再新增一個圖層命名為"爆炸G 3",同樣把"爆炸G"拉進舞台來,元件出場的時間是在Frame 9,所以我們直接把Freme 1的Keyframe按住拖曳到第9格來。在Frame 26插入第二個Keyframe,Frame 9的Alpha值調為80%,Frame 26的Alpha值調為0%,做一段變大且淡出動畫。
圖2所示


圖2

步驟 4

回到Scene1場景,將Layer1命名為"紅色爆炸",打開Library,把"爆炸影片"拉進舞台來,時間延長到Frame 40。打開Effect視窗,選擇Advanced選項,將紅、藍、綠值調整如圖 3 所示,把顏色變為粉紅色。


圖 3

步驟 5

增加一個圖層,命名為"藍色爆炸",在Frame 12插入一個空白的Keyfame,打開Library,把"爆炸影片"拉進舞台來,位置放在"紅色爆炸"的右邊,稍微大一點。打開Effect視窗,選擇Advanced選項,將紅、藍、綠值調整如圖 4 所示,把顏色變為亮藍色。


圖 4

步驟 6

再增加一個圖層,命名為"綠色爆炸",在Frame 22插入一個空白的Keyfame,打開Library,把"爆炸影片"拉進舞台來,位置放在"藍色爆炸"的左邊,把他變大一點。打開Effect視窗,選擇Advanced選項,將紅、藍、綠值調整如圖 5 所示,把顏色變為螢光綠色。


圖 5

步驟 7

最後再增加一個圖層,命名為"文字",在"文字"圖層鍵入你要表達的訊息文字即完成。 如圖 6 所示


圖 6

※文字必須選擇與背景色相同的顏色才能看出效果

執行 Control / Test Movie 預覽其效果


下載原始檔


回課程目錄