基于Flash探討音樂動畫創作技術

張文 龔花蘭 劉曉芹

摘 要： 基于Flash創作音樂動畫需要解決許多技術難點。文中研究動畫特效、位圖元件處理和音頻文件處理等技術后，能實現完美的音樂動畫效果。

關鍵詞： 音樂動畫；動畫特效；音頻處理技術

Abstract：The creation of music animation needs to solve many technical difficulties based on Flash. The paper can perfect music animation efficiency after studying the special effect of animation processing bitmap element and audio files.

Key words： music animation；animation special efficiency；audio processing technology

引言

Flash是一款優秀的網頁動畫設計軟件，能夠將動畫、音樂、聲效以及富有新意的界面融合在一起，制作出高品質的網頁動畫。基于Flash制作的動畫文件用于網頁設計中，不僅可以使網頁栩栩如生，而且動畫文件定制小巧，易于上傳和下載，在打開網頁很短的時間里就得以播放。因此，基于Flash探討音樂動畫的創作技術，將具有直觀重要的實用價值。

1 動畫特效技術

時下，各種腳本語言應運而生。但程序設計需要一定的編寫駕馭能力，不能做到良好的推廣與普及，對于廣大網頁動畫設計者，往往無法達到理想的預期效果。在本次研究中，將利用Flash軟件來探討功能強大的動畫特效技術，內容論述如下 。

1.1 運動動畫的特效

運動動畫是Flash中簡單易學的一類特效。巧妙地設置了時間軸對應場景上的圖符元件，獨具優勢的運動動畫也能達到編程設計同樣的動畫效果。如需要制作水中游魚“大魚吃小魚”的動畫，即如圖1所示。在有“魚”圖符元件素材的情況下，用簡單的運動動畫可以實現魚在水中游動的效果。但是，要呈現“大魚吃小魚，小魚吃蝦米”的特效，必需采用特效技術進一步精確設置時間軸對應場景上的圖符元件。研究可得設計過程中各步驟內容順次表述如下：

首先，制作在1～40幀之間 “大魚”和“小魚”相向游動的運動動畫，設置在第40幀處“大魚”和“小魚”游到同一位置，并且在時間軸上將“大魚”的動畫圖層設置在“小魚”的動畫圖層上，這樣，當“大魚”和“小魚”游到同一位置（40幀處）時，“大魚”正好遮擋住“小魚”[1]。接著，選定“小魚”圖層的第41幀和第90幀右擊鼠標，在彈出的快捷菜單中選擇“刪除幀”命令，將“小魚”圖層的第41幀和第90幀刪除，表示在40幀后，小魚消失了，直觀的動畫效果就是在第40幀處“大魚”將“小魚” 吃掉了，從而實現了“大魚吃小魚”的特效。與上類似，新建2個層，同樣的設置方法，也可以成功制作出“小魚吃蝦米”的運動動畫特效。

1.2 位圖元件處理技術

制作小車在公路上行駛的動畫。這里就必須采用位圖元件處理技術。首先，從網上下載需要的小車圖片，并導入到Flash軟件的圖符元件庫中。接著，制作出車輪轉動效果的影片剪輯圖符。技術研發步驟可闡釋解析如下：

先要制作出兩車輪轉動的動畫。首先，將位圖中車輪與車體分開才能制作車輪轉動的動畫效果，在此，可以通過Flash繪圖工具中的“圓形工具”，使用與車輪相同大小的空心圓來裁剪出2個車輪，在舞臺中選定小車圖形，按“Ctrl+B”鍵將其分解[2]。然后，用“橢圓工具”繪制1個和小車車輪大小接近的內部填充為“無”的“正圓”，將該“正圓”移動到小車的車輪位置并與車輪重合，而后將車輪移開[3]。設計效果如圖2（b）所示。接著，選中分離出的車體，將車體轉換為“車體圖形元件”保存在圖符元件庫中，同樣，選中分離出的車輪，將車輪轉換為“車輪圖形元件”保存在圖符元件庫中。最后，制作影片剪輯元件“行駛的車”。具體過程是：選擇“插入” |“新建元件”命令，彈出“創建新元件”對話框，在對話框中設置名稱為“行駛的小車”，類型為“影片剪輯”，單擊“確定”，進入到影片剪輯元件編輯狀態。將庫中的圖形元件“車體”放在圖層一。插入兩新層，分別將2個圖形元件“車輪”放在圖層二和圖層三。調整2個車輪的位置，正好與圖層一的“車體”貼合為一個完整的小車圖形[4]，運行加工效果如圖3所示。制作車輪轉動的動畫設計步驟可見如下：

（1）在圖3時間軸“前輪圖層”的第25幀處插入關鍵幀，在“第1幀”和“第25幀”間 “創建傳統補間”動畫。

（2）選中“前輪圖層”的第1幀，設置屬性面板[5]，使 “車輪”對象在“第1幀”和“第25幀”間順時針轉動兩周。

（3）同樣的步驟，制作“后輪圖層”中后一個車輪在“第一幀”和“第25幀”間同步順時針轉動兩周。此時影片剪輯元件“行駛的小車”的時間軸面板亦如圖3所示。

回到場景，將影片剪輯元件“行駛的小車”從“圖符元件庫”中拖到場景中（可以事先導入對應有公路的背景圖），制作影片剪輯元件“行駛的小車”在舞臺背景中的簡單運動動畫，按快捷鍵“Ctrl+Enter”測試，就可以看見小車在公路上行駛的動畫效果。

1.3 gif動畫引用技術

