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

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)節(jié)。在一部動(dòng)畫(huà)中，如果設(shè)置的按鈕過(guò)多，會(huì)影響動(dòng)畫(huà)畫(huà)面的美觀及動(dòng)畫(huà)內(nèi)容的展示。如果將控制動(dòng)畫(huà)播放的幾種功能集中在同一個(gè)按鈕內(nèi)，即制作出多功能按鈕，不僅解決了按鈕過(guò)多的問(wèn)題，還使動(dòng)畫(huà)畫(huà)面更加美觀。下面就介紹Flash動(dòng)畫(huà)中多功能按鈕制作的過(guò)程，即把開(kāi)啟和關(guān)閉聲音效果的功能集成在一個(gè)按鈕中。

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

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

　　2 制作按鈕外觀

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

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

　　3 將按鈕外觀轉(zhuǎn)換為按鈕元件

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

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

　　雙擊按鈕元件，進(jìn)入按鈕制作舞臺(tái)，在圖層1的下方新建一個(gè)圖層2。點(diǎn)擊圖層1的“按下”幀，按鍵盤(pán)上的F5鍵插入幀;在圖層2的“指針經(jīng)過(guò)”幀中插入關(guān)鍵幀，點(diǎn)擊矩形工具按鈕，將邊角半徑設(shè)為8，將筆觸設(shè)為取消，填充樣式類型設(shè)為放射狀，將顏色控制條的左箭頭顏色設(shè)為#6060FF、Alpha值設(shè)為100 %，右箭頭顏色設(shè)為#000000、Alpha值設(shè)為70 %，在中間偏左位置增加一個(gè)箭頭，顏色設(shè)為#898AFE、Alpha值設(shè)為15 %。現(xiàn)在畫(huà)一個(gè)大于按鈕外觀的矩形，并用工具面板中的填充變形工具適當(dāng)改變這個(gè)矩形的填充面積及形狀。見(jiàn)圖6。圖6 按鈕發(fā)光效果5 制作按鈕控制音效的功能點(diǎn)擊時(shí)間軸上方的“按鈕_mc”，進(jìn)入按鈕_mc制作舞臺(tái)。插入一個(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文件。在AS圖層中的第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組合鍵測(cè)試影片，此時(shí)可以聽(tīng)到kenny G.mp3的音樂(lè)，將鼠標(biāo)指向按鈕，按鈕周?chē)鷷?huì)出現(xiàn)藍(lán)色光暈，點(diǎn)擊按鈕，音樂(lè)就會(huì)停止播放。再點(diǎn)擊按鈕，音樂(lè)又會(huì)重新播放。按照本文制作按鈕的思路，可以將其它控制動(dòng)畫(huà)的幾種功能集成到一個(gè)按鈕中，制作更多的多功能按鈕。

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

flash按鈕怎么制作鼠標(biāo)動(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)作的規(guī)律09-17

jquery提交按鈕的代碼07-28

在excel里制作按鈕10-08

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

excel宏按鈕設(shè)置方法09-30

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

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