熱門Flash動畫你也做得到

以前的學習專題中教過大家安裝Flash，以及製作簡單的文字移動動畫，這次要繼續教大家做出有遮罩效果的動畫以及為動畫加入音效。遮罩效果就像是探照燈一樣，只有燈光照到的地方，圖形或是文字才會被看到。而音效更是Flash動畫的生命力，沒有音效的Flash動畫會大大減低其生動性。要開始學習遮罩效果跟加入音效前，當然是要有Flash軟體以及具備插入文字的基本技巧，這些可以在以前的學習專題找到。接下來我們就直接來學習如何產生遮罩效果跟加入音效，你也可以在製作步驟中學到設定電影檔案的尺寸跟背景顏色。

‧ 調整電影檔的尺寸大小跟背景顏色

預設的Flash電影檔案都是寬度550px乘以高度400px的大小，以及白色的背景色。為了讓我們的動畫有更好的效果，我們把尺寸調成寬度600px乘以高度200px的大小以及黑色的背景。

1. 啟動Flash 5.0。
2.點選功能表「Modify」中的「Movie」。
3.在「Width」下的空格輸入「600 px」，以及「Height」下的空格輸入「200 px」。
4.點選「Background Color」右邊的色塊小箭頭，選擇自己喜歡的顏色，這裡以黑色為例，選好後按下「OK」。這樣就完成電影尺寸跟背景顏色的設定了。

‧ 輸入主題文字

1.點選左邊工具列的「Text tool」按鈕，並到功能表中的「Text」「Size」中選擇自己想要的字型大小，這裡以96大小為例。再從功能表中的「Text」「Style」「Bold」把字型變成粗體。還有從左邊的「colors」工具列中調整字型的顏色，這裡以橘色為例。

2.用滑鼠游標在畫面中點一下以產生文字輸入視窗。

3.輸入想要輸入的文字，這裡以「Pchome Dr.J」為例，同時發現上面圖層的第一個畫格已經變成實心黑點以及灰色背景，這就表示這個畫格中是有物件的。

4.按下左邊工具列的「Arrow tool」按鈕，並點選第25格畫格。

5.到「Insert」點選「Frame」，或是直接按下鍵盤上的F5鍵，以插入更多畫格到指定位置。完成步驟後你就會發現從1到25格畫格都變成同樣的灰色背景了，這表示這個物件會一直從第1畫格出現到第25畫格。

‧ 產生遮罩效果

遮罩效果就是產生像探照燈一樣的效果，只有遮罩經過的地方，下層的圖層才可以顯現出來。所以我們除了主題文字之外，還要畫一個圖形並且設定其為遮罩。

1.按下圖層下方的加號「+」按鈕，在「Layer 1」圖層上方新增了一個「Layer 2」圖層。

2.點選第二圖層的第一格畫格，再點選左邊工具列的畫圓「Oval Tool」按鈕。

3.到「Colors」中先點選外框色彩設定「Stroke Color」按鈕，然後再按下方三個小按鈕中間的「No Color」按鈕，因為我們不需要等一下畫出來的圖形有邊框，按下這個按鈕可以畫出一個沒有邊框的圖形。

4.在動畫的左邊拖曳出一個適當大小的圓形，尺寸要跟主題文字差不多，因為過小會使主題文字顯露的不夠多，而太大又會失去探照燈的效果，還有圓心高度要跟文字中心齊。在這裡不用擔心圓形內部是什麼顏色，因為他只是遮罩圖形，等一下會變成透明的。

5.按下左邊工具列的「Arrow tool」按鈕，並點選第25格畫格。再到「Insert」點選「Frame」，或是直接按下鍵盤上的F5鍵，以插入更多畫格到指定位置。

6.點選第一個畫格，並在畫格上按滑鼠右鍵點選「Create Motion Tween」選項。

7.點選完之後你會發現畫格又從灰色變成藍色背景，而且有一條虛線，這表示這一段畫格是未完成的動畫片段。

8.點選第25格畫格，拖曳圓形到你想要移動效果結束的地方，這裡以動畫的最右邊為例。完成動作時你會發現上面的虛線已經變成單箭頭實線了。

9.在Layer2圖層上方按滑鼠右鍵，點選「Mask」，以產生遮罩效果。

10.遮罩製作完成，你會發現Layer 1內縮並且前面加了一個箭頭圖示。

現在你就可以按鍵盤上的「Enter」按鍵，或是到「Control」點選「Play」來預覽播放，探照燈效果已經產生了。只有圓形經過的地方，主題文字才會出現。

‧ 插入音效

首先你要自行準備好wav格式的聲音檔，我們這裡以flash內附的音效檔為例，如果你要利用其他的音效來源，就要自己事先準備好wav格式的聲音檔，再從「File」「Import」中指定音效檔位置匯入「Libary」中，要注意的是，音效一定要在一個獨立的新圖層中，如果你發現「Import」匯入功能不能用，可能就是你沒有先新增一個圖層以供音效檔單獨使用。

1.按下圖層下方的加號「+」按鈕，在「Layer 2」圖層上方新增了一個「Layer 3」圖層。

2.點選「Windows」功能表中的「Common Libraries」「Sounds」以呼叫出Flash 5.0內建的音效庫。

3.把「Libraries」中的「Beam Scan」音效用滑鼠左鍵拖曳到動畫中任意位置放掉。

4.Layer 3出現音效的聲波圖形，表示已經插入音效成功。

現在你就可以按鍵盤上的「Enter」按鍵，或是到「Control」點選「Play」來預覽播放，加上音效的動畫是不是更加生動有趣了呢？如果你要編輯音效，改變音量或是音效的起始跟結束位置，只要到音效所在圖層中任一畫格按滑鼠右鍵，在快顯功能表中點選「panels」「sound」，就會出現sound編輯面板。

其中「Effect」是聲道位置、「Sync」是下載跟播放的方式，「Loops」是重複播放的次數。如果你點選面板中的「Edit」按鈕，就可以直接編輯聲波檔。

調整音效起始以及結束位置、還有音量的大小、淡入後淡出的效果。整體編輯完成之後，你就可以選擇儲存成fla檔，輸出電影成swf檔，或是轉換成可以直接觀看的exe執行檔，這些在以前的Flash學習專題都有詳細說明你可以參考。

從以上的步驟我們學到了遮罩效果以及插入音效，綜合應用這些技巧又可以為你的Flash動畫加入更豐富的表情了。