在音樂動畫中，要穿插動物奔跑或小鳥飛行的動畫，最佳方法就是采用gif動畫引用技術。比如要制作如圖4所示飛行中的小鳥，采用的gif動畫引用技術主要是制作影版剪輯元件“小鳥飛行”。這里，將給出主要執行步驟如下：

準備好“小鳥飛行”的gif動畫素材，新建影版剪輯元件“小鳥飛行”，在 “小鳥飛行”影版剪輯元件制作中，導入“小鳥飛行”的gif動畫，這時時間軸上會出現幀幀動畫。在元件庫中，復制多個“小鳥飛行”的影版剪輯元件，根據需要，調整間軸上幀幀動畫的時間距離，可以得出不同小鳥的飛行速度。多個“小鳥飛行”的影版剪輯元件在庫中等待調用。回到場景，將3個“小鳥飛行”的影版剪輯元件拖放到舞臺場景中（已經設置好花兒盛開的背景）如圖4所示，并調整這3個“小鳥飛行”的影版剪輯元件大小，按快捷鍵“Ctrl+Enter”開啟測試，就可以同時看見3只不同的小鳥飛行的動畫效果。

2 音樂的導入與處理

精良的動畫再配上唯美的背景音樂，給人心曠神怡的享受，也會使網頁增添吸引力。Flash軟件支持的音頻格式主要有WAV、AIF和MP3等。配置動畫的背景音樂，常常選用MP3格式音樂，因為，MP3是利用 MPEG Audio Layer 3 的技術，將音樂以1：10 甚至 1：12 的壓縮率壓縮成容量較小的文件 MP3格式文件在音質丟失很小的情況下還能優質保持原來的音質[6]。

2.1 音頻文件的導入

在Flash軟件中，音頻文件的導入可分為如下設計步驟：啟動Flash軟件后創建某音樂層，點擊“文件—導入”，選定已準備好的“*.mp3” 音頻文件素材，就可以迅速將音頻文件導入，并且該音頻文件會保存在“圖符元件庫”中。但是，在Flash軟件中導入音頻文件時，常常出現如圖5所示的彈出界面，即 MP3 音樂不能正常導入到Flash軟件中的情況。 重點是因為這首“*.mp3”音頻文件不是標準的MP3格式音樂[6]，需要進行音頻文件素材處理。

2.2 音頻處理技術

2.2.1 音頻轉換

Flash中遇到MP3音頻文件不能正常導入的狀態[7]。可以使用Goldwave或解霸等音頻編輯軟件提供處理。音頻處理的研發操作過程將遵循如下步驟：

啟動Goldwave的軟件窗口，打開已準備好的“*.mp3”音頻文件，顯示音頻文件處于打開狀態，點擊“另存為”按鈕，保存文件名為“*2 .mp3”，文件屬性項選擇頻率、位率等[7]。此時，即已通過Goldwave音頻編輯軟件將非標準的MP3格式音樂轉換為標準的MP3格式“*2 .mp3” 音頻文件 [8]。音頻文件轉換后，在Flash軟件窗口中連續點擊“文件—導入”，選擇要導入的“*2.mp3”文件，就可以在Flash軟件中實現正常導入。

2.2.2 音頻剪輯

當創作音樂動畫只需音樂的一小段時，就需要對音頻文件進行剪裁和編輯。剪輯執行步驟為：

啟動Goldwave音頻編輯軟件，打開已準備好的音頻文件，如圖6所示。用鼠標單擊“播放”按鈕，試聽到設計需要的音頻起始位置，右擊鼠標，選“設置起始標記”；繼續試聽，到設計的結束位置時，單擊“暫停”按鈕，右擊鼠標，選“設置結束標記”。這樣截選的音頻段在編輯窗口中高亮顯示。針對高亮顯示的音頻文件，執行“編輯”|“復制”命令，再執行“編輯”|“粘貼為新文件”命令，這樣就把截取的音頻段復制到了一個新建的音頻文檔中[7]。保存新建的該段音頻文供需要時調取使用。

3 結束語

創作優效的音樂動畫會遇到許多技術問題。挖掘出Flash軟件強大的動畫編輯功能，使復雜問題簡單化，設計者可以創作出高品質的、音樂和動畫交互融合的、令人耳目一新的音樂動畫。

參考文獻

[1] 龔花蘭. 中文Flash CS5項目驅動“教學做”案例教程[M] . 上海：復旦大學出版社，2012.

[2] 郭建偉. 畫龍點睛 讓圖片中的眼睛充滿神采[J]. 電腦知識與技術（經驗技巧） 2017（5）：83-86.

[3] 繆亮. Flash動畫制作基礎與上機指導 [M] . 北京.清華大學出版社，2010.

[4] 黃美益. 淺析Flash動畫的應用及遮罩動畫的使用技巧[J]. 電子技術與軟件工程 2017（6）：76，84.

[5] 龔花蘭. Flash CS6項目驅動“教學做”案例教程[M] . 2版. 上海：復旦大學出版社，2014.

[6] 張文，龔花蘭，李敏嬌，等. 創作“綠色世界”主題音樂動畫的研究與實踐[J]. 智能計算機與應用 2017，7（5）：137-139.

[7] 龔花蘭. Flash 音樂短劇創作中技術難點的突破[J]. 智能計算機與應用，2017，7（4）：95-98.

[8] 龔花蘭，施怡，王勇勇. 基于Flash創作MTV作品的關鍵流程[J]. 中國現代教育裝備，2014（11）：27-29.