當前位置:才華齋>設計>動畫設計>

Flash動畫中多功能按鈕製作方法論文

動畫設計 閱讀(8.24K)

關鍵詞 Flash動畫 多功能按鈕 製作方法

Flash動畫中多功能按鈕製作方法論文

Flash動畫中控制動畫的播放經常要用到按鈕,因此按鈕的製作是Flash動畫製作中的重要環節。在一部動畫中,如果設定的按鈕過多,會影響動畫畫面的美觀及動畫內容的展示。如果將控制動畫播放的幾種功能集中在同一個按鈕內,即製作出多功能按鈕,不僅解決了按鈕過多的問題,還使動畫畫面更加美觀。下面就介紹Flash動畫中多功能按鈕製作的過程,即把開啟和關閉聲音效果的功能整合在一個按鈕中。

1 設定Flash動畫基本引數

啟動Flash軟體,開啟屬性面板,動畫舞臺大小、幀頻等根據需要設定,這裡為預設舞臺大小(550×400畫素)及幀頻(12 fps)。將背景顏色設為黑色,為後面要製作按鈕的發光效果做準備。見圖1。圖1 屬性面板中引數的設定將檔案儲存在D盤根目錄下,並命名為“多功能按鈕”。

2 製作按鈕外觀

點選工具面板中的矩形工具按鈕,然後點選筆觸顏色按鈕,將筆觸顏色設為#0000FF,見圖2。圖2 筆觸顏色設定點選填充色按鈕,再開啟混色器面板,將填充樣式型別設為線性,再將顏色控制條的左箭頭顏色設為#9E9D03,右箭頭顏色設為#FCFC7A,其它設定為預設,見圖3。圖3 混色器面板中線性填充樣式屬性設定點選工具面板下方的邊角半徑設定按鈕,開啟矩形設定對話方塊,將邊角半徑設為5,見圖4。圖4 矩形邊角半徑設定現在可以畫出要製作的按鈕外觀了。將圖層1命名為按鈕效果,點選第一幀,在舞臺上需要放置按鈕的位置,用滑鼠點選並拖出一個大小適當的矩形。此時看到填充色為左深右淺,但我們要製作的按鈕填充色為上深下淺,需要點選工具面板中的顏料桶工具按鈕,在填充色的上端點選按鈕,向下拖出直線,鬆開按鈕,此時的填充色即為上深下淺了。

下面要在填充色上製作一個反光效果,使按鈕看上去更漂亮。在按鈕效果圖層上方新建一個圖層,命名為反光。點選工具面板中的矩形工具按鈕,然後點選筆觸顏色按鈕,設為取消。填充色的填充樣式型別設為線性,將顏色控制條的左右箭頭顏色均設為#FFFFFF,中間再增加一個箭頭,顏色也設為#FFFFFF。右箭頭Alpha(透明度)值設為0 %,中間箭頭Alpha(透明度)值設為84 %,左箭頭Alpha(透明度)值設為0 %。在製作的按鈕填充色上用滑鼠拖出一個大小約為原填充面積上下徑一半的矩形,用顏料桶工具從上到下拖出直線,完成反光效果的製作。

3 將按鈕外觀轉換為按鈕元件

將舞臺上畫出的按鈕外觀全部選取,按鍵盤上的F8鍵,開啟轉換為元件對話方塊,選中影片剪輯型別,命名為“按鈕_mc”,確定。雙擊按鈕影片剪輯,進入按鈕影片剪輯製作舞臺,選中按鈕外觀,按F8鍵再次開啟轉換為元件對話方塊,選中按鈕型別,命名為“按鈕”,確定,即將按鈕外觀轉換為按鈕元件了。點選時間軸上方的`“按鈕_mc”,進入按鈕_mc製作舞臺,在圖層1的上方新建一個圖層2,在第一個關鍵幀中畫一個尖端向右的三角形。在圖層1、圖層2中插入第二個關鍵幀,刪除圖層2第二個關鍵幀中的三角形,在三角形的位置上畫一個“暫停”圖形。見圖5。圖5 按鈕外觀製作效果

4 製作按鈕發光效果

雙擊按鈕元件,進入按鈕製作舞臺,在圖層1的下方新建一個圖層2。點選圖層1的“按下”幀,按鍵盤上的F5鍵插入幀;在圖層2的“指標經過”幀中插入關鍵幀,點選矩形工具按鈕,將邊角半徑設為8,將筆觸設為取消,填充樣式型別設為放射狀,將顏色控制條的左箭頭顏色設為#6060FF、Alpha值設為100 %,右箭頭顏色設為#000000、Alpha值設為70 %,在中間偏左位置增加一個箭頭,顏色設為#898AFE、Alpha值設為15 %。現在畫一個大於按鈕外觀的矩形,並用工具面板中的填充變形工具適當改變這個矩形的填充面積及形狀。見圖6。圖6 按鈕發光效果5 製作按鈕控制音效的功能點選時間軸上方的“按鈕_mc”,進入按鈕_mc製作舞臺。插入一個新圖層,命名為AS(Action Script),用於寫入Flash語言。點選AS圖層的第1幀,開啟動作面板,寫入下述語言:stop();my_sound = new Sound();my_Sound("kenny 3",true); my_t();注意,在D盤根目錄下要有kenny 3檔案。在AS圖層中的第2幀插入一個關鍵幀,點選第2幀,在動作面板中寫入下述語言:stop();stopAllSounds();在圖層1的第1幀中點選按鈕元件,開啟自動面板,寫入下述語言:on (release) {gotoAndPlay(2);} 在圖層1的第2幀中點選按鈕元件,開啟自動面板,寫入下述語言:on (release) {gotoAndStop(1);}見圖7。圖7 按鈕動作AS語言的寫入到此為止,能控制動畫播放及控制音效的按鈕就製作完成了,按Ctrl+Enter組合鍵測試影片,此時可以聽到kenny 3的音樂,將滑鼠指向按鈕,按鈕周圍會出現藍色光暈,點選按鈕,音樂就會停止播放。再點選按鈕,音樂又會重新播放。按照本文製作按鈕的思路,可以將其它控制動畫的幾種功能整合到一個按鈕中,製作更多的多功能按鈕。