Flash動(dòng)畫(huà)中多功能按鈕制作方法論文

　　【關(guān)鍵詞】 Flash動(dòng)畫(huà) 多功能按鈕 制作方法

　　Flash動(dòng)畫(huà)中控制動(dòng)畫(huà)的播放經(jīng)常要用到按鈕，因此按鈕的制作是Flash動(dòng)畫(huà)制作中的重要環(huán)節。在一部動(dòng)畫(huà)中，如果設置的按鈕過(guò)多，會(huì )影響動(dòng)畫(huà)畫(huà)面的美觀(guān)及動(dòng)畫(huà)內容的展示。如果將控制動(dòng)畫(huà)播放的幾種功能集中在同一個(gè)按鈕內，即制作出多功能按鈕，不僅解決了按鈕過(guò)多的問(wèn)題，還使動(dòng)畫(huà)畫(huà)面更加美觀(guān)。下面就介紹Flash動(dòng)畫(huà)中多功能按鈕制作的過(guò)程，即把開(kāi)啟和關(guān)閉聲音效果的功能集成在一個(gè)按鈕中。

　　1 設置Flash動(dòng)畫(huà)基本參數

　　啟動(dòng)Flash軟件，打開(kāi)屬性面板，動(dòng)畫(huà)舞臺大小、幀頻等根據需要設置，這里為默認舞臺大小(550×400像素)及幀頻(12 fps)。將背景顏色設為黑色，為后面要制作按鈕的發(fā)光效果做準備。見(jiàn)圖1。圖1 屬性面板中參數的設置將文件保存在D盤(pán)根目錄下，并命名為“多功能按鈕”。

　　2 制作按鈕外觀(guān)

　　點(diǎn)擊工具面板中的矩形工具按鈕，然后點(diǎn)擊筆觸顏色按鈕，將筆觸顏色設為#0000FF，見(jiàn)圖2。圖2 筆觸顏色設置點(diǎn)擊填充色按鈕，再打開(kāi)混色器面板，將填充樣式類(lèi)型設為線(xiàn)性，再將顏色控制條的左箭頭顏色設為#9E9D03，右箭頭顏色設為#FCFC7A，其它設置為默認，見(jiàn)圖3。圖3 混色器面板中線(xiàn)性填充樣式屬性設置點(diǎn)擊工具面板下方的邊角半徑設置按鈕，打開(kāi)矩形設置對話(huà)框，將邊角半徑設為5，見(jiàn)圖4。圖4 矩形邊角半徑設置現在可以畫(huà)出要制作的按鈕外觀(guān)了。將圖層1命名為按鈕效果，點(diǎn)擊第一幀，在舞臺上需要放置按鈕的位置，用鼠標點(diǎn)擊并拖出一個(gè)大小適當的矩形。此時(shí)看到填充色為左深右淺，但我們要制作的按鈕填充色為上深下淺，需要點(diǎn)擊工具面板中的顏料桶工具按鈕，在填充色的上端點(diǎn)擊按鈕，向下拖出直線(xiàn)，松開(kāi)按鈕，此時(shí)的填充色即為上深下淺了。

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

　　3 將按鈕外觀(guān)轉換為按鈕元件

　　將舞臺上畫(huà)出的按鈕外觀(guān)全部選取，按鍵盤(pán)上的F8鍵，打開(kāi)轉換為元件對話(huà)框，選中影片剪輯類(lèi)型，命名為“按鈕_mc”，確定。雙擊按鈕影片剪輯，進(jìn)入按鈕影片剪輯制作舞臺，選中按鈕外觀(guān)，按F8鍵再次打開(kāi)轉換為元件對話(huà)框，選中按鈕類(lèi)型，命名為“按鈕”，確定，即將按鈕外觀(guān)轉換為按鈕元件了。點(diǎn)擊時(shí)間軸上方的“按鈕_mc”，進(jìn)入按鈕_mc制作舞臺，在圖層1的上方新建一個(gè)圖層2，在第一個(gè)關(guān)鍵幀中畫(huà)一個(gè)尖端向右的三角形。在圖層1、圖層2中插入第二個(gè)關(guān)鍵幀，刪除圖層2第二個(gè)關(guān)鍵幀中的三角形，在三角形的位置上畫(huà)一個(gè)“暫�！眻D形。見(jiàn)圖5。圖5 按鈕外觀(guān)制作效果

　　4 制作按鈕發(fā)光效果

　　雙擊按鈕元件，進(jìn)入按鈕制作舞臺，在圖層1的下方新建一個(gè)圖層2。點(diǎn)擊圖層1的“按下”幀，按鍵盤(pán)上的F5鍵插入幀;在圖層2的“指針經(jīng)過(guò)”幀中插入關(guān)鍵幀，點(diǎn)擊矩形工具按鈕，將邊角半徑設為8，將筆觸設為取消，填充樣式類(lèi)型設為放射狀，將顏色控制條的左箭頭顏色設為#6060FF、Alpha值設為100 %，右箭頭顏色設為#000000、Alpha值設為70 %，在中間偏左位置增加一個(gè)箭頭，顏色設為#898AFE、Alpha值設為15 %�，F在畫(huà)一個(gè)大于按鈕外觀(guān)的矩形，并用工具面板中的填充變形工具適當改變這個(gè)矩形的填充面積及形狀。見(jiàn)圖6。圖6 按鈕發(fā)光效果5 制作按鈕控制音效的功能點(diǎn)擊時(shí)間軸上方的“按鈕_mc”，進(jìn)入按鈕_mc制作舞臺。插入一個(gè)新圖層，命名為AS(Action Script)，用于寫(xiě)入Flash語(yǔ)言。點(diǎn)擊AS圖層的第1幀，打開(kāi)動(dòng)作面板，寫(xiě)入下述語(yǔ)言：stop();my_sound = new Sound();my_sound.loadSound("kenny G.mp3",true); my_sound.start();注意，在D盤(pán)根目錄下要有kenny G.mp3文件。在A(yíng)S圖層中的第2幀插入一個(gè)關(guān)鍵幀，點(diǎn)擊第2幀，在動(dòng)作面板中寫(xiě)入下述語(yǔ)言：stop();stopAllSounds();在圖層1的第1幀中點(diǎn)擊按鈕元件，打開(kāi)自動(dòng)面板，寫(xiě)入下述語(yǔ)言：on (release) {gotoAndPlay(2);} 在圖層1的第2幀中點(diǎn)擊按鈕元件，打開(kāi)自動(dòng)面板，寫(xiě)入下述語(yǔ)言：on (release) {gotoAndStop(1);}見(jiàn)圖7。圖7 按鈕動(dòng)作AS語(yǔ)言的寫(xiě)入到此為止，能控制動(dòng)畫(huà)播放及控制音效的按鈕就制作完成了，按Ctrl+Enter組合鍵測試影片，此時(shí)可以聽(tīng)到kenny G.mp3的音樂(lè )，將鼠標指向按鈕，按鈕周?chē)鷷?huì )出現藍色光暈，點(diǎn)擊按鈕，音樂(lè )就會(huì )停止播放。再點(diǎn)擊按鈕，音樂(lè )又會(huì )重新播放。按照本文制作按鈕的思路，可以將其它控制動(dòng)畫(huà)的幾種功能集成到一個(gè)按鈕中，制作更多的多功能按鈕。

【Flash動(dòng)畫(huà)中多功能按鈕制作方法論文】相關(guān)文章：

flash按鈕怎么制作鼠標動(dòng)畫(huà)06-04

FLASH怎么給透明按鈕添加播放代碼09-23

flash CS6怎么制作一個(gè)動(dòng)態(tài)按鈕09-13

Flash動(dòng)畫(huà)技巧：動(dòng)畫(huà)中人物走路動(dòng)作的規律09-17

jquery提交按鈕的代碼07-28

在excel里制作按鈕10-08

Dreamweaver創(chuàng )建提交按鈕的教程06-30

excel宏按鈕設置方法09-30

Dreamweaver如何插入單選按鈕08-02

學(xué)習flash方法10-04