Flash8.0案例實(shí)訓(xùn)全面培訓(xùn)教程Flash-8.0按鈕制作(第五章)課件

1、Flash8.0案例實(shí)訓(xùn)全面培訓(xùn)教程本書(shū)內(nèi) 容 簡(jiǎn) 介 本書(shū)是根據(jù)編者多年的教學(xué)經(jīng)驗(yàn)和學(xué)生的實(shí)際情況(學(xué)生對(duì)實(shí)際操作較感興趣)編寫的，全書(shū)精心挑選了53個(gè)案例進(jìn)行詳細(xì)講解，再通過(guò)與這些案例配套的練習(xí)來(lái)鞏固所學(xué)內(nèi)容。本書(shū)采用實(shí)際與理論相結(jié)合的方法編寫，學(xué)生可以在制作過(guò)程中學(xué)習(xí)理論，反過(guò)來(lái)理論又為實(shí)際操作奠定基礎(chǔ)，使學(xué)生每做完一個(gè)案例就會(huì)有一種成就感，這樣可大大提高學(xué)生的學(xué)習(xí)興趣。 本書(shū)內(nèi)容分為Flash 8.0基礎(chǔ)知識(shí)、Flash 8.0圖形繪制、Flash 8.0文字特效、Flash 8.0動(dòng)畫(huà)制作、Flash 8.0按鈕制作、Flash 8.0綜合制作六大部分。編者將Flash 8.0的基本

2、功能和新功能融入實(shí)例的講解過(guò)程中，使讀者可以邊學(xué)邊練，既能掌握軟件功能，又能快速進(jìn)入案例操作過(guò)程中。 本書(shū)內(nèi)容實(shí)用，可作為高職高專院校及中等職業(yè)院校計(jì)算機(jī)專業(yè)教材，也可以作為網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)者與愛(ài)好者的參考用書(shū)。前 言 本書(shū)是根據(jù)編者多年的教學(xué)經(jīng)驗(yàn)和對(duì)高職高專、中等職業(yè)學(xué)校及技工學(xué)校學(xué)生實(shí)際情況(強(qiáng)調(diào)學(xué)生的動(dòng)手能力)的了解編寫的，精心挑選了53個(gè)案例進(jìn)行詳細(xì)講解，再通過(guò)這些案例的配套練習(xí)來(lái)鞏固所學(xué)內(nèi)容。本書(shū)采用實(shí)際操作與理論分析相結(jié)合的方法，讓學(xué)生在案例制作過(guò)程中學(xué)習(xí)、體會(huì)理論知識(shí)，同時(shí)扎實(shí)的理論知識(shí)又為實(shí)際操作奠定堅(jiān)實(shí)的基礎(chǔ)，使學(xué)生每做完一個(gè)案例就會(huì)有一種成就感，這樣大大提高了學(xué)生的學(xué)習(xí)興趣。

3、本書(shū)內(nèi)容分為Flash 8.0基礎(chǔ)知識(shí)、Flash 8.0圖形繪制、Flash 8.0文字特效、Flash 8.0動(dòng)畫(huà)制作、Flash 8.0按鈕制作、Flash 8.0綜合制作六大部分。編者將Flash 8.0的基本功能和新功能融入實(shí)例的講解過(guò)程中，使讀者可以邊學(xué)邊練，既能掌握軟件功能，又能快速進(jìn)入案例操作過(guò)程中。本書(shū)內(nèi)容豐富，可以作為網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)者與愛(ài)好者及學(xué)生的工具書(shū)，通過(guò)本書(shū)可隨時(shí)翻閱、查找需要的效果的制作內(nèi)容。本書(shū)的每一章都有學(xué)時(shí)供老師教學(xué)和學(xué)生自學(xué)時(shí)參考，同時(shí)配有每一章的案例Flash效果文件，可通過(guò)網(wǎng)上下載使用(/ebook.htm)。 參與本書(shū)編寫工作的有伍福軍、張祝強(qiáng)、張珈瑞

4、、唐穎穎、羅越、向隅，在此表示感謝！ 本書(shū)不僅適用于高職高專及中等職業(yè)院校學(xué)生，也適于作為短期培訓(xùn)的案例教程，對(duì)于初學(xué)者和自學(xué)者尤為適合。第5章 Flash 8.0按鈕制作培訓(xùn)內(nèi)容： 5.1 按鈕基礎(chǔ)知識(shí)5.1.1 按鈕的介紹5.1.2 基本按鈕的制作5.2 簡(jiǎn)單控制按鈕的制作5.2.1 案例一：簡(jiǎn)單按鈕5.2.2 案例二：動(dòng)畫(huà)按鈕5.2.3 案例三：“別碰我”文字制作5.2.4 案例四：跟隨光標(biāo)的提示5.2.5 案例五：調(diào)節(jié)音量5.3 復(fù)雜控制按鈕的制作5.3.1 案例六：控制圖片變化5.3.2 案例七：左右聲道均衡調(diào)節(jié)5.3.3 案例八：用組件控制聲音按鈕5.3.4 案例九：選擇樂(lè)曲播放5

5、.3.5 案例十：使用按鈕載入圖片 知識(shí)點(diǎn)： 1. 簡(jiǎn)單按鈕2. 動(dòng)畫(huà)按鈕3.“別碰我”文字制作4. 跟隨光標(biāo)的提示5. 調(diào)節(jié)音量6. 控制圖片變化7. 左右聲道均衡調(diào)節(jié)8. 用組件控制聲音按鈕9. 選擇樂(lè)曲播放10. 使用按鈕載入圖片 說(shuō)明： 本章主要介紹Flash 8.0按鈕的制作，通過(guò)10個(gè)案例全面講解了按鈕的制作方法與技巧，學(xué)生對(duì)本章內(nèi)容一定要掌握，它是制作交互動(dòng)畫(huà)的基礎(chǔ)。 教學(xué)建議課時(shí)數(shù)： 一般情況下需18課時(shí)：理論6課時(shí)，實(shí)際操作12課時(shí)(可根據(jù)特殊情況做相應(yīng)調(diào)整)。 5.1 按鈕基礎(chǔ)知識(shí) 5.1.1 按鈕的介紹1. 按鈕簡(jiǎn)介 按鈕是人機(jī)進(jìn)行信息交互的基礎(chǔ)，它對(duì)鼠標(biāo)單擊事件進(jìn)行響應(yīng)

6、。按鈕可對(duì)按鈕靜止、將鼠標(biāo)指針移到按鈕上、按下鼠標(biāo)左鍵3種事件作出響應(yīng)。這3種事件對(duì)應(yīng)著按鈕的4種狀態(tài)：彈起(按鈕靜止)、指針經(jīng)過(guò)(將鼠標(biāo)指針移動(dòng)到按鈕上)、按下(按下按鈕)、點(diǎn)擊(定義按鈕響應(yīng)區(qū)域)。這4種狀態(tài)定義了按鈕的4個(gè)關(guān)鍵幀。下面詳細(xì)介紹按鈕的這4種關(guān)鍵幀。(1)【彈起】幀：在【彈起】幀中定義按鈕的正常顯示效果，也就是按鈕未被鼠標(biāo)單擊時(shí)所顯示的效果。(2)【指針經(jīng)過(guò)】幀：定義當(dāng)鼠標(biāo)指針移到按鈕上但不單擊它時(shí)按鈕的效果。一般該幀相對(duì)于【彈起】幀應(yīng)有所改變。比如：可以定義當(dāng)鼠標(biāo)指針移到按鈕上時(shí)按鈕變色或放大、縮小等，對(duì)于文字按鈕，可以定義當(dāng)鼠標(biāo)指針移到按鈕上時(shí)文字變色或改變文字的字體等。

7、(3)【按下】幀：定義按鈕時(shí)按下所出現(xiàn)的效果。對(duì)于圖形按鈕來(lái)說(shuō)，按鈕被按下時(shí)一般會(huì)定義得比未被按下時(shí)要小一些，這樣，當(dāng)按下按鈕時(shí)，按鈕會(huì)自動(dòng)縮小，出現(xiàn)動(dòng)態(tài)效果。(4)【點(diǎn)擊】幀：定義按鈕的響應(yīng)區(qū)域。在響應(yīng)區(qū)域按下按鈕時(shí)，系統(tǒng)才能響應(yīng)按鈕按下的事件。該區(qū)域在工作區(qū)中是不可見(jiàn)的。如要定義該幀，必須保證此區(qū)域包括按鈕的彈起、指針經(jīng)過(guò)和按下3種狀態(tài)的區(qū)域；如不定義該幀，則系統(tǒng)會(huì)默認(rèn)【彈起】幀狀態(tài)為按鈕的區(qū)域響應(yīng)。 5.1 按鈕基礎(chǔ)知識(shí) 注意：按鈕雖然有4種狀態(tài)，但可根據(jù)需要定義這4種幀狀態(tài)，也可只定義一部分，但一些基本的幀必須定義，一般而言，【彈起】幀和【指針經(jīng)過(guò)】幀必須定義。2. 按鈕的創(chuàng)建(1)

8、創(chuàng)建圖形按鈕的步驟如下。 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，按如圖5.1所示設(shè)置。 圖5.1 單擊確定按鈕進(jìn)入按鈕編輯區(qū)，時(shí)間軸中將出現(xiàn)按鈕的4個(gè)狀態(tài)幀，如圖5.2所示。 圖5.25.1 按鈕基礎(chǔ)知識(shí) 定義按鈕的4個(gè)幀。在按鈕中可以使用影片剪輯元件、圖形元件或素材庫(kù)中的組件對(duì)象。在這里我們利用繪圖工具繪制按鈕的4個(gè)幀。 定義【彈起】幀：利用前面所學(xué)知識(shí)在工作區(qū)域中繪制如圖5.3所示的圖形。 定義【指針經(jīng)過(guò)】幀：用鼠標(biāo)在【指針經(jīng)過(guò)】幀處插入一個(gè)關(guān)鍵幀，此時(shí)【彈起】幀的圖形被復(fù)制到【指針經(jīng)過(guò)】幀的工作區(qū)。確保圖形被選中，在混色器面板中進(jìn)行色彩調(diào)整，得到如圖5.4所示的圖形。 定義【按

9、下】幀：用鼠標(biāo)在【按下】幀處插入一個(gè)關(guān)鍵幀，此時(shí)【指針經(jīng)過(guò)】幀幀的圖形被復(fù)制到“按下”的工作區(qū)。確保圖形被選中，在混色器面板中進(jìn)行色彩調(diào)整，得到如圖5.5所示的圖形。 定義【點(diǎn)擊】幀：用鼠標(biāo)在【點(diǎn)擊】幀處插入一個(gè)關(guān)鍵幀，并進(jìn)行大小的調(diào)整，得到如圖5.6所示的圖形。該幀主要是定義按鈕的有效單擊范圍，在有效范圍里按下按鈕時(shí)，系統(tǒng)才認(rèn)為該事件已經(jīng)發(fā)生。如果不定義該幀，則系統(tǒng)默認(rèn)“彈起”幀為響應(yīng)區(qū)域。 圖5.3 圖5.4 圖5.5 圖5.6 5.1 按鈕基礎(chǔ)知識(shí) 單擊圖層左上角的場(chǎng)景1按鈕，返回場(chǎng)景，按鈕制作完畢。(2) 創(chuàng)建文字按鈕的步驟如下。 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如

10、圖5.7所示。 圖5.7 單擊確定按鈕進(jìn)入按鈕編輯區(qū)，時(shí)間軸中將出現(xiàn)按鈕的4個(gè)狀態(tài)幀，如圖5.8 所示。 圖5.85.1 按鈕基礎(chǔ)知識(shí) 定義按鈕的4個(gè)幀。在按鈕中可以使用影片剪輯元件、圖形元件或素材庫(kù)中的組件對(duì)象。在這里我們利用繪圖工具繪制按鈕的4個(gè)幀。 定義【彈起】幀：利用文字工具和前面所學(xué)知識(shí)在工作區(qū)域中輸入如圖5.9所示的圖形。 定義【指針經(jīng)過(guò)】幀：用鼠標(biāo)在“指針經(jīng)過(guò)”幀處插入一個(gè)關(guān)鍵幀，此時(shí)【彈起】幀的文字被復(fù)制到【指針經(jīng)過(guò)】幀的工作區(qū)。確保文字被選中，在文字屬性面板中進(jìn)行色彩調(diào)整，得到如圖5.10所示的文字。 定義【按下】幀：用鼠標(biāo)在【按下】幀處插入一個(gè)關(guān)鍵幀，此時(shí)【指針經(jīng)過(guò)幀】幀的

11、文字被復(fù)制到“按下”的工作區(qū)。確保文字被選中，在文字屬性面板中進(jìn)行色彩調(diào)整，得到如圖5.11所示的文字。 定義【點(diǎn)擊】幀：用鼠標(biāo)在【點(diǎn)擊】幀處插入一個(gè)關(guān)鍵幀，并進(jìn)行大小的調(diào)整，得到如圖5.12所示的文字。該幀主要是定義按鈕的有效單擊范圍，在有效范圍里按下按鈕時(shí)，系統(tǒng)才認(rèn)為該事件已經(jīng)發(fā)生。如果不定義該幀，則系統(tǒng)默認(rèn)【彈起】幀為響應(yīng)區(qū)域。 圖5.9 圖5.10 圖5.11 圖5.125.1 按鈕基礎(chǔ)知識(shí) 單擊圖層左上角的場(chǎng)景1按鈕，返回場(chǎng)景，按鈕制作完畢。(3) 將按鈕加入到場(chǎng)景中的方法：打開(kāi)【庫(kù)】面板，在場(chǎng)景中選中要插入的層中的關(guān)鍵幀，將“庫(kù)”中的按鈕拖到場(chǎng)景中的舞臺(tái)中即可。(4) 預(yù)覽按鈕的兩

12、種方法：第一種，選擇控制測(cè)試影片命令；第二種，在場(chǎng)景中瀏覽按鈕效果，選擇控制啟動(dòng)簡(jiǎn)單按鈕命令。5.1.2 基本按鈕的制作1. 為圖形按鈕添加文字 通過(guò)給前面制作的圖形按鈕添加“瞬間藝術(shù)”文字，來(lái)講解怎樣為圖形按鈕添加文字，方法如下。(1) 在場(chǎng)景中雙擊“圖形按鈕”，進(jìn)入按鈕編輯狀態(tài)，如圖5.13所示。(2) 單擊圖層左下角的【插入圖層】按鈕，添加一個(gè)新的圖層，如圖5.14所示。 圖5.13 圖5.14 5.1 按鈕基礎(chǔ)知識(shí) (3) 單擊“圖層2”的【彈起】幀，此時(shí)選中【彈起】幀，利用文字工具和前面所學(xué)的知識(shí)在圖形上面輸入如圖5.15所示的文字。(4) 在“圖層2”的【指針經(jīng)過(guò)】幀上單擊鼠標(biāo)右鍵

13、，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀命令，插入一個(gè)關(guān)鍵幀。此時(shí)，該幀將復(fù)制【彈起】幀的文字，將文字修改成如圖5.16所示的效果。 圖5.15 圖5.16 5.1 按鈕基礎(chǔ)知識(shí) (5) 在“圖層2”的【按下】幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀命令，插入一個(gè)關(guān)鍵幀，此時(shí)，它將復(fù)制【指針經(jīng)過(guò)】幀的文字，將該文字修改成如圖5.17所示的效果。 圖5.17 (6) 單擊圖層左上角的場(chǎng)景1按鈕，返回場(chǎng)景，按鈕修改完畢。 5.1 按鈕基礎(chǔ)知識(shí)2. 使用按鈕加載外部影片 可以通過(guò)按鈕將所做的其他影片加載到當(dāng)前影片中進(jìn)行播放，此功能在課件制作中使用頻率非常高。在這里，我們來(lái)講解怎樣

14、加載外部影片的方法。(1) 選中場(chǎng)景中的按鈕，打開(kāi)【動(dòng)作】面板，輸入“on(press)”語(yǔ)句，將閃動(dòng)的光標(biāo)移到“”中間。(2) 選擇【動(dòng)作】面板中的“l(fā)oadMovie”語(yǔ)句，如圖5.18所示。 圖5.185.1 按鈕基礎(chǔ)知識(shí)(3) 在“l(fā)oadMovie()”的“()”中輸入?yún)?shù)，如圖5.19所示。圖5.19 “donghua”：是要加載的影片名稱，注意要加載的影片名稱一定要是英文或數(shù)字，不 能用中文命名，影片名字要用雙引號(hào)。 “1”：表示加載的動(dòng)畫(huà)所處的層的位置。代碼、函數(shù)、參數(shù)將在后面做詳細(xì)介紹。 (4) 關(guān)閉【動(dòng)作】面板，制作完畢。3. 為按鈕添加電子郵件 在工作和學(xué)習(xí)中，電子郵件的

15、使用非常頻繁，在按鈕中加入電子郵件對(duì)我們?nèi)∮镁W(wǎng)上信息更為方便。其方法與按鈕加載方法相同，只是要在URL框中輸入E-mail地址，在添加地址前應(yīng)先加入“mailto”。在【動(dòng)作】面板中輸入的語(yǔ)句如圖5.20所示。 圖5.20 5.2 簡(jiǎn)單控制按鈕的制作 5.2.1 案例一：簡(jiǎn)單按鈕 制作一個(gè)簡(jiǎn)單按鈕。 本案例主要用到的工具或命令有：選擇工具、橢圓工具、元件、柔化填充邊緣、文字工具、填充浮動(dòng)面板的設(shè)置等。 5.2 簡(jiǎn)單控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個(gè)名為“簡(jiǎn)單按鈕”文件。(2) 單擊插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.21所示。單擊 按鈕，【圖層】面板如

16、圖5.22所示。 圖5.21 圖5.22 說(shuō)明： 彈起是指鼠標(biāo)指針沒(méi)有移到按鈕上時(shí)顯示的狀態(tài)。 指針經(jīng)過(guò)是指鼠標(biāo)指針移到按鈕上時(shí)顯示的狀態(tài)。 按下是指在按鈕上按下鼠標(biāo)左鍵時(shí)顯示的狀態(tài)。 點(diǎn)擊是指鼠標(biāo)指針觸發(fā)按鈕的范圍。5.2 簡(jiǎn)單控制按鈕的制作 (3) 單擊并選中圖層的彈起幀。(4) 單擊工具箱中的橢圓工具。將筆觸顏色設(shè)置為 ，橢圓漸變填充浮動(dòng)面板的設(shè)置如圖5.23所示。在工作區(qū)繪制一個(gè)圓，如圖5.24所示。 圖5.23 圖5.24 (5) 選擇剛繪制的橢圓，選擇修改形狀柔化填充邊緣命令，彈出【柔化填充邊緣】 對(duì)話框，設(shè)置如圖5.25所示。單擊按鈕，得到如圖5.26所示的橢圓。 圖5.25 圖

17、5.26 5.2 簡(jiǎn)單控制按鈕的制作 (6) 單擊文字工具。在工作區(qū)中輸入文字，大小、位置如圖5.27所示。(7) 在指針經(jīng)過(guò)幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀命令，此時(shí)，在指針經(jīng)過(guò)幀處插入一個(gè)關(guān)鍵幀。(8) 單擊選擇工具，選中如圖5.28所示的部分，設(shè)置填充浮動(dòng)面板如圖5.29所示。此時(shí)，圖形效果如圖5.30所示。 圖5.27 圖5.28 圖5.29 圖5.30(9) 單擊【文字】工具，將文字改為如圖5.31所示。將文字改為紅色，如圖5.32所示。(10) 在按下幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀命令，此 時(shí)，在按下幀處插入一個(gè)關(guān)鍵幀。(11)

18、 單擊選擇工具，選中如圖5.33所示的部分，設(shè)置填充浮動(dòng)面板如圖5.34所示。此時(shí)， 圖形效果如圖5.35所示。 5.2 簡(jiǎn)單控制按鈕的制作 圖5.31 圖5.32 圖5.33 圖5.34 圖5.35(12) 單擊文字工具，將文字改為如圖5.36所示。將文字改為深紅色，如圖5.37所示。(13) 在點(diǎn)擊幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀命令，此 時(shí)，在點(diǎn)擊幀處插入一個(gè)關(guān)鍵幀。(14) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(15) 將“庫(kù)”中的“簡(jiǎn)單按鈕”拖到舞臺(tái)中并測(cè)試效果，如圖5.38所示。將鼠標(biāo)指針移到按 鈕上時(shí)的效果如圖5.39所示。(16) 按下鼠標(biāo)指針時(shí)的

19、效果如圖5.40所示。 圖5.36 圖5.37 圖5.38 圖5.39 圖5.405.2 簡(jiǎn)單控制按鈕的制作 本案例制作了一簡(jiǎn)單的按鈕，主要講解了按鈕的制作原理，基本流程及各幀的作用。 利用前面所學(xué)知識(shí)制作如下效果的按鈕。5.2 簡(jiǎn)單控制按鈕的制作 5.2.2 案例二：動(dòng)畫(huà)按鈕 彈起 指針經(jīng)過(guò) 按下 制作一個(gè)動(dòng)畫(huà)按鈕。 本案例主要用到的工具與功能有：橢圓工具、文字工具、填充浮動(dòng)面板的設(shè)置、創(chuàng)建補(bǔ)間動(dòng)畫(huà)、Alpha值的設(shè)置、柔化填充邊緣等。5.2 簡(jiǎn)單控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個(gè)名為“簡(jiǎn)單按鈕”的文件。(2) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5

20、.41所示，單擊 確定按鈕。 圖5.41 (3) 單擊橢圓填充工具，將筆觸顏色設(shè)置為 ，設(shè)置填充浮動(dòng)面板，如圖5.42所示。 在工作區(qū)繪制一個(gè)圓，如圖5.43所示。 圖5.42 圖5.43 5.2 簡(jiǎn)單控制按鈕的制作 (4) 選中該橢圓，選擇單擊修改形狀柔化填充邊緣命令，彈出【柔化填充邊緣】對(duì)話框，設(shè)置如圖5.44所示，效果如圖5.45所示。 圖5.44 圖5.45 (5) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(6) 方法同第(3)、(4)步，制作一個(gè)“黃白漸變球”的圖形元件，如圖5.46所示。(7) 方法同第(3)、(4)步，制作一個(gè)“綠白漸變球”的圖形元件，如圖5.47所示。(8) 方

21、法同第(3)、(4)步，制作一個(gè)“粉紅色白漸變球”的圖形元件，如圖5.48所示。(9) 選中如圖5.47所示的球，選擇修改形狀柔化填充邊緣命令，彈出【柔化填充邊 緣】對(duì)話框，設(shè)置如圖5.49所示，效果如圖5.50所示。 圖5.46 圖5.4 圖5. 圖5.49 圖5.50 5.2 簡(jiǎn)單控制按鈕的制作 (10) 將圖5.50中不要的部分刪除，如圖5.51所示。(11) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(12) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.52所示。單擊確定按鈕。(13) 將“粉紅色白漸變球”拖到工作區(qū)中，調(diào)整其大小及位置，如圖5.33所示。 圖5.51 圖

22、5.52 圖5.53 (14) 在圖層的第15幀處插入一個(gè)關(guān)鍵幀并調(diào)整大小，如圖5.54所示。(15) 創(chuàng)建補(bǔ)間動(dòng)畫(huà)，如圖5.55所示。(16)“圖層1”第一幀的元件屬性面板設(shè)置如圖5.56所示。(17) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。 5.2 簡(jiǎn)單控制按鈕的制作 圖5.54 圖5.5 圖5.56 (18) 選擇插入新建元件命令，彈出“創(chuàng)建新元件”對(duì)話框，設(shè)置如圖5.57所示。(19) 將“紅白漸變球”圖形元件放到彈起幀上，位置大小如圖5.58所示。(20) 在指針經(jīng)過(guò)幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀 命令，此時(shí)，將插入一個(gè)關(guān)鍵幀。刪除指針經(jīng)過(guò)幀中的所有元件

23、，將“黃白漸變 球”圖形元件放到指針經(jīng)過(guò)幀上，位置大小如圖5.59所示。(21) 在按下幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀命 令，此時(shí)將插入一個(gè)關(guān)鍵幀。刪除按下幀中的所有元件，將“綠白漸變球”圖形 元件放到按下幀上，位置、大小如圖5.60所示。 圖5.57 圖5.58 圖5. 圖5.60 5.2 簡(jiǎn)單控制按鈕的制作(22) 在點(diǎn)擊幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇命令將此時(shí)，插入一個(gè)關(guān)鍵幀。(23) 單擊彈起幀，選中該幀，將“庫(kù)”中的“動(dòng)畫(huà)”影片剪輯元件拖到工作區(qū)中，位置如圖5.61所示。輸入文字，如圖5.62所示。(24) 單擊指針經(jīng)過(guò)幀，選中該幀，將“

24、庫(kù)”中的“動(dòng)畫(huà)”影片剪輯元件拖4次到工作區(qū)，位置如圖5.63所示。輸入文字，如圖5.64所示。(25) 單擊按下幀，選中該幀，將“庫(kù)”中的“動(dòng)畫(huà)”影片剪輯元件拖4次到工作區(qū)，位置如圖5.65所示。輸入文字，如圖5.66所示。 圖5.61 圖5.62 圖5.63 圖5.64 圖5.65 圖5.66(26) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(27) 將“庫(kù)”中的“動(dòng)畫(huà)按鈕”拖到舞臺(tái)中，測(cè)試效果，如圖5.67圖5.69所示。(28) 完整演示動(dòng)畫(huà)請(qǐng)觀看從本書(shū)提供的網(wǎng)頁(yè)下載的素材第5章的“簡(jiǎn)單按鈕”Flash文件。 5.2 簡(jiǎn)單控制按鈕的制作 圖5.67 圖5.68 圖5.69 本案例主要制作

25、了一個(gè)動(dòng)態(tài)按鈕，主要講解了動(dòng)態(tài)按鈕制作的方法和流程，在制作過(guò)程中，可以像前面制作動(dòng)畫(huà)一樣，創(chuàng)建新圖層、引導(dǎo)線和輸入腳本。 5.2 簡(jiǎn)單控制按鈕的制作 根據(jù)前面所學(xué)知識(shí)制作如下效果的按鈕。提示：在制作如下效果的按鈕時(shí)，要特別注意在對(duì)繪制的矩形進(jìn)行“柔化填充邊緣”時(shí)，要進(jìn)行兩次，第一次選擇【插入】單選按鈕，第二次選擇【擴(kuò)展】單選按鈕。完整的演示動(dòng)畫(huà)請(qǐng)觀看從本書(shū)提供的網(wǎng)頁(yè)下載的素材第5章的“簡(jiǎn)單按鈕1”Flash文件。 彈起 指針經(jīng)過(guò) 5.2 簡(jiǎn)單控制按鈕的制作 5.2.3 案例三：“別碰我”文字制作 彈起 指針經(jīng)過(guò) 制作一個(gè)當(dāng)鼠標(biāo)指針移到按鈕上時(shí)會(huì)彈出“別碰我哦！”文字的按鈕。 本案例主要用到的工

26、具或命令有：矩形工具、文字工具、元件的創(chuàng)建、Alpha值的設(shè)置、幀動(dòng)畫(huà)的創(chuàng)建等。 5.2 簡(jiǎn)單控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個(gè)名為“別碰我”文件。(2) 設(shè)置背景色為“純黑色”。(3) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.70所示。單擊 確定按鈕。(4) 單擊工具箱中的矩形工具，填充浮動(dòng)面板的設(shè)置如圖5.71所示。在工作區(qū)繪制一個(gè)矩 形，如圖5.72所示。再繪制一個(gè)矩形，如圖5.73所示。 圖5.70 圖5.71 圖5.72 圖5.73 (5) 單擊工具箱中的顏料桶工具，對(duì)圖5.73進(jìn)行填充，效果如圖5.74所示。(6) 單擊時(shí)間軸左上角的場(chǎng)景1

27、按鈕，返回場(chǎng)景。 5.2 簡(jiǎn)單控制按鈕的制作 圖5.74(7) 選擇文件導(dǎo)入導(dǎo)入到庫(kù)命令，彈出【導(dǎo)入到庫(kù)】對(duì)話框，在對(duì)話框中選擇圖片。單 擊打開(kāi)按鈕，導(dǎo)入圖片。(8) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.75所示。單擊確定 按鈕。(9) 將剛導(dǎo)入的圖片拖到工作區(qū)中，在圖片上單擊鼠標(biāo)右鍵，彈出快捷菜單，選擇分離命令，將 圖片分離，如圖5.76所示。 圖5.75 圖5.765.2 簡(jiǎn)單控制按鈕的制作 (10) 單擊工具箱中的套索工具，在選項(xiàng)中選擇 項(xiàng)，將貓的白色部分選中，并刪除，效果如圖5.77所示。(11) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。 圖5.775.2 簡(jiǎn)單

28、控制按鈕的制作(12) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.78所示。單擊確定按鈕。(13) 將“庫(kù)”中的“圖片元件”拖到工作區(qū)，并設(shè)置“圖片元件”的屬性如圖5.79所示。工作區(qū)圖像的效果如圖5.80所示。 圖5.78 圖5.79 圖5.80 (14) 在“圖層1”的第10幀處單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀 命令，此時(shí)就在第10幀處插入了關(guān)鍵幀。用同樣的方法在第20幀處插入普通幀。(15) 將第10幀處的“圖片元件”水平翻轉(zhuǎn)，效果如圖5.81所示。 圖5.81 5.2 簡(jiǎn)單控制按鈕的制作(16) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(17)

29、選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.82所示。單擊確定按鈕。 圖5.82 (18) 將“庫(kù)”中的“按鈕模型”圖形元件拖到工作區(qū)的中央位置，再將“庫(kù)”中的“動(dòng)畫(huà)” 影片剪輯元件拖到工作區(qū)的中央位置，如圖5.83所示。(19) 分別在指針經(jīng)過(guò)、按下、點(diǎn)擊幀處單擊鼠標(biāo)右鍵，彈出快捷菜單，選擇命令，此 時(shí)即分別在、幀處插入關(guān)鍵幀。(20) 在指針經(jīng)過(guò)幀上單擊，將該幀中的所有元件移到適當(dāng)?shù)奈恢?。單擊文字工具，在工?區(qū)中輸入文字，文字的大小、顏色、位置如圖5.84所示。 圖5.83 圖5.84 5.2 簡(jiǎn)單控制按鈕的制作(21) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(22)

30、將“庫(kù)”中的“按鈕”拖到舞臺(tái)中進(jìn)行測(cè)試，效果如圖5.83和圖5.84所示。 本案例通過(guò)講解制作按鈕的基本流程，制作了一個(gè)動(dòng)態(tài)按鈕。在制作過(guò)程中要明白一個(gè)道理，即在按鈕中可以導(dǎo)入動(dòng)畫(huà)、聲音等。 根據(jù)前面所學(xué)知識(shí)制作如下效果的按鈕。 彈起 指針經(jīng)過(guò) 5.2 簡(jiǎn)單控制按鈕的制作5.2.4 案例四：跟隨光標(biāo)的提示 當(dāng)鼠標(biāo)指針移動(dòng)到圖片上時(shí)，出現(xiàn)文字提示。 本案例主要用到的工具或命令有：矩形工具、圖片的導(dǎo)入、動(dòng)作腳本、文字工具、屬性面板的設(shè)置、元件的創(chuàng)建等。 5.2 簡(jiǎn)單控制按鈕的制作(1) 運(yùn)行Flash 8.0，新建一個(gè)名為“跟隨光標(biāo)的提示”的文件。(2) 選擇文件導(dǎo)入導(dǎo)入到庫(kù)命令，彈出【導(dǎo)入到庫(kù)】

31、對(duì)話框，在對(duì)話框中選擇圖選 擇片。單擊打開(kāi)按鈕導(dǎo)入圖片，如圖5.85所示。 圖5.85(3) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.86所示。單 擊確定按鈕。(4) 將“庫(kù)”中的“雞.jpg”圖片拖到工作區(qū)，調(diào)整位置、大小如圖5.87所示。 5.2 簡(jiǎn)單控制按鈕的制作 圖5.86 圖5.87 (5) 單擊工具箱中的矩形工具，并設(shè)置填充浮動(dòng)面板如圖5.88所示。設(shè)置筆觸顏色 為 ，在工作區(qū)中繪制一個(gè)矩形，如圖5.89所示。 圖5.88 圖5.89 5.2 簡(jiǎn)單控制按鈕的制作(6) 選中繪制的“矩形”，將“矩形”轉(zhuǎn)換為“圖形”元件，設(shè)置屬性面板如圖5.90所示，效果如圖5.9

32、1所示。 圖5.90 圖5.91 (7) 方法同第(3)第(6)步，分別制作如圖5.92所示的影片剪輯。(8) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.93所示。單擊 確定按鈕。(9) 單擊工具箱中的文字工具，在工作區(qū)中拖出一文字框，屬性面板的設(shè)置如圖5.94所示。 圖5.925.2 簡(jiǎn)單控制按鈕的制作圖5.93圖5.94 (10) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(11) 將“庫(kù)”中的所有影片剪輯拖到舞臺(tái)中，并輸入如圖5.95所示的文字。 圖5.95 5.2 簡(jiǎn)單控制按鈕的制作(12) 將“庫(kù)”中的“信息框”拖到舞臺(tái)中，設(shè)置【屬性】面板如圖5.96所示。(13)

33、在舞臺(tái)中的第一個(gè)影片剪輯元件上單擊鼠標(biāo)右鍵，選擇動(dòng)作命令，彈出“動(dòng)作”腳本對(duì)話框，在對(duì)話框中輸入如圖5.97所示的腳本代碼。 圖5.96圖5.975.2 簡(jiǎn)單控制按鈕的制作(14) 方法同第(13)步，語(yǔ)法相同，只要將如圖5.97所示的用紅色矩形框框出來(lái)的文字改成相應(yīng)的提示文字即可。(15) 最終效果如圖5.98所示，演示效果請(qǐng)觀看網(wǎng)上下載的素材第5章的“跟隨光標(biāo)的提示”Flash文件。 圖5.985.2 簡(jiǎn)單控制按鈕的制作 本案例主要制作了一個(gè)跟隨光標(biāo)提示的效果，在輸入語(yǔ)言時(shí)要特別細(xì)心，只要有一點(diǎn)輸入不對(duì)，效果就無(wú)法實(shí)現(xiàn)。 根據(jù)前面所學(xué)知識(shí)制作如下效果，完整的動(dòng)畫(huà)演示請(qǐng)觀看從網(wǎng)上下載的素材第

34、5章的“跟隨光標(biāo)的提示1”Flash文件。 5.2 簡(jiǎn)單控制按鈕的制作5.2.5 案例五：調(diào)節(jié)音量 制作一個(gè)利用Flash 8.0自帶按鈕來(lái)控制音樂(lè)音量的調(diào)節(jié)器。 本案例主要用到的工具或命令有：文字工具、線條工具、顏料桶工具、動(dòng)作腳本、矩形工具，聲音的處理等。 5.2 簡(jiǎn)單控制按鈕的制作(1) 運(yùn)行Flash 8.0，新建一個(gè)名為“調(diào)節(jié)音量”的文件。(2) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.99所示。單擊確定按鈕。(3) 單擊工具箱中的【線條】工具，在工作區(qū)繪制如圖5.100所示的圖形。 圖5.99 圖5.100 (4) 單擊工具箱中的顏料桶工具，設(shè)置填充浮動(dòng)面板如圖

35、5.101所示。并對(duì)繪制的圖形進(jìn)行 填充，如圖5.102所示。(5) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。 5.2 簡(jiǎn)單控制按鈕的制作圖5.101 圖5.102 (6) 選擇文件導(dǎo)入導(dǎo)入到庫(kù)命令，彈出【導(dǎo)入到庫(kù)】對(duì)話框，在對(duì)話框中選 擇要導(dǎo)入的音樂(lè)和圖片。單擊打開(kāi)按鈕，導(dǎo)入的音樂(lè)和圖片如圖5.103所示。(7) 在“庫(kù)”中的“音樂(lè)”文件上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇 屬性命令，彈出【聲音屬性】對(duì)話框，設(shè)置如圖5.104所示。單擊確定按鈕。 5.2 簡(jiǎn)單控制按鈕的制作圖5.103 圖5.104 5.2 簡(jiǎn)單控制按鈕的制作(8) 在“庫(kù)”中的“音樂(lè)”文件上單擊鼠標(biāo)右鍵，彈出快捷

36、菜單，在快捷菜單中選擇鏈接命令，彈出“鏈接屬性”對(duì)話框，設(shè)置如圖5.105所示。單擊確定按鈕。 圖5.105(9) 將“庫(kù)”中的“底板”圖形元件拖到舞臺(tái)中，并調(diào)整好位置，如圖5.106所示。(10) 單擊工具箱中的文字工具，在舞臺(tái)中輸入文字，并設(shè)置顏色，如圖5.107所示。 圖5.106 圖5.107 5.2 簡(jiǎn)單控制按鈕的制作(11) 在“圖層1”的第1幀處單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇動(dòng)作命令，彈出“動(dòng)作-幀”腳本輸入框，在腳本框中輸入如圖5.108所示的代碼。輸入完代碼后，單擊對(duì)話框右上角的 關(guān)閉按鈕。 圖5.108(12) 將“庫(kù)”中的“地球2.jpg”文件拖到舞臺(tái)中，并

37、進(jìn)行調(diào)整，如圖5.109所示。 圖5.1095.2 簡(jiǎn)單控制按鈕的制作(13) 選擇窗口公用庫(kù)按鈕命令，此時(shí)將彈出“公用庫(kù)”對(duì)話框，如圖5.110所示。 圖5.110(14) 在公用庫(kù)中選中如圖5.111所示的元件，將其拖到舞臺(tái)中，位置、大小如圖5.112所示。 圖5.111 圖5.112 5.2 簡(jiǎn)單控制按鈕的制作(15) 在剛拖入的舞臺(tái)中的按鈕元件上雙擊，進(jìn)入影片剪輯編輯狀態(tài)，在“Layer 4”圖層的第1幀處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇動(dòng)作命令，彈出“動(dòng)作-幀”腳本對(duì)話框，將腳本中最后一句修改成如圖5.113所示紅色框框住的語(yǔ)句，然后單擊 按鈕關(guān)閉對(duì)話框。 圖5.113 5.2

38、簡(jiǎn)單控制按鈕的制作(16) 將按鈕上的“GIN”改為“音量調(diào)節(jié)”。(17) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(18) 最終效果如圖5.114所示。完整演示效果請(qǐng)觀看從網(wǎng)上下載的素材第5章的“調(diào)節(jié)音量”Flash文件。 圖5.114 例主要利用Flash 8.0自帶的按鈕，通過(guò)修改來(lái)制作音量調(diào)節(jié)按鈕。在制作過(guò)程中要特別注意腳本的修改原理。 5.2 簡(jiǎn)單控制按鈕的制作 根據(jù)前面所學(xué)知識(shí)制作如下效果，完整演示請(qǐng)觀看從網(wǎng)上下載的素材第5章的“音量調(diào)節(jié)1”Flash文件。5.3 復(fù)雜控制按鈕的制作 5.3.1 案例六：控制圖片變化 制作一個(gè)通過(guò)按鈕來(lái)控制圖片的縮放、移動(dòng)、旋轉(zhuǎn)的動(dòng)畫(huà)。本案例主要用

39、到的工具或命令有：橢圓工具、文字工具、圖片的導(dǎo)入、動(dòng)作腳本等。 5.3 復(fù)雜控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個(gè)名為“控制圖片變化”文件。(2) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.115所示。單擊確定按鈕。 圖5.115(3) 單擊工具箱中的線條工具，在工作區(qū)繪制如圖5.116所示圖形。(4) 單擊工具箱中的顏料桶工具，通過(guò)設(shè)置填充浮動(dòng)面板，填充出如圖5.117所示的圖形。 圖5.116 圖5.117 5.3 復(fù)雜控制按鈕的制作 (5) 單擊工具箱中的線條工具，在工作區(qū)繪制如圖5.118所示的圖形。(6) 單擊工具箱中的顏料桶工具，填充出如圖5.1

40、19所示的圖形。(7) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。 圖5.118 圖5.119 (8) 根據(jù)前面所學(xué)知識(shí)制作一個(gè)如圖5.120所示的按鈕。圖5.120 5.3 復(fù)雜控制按鈕的制作 (9) 選擇文件導(dǎo)入導(dǎo)入到庫(kù)命令，彈出【導(dǎo)入到庫(kù)】對(duì)話框，在對(duì)話框中選擇圖片。單擊打開(kāi)按鈕，導(dǎo)入圖片。(10) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.121所示。單擊確定按鈕。(11) 將導(dǎo)入的圖片拖到工作區(qū)，并將圖片分離，將白色部分刪除，如圖5.122所示。(12) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。 圖5.121 圖5.122(13) 將“庫(kù)”中的“底板”圖形元件拖到舞臺(tái)

41、中，再將“庫(kù)”中的“按鈕”拖到舞臺(tái)中，調(diào)整 好大小和形狀，并復(fù)制5個(gè)，調(diào)整它們之間的位置，如圖5.123所示。(14) 將“庫(kù)”中的“mao_mc”拖到舞臺(tái)中，位置、大小如圖5.124所示。(15)“mao_mc”的屬性面板設(shè)置如圖5.125所示。 5.3 復(fù)雜控制按鈕的制作 圖5.123 圖5.124 圖5.125 (16) 單擊工具箱中的文字工具，輸入文字如圖5.126所示。圖5.126 5.3 復(fù)雜控制按鈕的制作 (17) 在“圖片放大”按鈕上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇動(dòng)作命令，彈出“動(dòng)作-幀”對(duì)話框。在對(duì)話框中輸入如圖5.127所示的代碼。(18) 方法同上，分別在“

42、圖片縮小”、“逆時(shí)旋轉(zhuǎn)”、“順時(shí)旋轉(zhuǎn)”、“向上移動(dòng)”、“向下移動(dòng)”按鈕的腳本對(duì)話框中輸入如圖5.128圖5.132所示的代碼。 圖5.127 圖5.128 圖5.129 圖5.130 圖5.131 圖5.132 5.3 復(fù)雜控制按鈕的制作 (19) 最終效果如圖5.133所示。圖5.133(20) 完整動(dòng)畫(huà)請(qǐng)觀看從網(wǎng)上下載的素材第5章的“控制圖片變化”Flash文件。 本案例主要介紹了動(dòng)作腳本的編輯過(guò)程，通過(guò)本案例的學(xué)習(xí)，讀者應(yīng)該能夠舉一反三制作出不同的動(dòng)畫(huà)效果。每行腳本的具體含義要慢慢體會(huì)、理解。 5.3 復(fù)雜控制按鈕的制作 根據(jù)前面所學(xué)知識(shí)制作如下效果，完整動(dòng)畫(huà)演示請(qǐng)觀看從網(wǎng)上下載的素材第

43、5章的“控制圖片變化2”Flash文件。5.3 復(fù)雜控制按鈕的制作 5.3.2 案例七：左右聲道均衡調(diào)節(jié)制作一個(gè)能控制左右聲道的按鈕。 本案例主要用到的工具或命令有：矩形工具、橢圓工具、線條工具、文字工具、顏料桶工具，動(dòng)作腳本、圖片處理等。 5.3 復(fù)雜控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個(gè)名為“調(diào)節(jié)音量”的文件。(2) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.134所示。單擊確定按鈕。(3) 利用工具箱中的線條工具、矩形工具、橢圓工具，繪制如圖5.135所示的圖形。 圖5.134 圖5.135(4) 單擊工具箱中的顏料桶工具，填充浮動(dòng)面板設(shè)置如圖5.13

44、6所示。(5) 對(duì)圖形進(jìn)行填充，效果如圖5.137所示。(6) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。 5.3 復(fù)雜控制按鈕的制作 圖5.136 圖5.137(7) 選擇文件導(dǎo)入導(dǎo)入庫(kù)命令，彈出【導(dǎo)入到庫(kù)】對(duì)話框，在對(duì)話框中選擇要導(dǎo) 入的音樂(lè)和圖片。單擊打開(kāi)按鈕，導(dǎo)入的音樂(lè)和圖片如圖5.138所示。(8) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.139所示。單擊 確定按鈕。 圖5.138 圖5.139 5.3 復(fù)雜控制按鈕的制作 (9) 利用前面所學(xué)知識(shí)，制作一個(gè)圖片漸變的效果，將導(dǎo)入到庫(kù)中的3張圖片分別放在“圖層1”的第1、第5、第10幀處。此時(shí)，創(chuàng)建一個(gè)幀動(dòng)畫(huà)，圖層效

45、果如圖5.140所示，最終效果如圖5.141所示。(10) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。 圖5.140 圖5.141(11) 在庫(kù)中的“音樂(lè)”文件上單 擊鼠標(biāo)右鍵，彈出快捷菜單， 在快捷菜單中選擇屬性命 【聲音屬性】對(duì)話框，設(shè)置如 圖5.142所示。單擊確定按 鈕。 圖5.142 5.3 復(fù)雜控制按鈕的制作 12) 在庫(kù)中的“音樂(lè)”文件上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇屬性命令，彈出【鏈接屬性】對(duì)話框，設(shè)置如圖5.143所示。單擊確定按鈕。 圖5.143(13) 將庫(kù)中的“底板”元件和“圖片影片”影片剪輯拖到舞臺(tái)中，并調(diào)整好大小、位置，如圖 5.144所示。(14) 單

46、擊工具箱中的文字工具，在舞臺(tái)中輸入文字，并設(shè)置其顏色、大小、位置，如圖5.145 所示。 圖5.144 圖5.145 5.3 復(fù)雜控制按鈕的制作 (15) 在“圖層1”的第1幀處單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇動(dòng)作命令，彈出動(dòng)作腳本輸入框，在腳本框中輸入如圖5.146所示的代碼。輸入完代碼后，單擊對(duì)話框右上角的 關(guān)閉按鈕。 圖5.146(16) 選擇窗口公用庫(kù)按鈕命令，此時(shí)將彈出【庫(kù)】面板，如圖5.147所示。(17) 在公用庫(kù)中選中如圖5.148所示的元件，將其拖到舞臺(tái)中，位置、大小如圖5.149所示。 5.3 復(fù)雜控制按鈕的制作 圖5.147 圖5.148 圖5.149 (18

47、) 在剛拖入到舞臺(tái)中的按鈕元件上雙擊，進(jìn)入影片剪輯編輯狀態(tài)，在“Layer 4”圖層的第 1幀處單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇動(dòng)作命令，彈出“動(dòng)作-幀” 腳本對(duì)話框，將腳本中最后一句修改成如圖5.150所示的紅色框框住的語(yǔ)句。單擊對(duì)話框 右上角的 關(guān)閉按鈕。 5.3 復(fù)雜控制按鈕的制作 圖5.150(19) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(20) 最終效果如圖5.151所示。完整演示效果請(qǐng)觀看從網(wǎng)上下載的素材第5章的“左右聲道均衡 調(diào)節(jié)”Flash文件。 圖5.1515.3 復(fù)雜控制按鈕的制作 本案例制作了一個(gè)“左右聲道均衡調(diào)節(jié)”的按鈕，在制作過(guò)程中輸入動(dòng)作代碼時(shí)要特別

48、小心。 根據(jù)案例六與案例七所學(xué)知識(shí)，制作如下控制按鈕效果。完整的演示效果請(qǐng)觀看從網(wǎng)上下載的素材第5章的“左右聲道均衡調(diào)節(jié)1”Flash文件。 5.3 復(fù)雜控制按鈕的制作 5.3.3 案例八：用組件控制聲音按鈕 制作一個(gè)通過(guò)選擇不同的按鈕，分別播放不同歌曲的Flash動(dòng)畫(huà)。 本案例主要用到的工具或命令有：線條工具、文字工具、矩形工具、動(dòng)作腳本、組件檢查器、圖片處理、元件制作等。 5.3 復(fù)雜控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個(gè)名為“用組件控制聲音按鈕”的文件。(2) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.152所示。單擊按鈕。(3) 利用工具箱中的線條工

49、具、矩形工具、橢圓工具，繪制如圖5.153所示的圖形。 圖5.152 圖5.153(4) 單擊工具箱中的顏料桶工具，并設(shè)置填充浮動(dòng)面板為如圖5.154所示。(5) 對(duì)圖形進(jìn)行填充，效果如圖5.155所示。 5.3 復(fù)雜控制按鈕的制作 圖5.154 圖5.155 (6) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(7) 選擇文件導(dǎo)入導(dǎo)入到庫(kù)命令，彈出【導(dǎo)入到庫(kù)】對(duì)話框，在對(duì)話框中選擇要 導(dǎo)入的圖片。單擊打開(kāi)按鈕，導(dǎo)入圖片，如圖5.156所示。(8) 利用前面所學(xué)的知識(shí)制作如圖5.157所示的按鈕。 圖5.156 圖5.157 5.3 復(fù)雜控制按鈕的制作 (9) 將庫(kù)中的“底板”圖形元件、圖片、按鈕

50、依次拖到舞臺(tái)中，并調(diào)整它們的大小和位置，如圖5.158所示。(10) 選擇窗口組件命令，彈出組件浮動(dòng)面板，將選中的組件拖到舞臺(tái)中，如圖5.159所示。(11) 組件在舞臺(tái)中的位置、大小如圖5.160所示。 圖5.158 圖5.159 圖5.160 (12) 選中拖到舞臺(tái)中的組件，選擇窗口組件檢查器命令，彈出組件檢查器浮動(dòng)面板。 浮動(dòng)面板的設(shè)置如圖5.161所示；屬性面板的設(shè)置如圖5.162所示。(13) 在舞臺(tái)中的“春之聲圓舞曲”按鈕上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇 動(dòng)作命令，隨后將彈出“動(dòng)作-幀”腳本對(duì)話框，在對(duì)話框中輸入如圖5.163所示的代碼。(14) 其他按鈕代碼的輸入同

51、圖5.163一樣，只要將紅色框框住的部分改為相應(yīng)的歌曲名稱即可。(15) 最終效果如圖5.164所示，完整演示效果請(qǐng)觀看從網(wǎng)上下載素材第5章的“用組件控制聲 音按鈕”Flash文件。 5.3 復(fù)雜控制按鈕的制作 圖5.161 圖5.162 圖5.163圖5.1645.3 復(fù)雜控制按鈕的制作 本案例主要使用Flash 8.0自帶的組件來(lái)制作選擇音樂(lè)和控制音量效果的Flash動(dòng)畫(huà)。在制作過(guò)程中要特別注意，將播放組件拖到舞臺(tái)中后，一定要設(shè)置組件的屬性面板，否則就無(wú)法播放聲音。 根據(jù)前面所學(xué)知識(shí)制作如下效果，完整動(dòng)畫(huà)演示請(qǐng)觀看從網(wǎng)上下載的素材第5章的“用組件控制聲音按鈕1”Flash文件。5.3 復(fù)雜

52、控制按鈕的制作 5.3.4 案例九：選擇樂(lè)曲播放 制作一個(gè)可以選擇音樂(lè)播放的效果。 本案例主要用到的工具或命令有：文字工具、組件的使用、矩形工具、分離、動(dòng)作腳本、聲音的處理、圖片的處理。5.3 復(fù)雜控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個(gè)名為“選擇樂(lè)曲播放”的文件。(2) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對(duì)話框，設(shè)置如圖5.165所示。單擊 確定按鈕。(3) 利用工具箱中的線條工具、矩形工具、橢圓工具，繪制如圖5.166所示的圖形。(4) 利用工具箱中的顏料桶工具和通過(guò)設(shè)置填充浮動(dòng)面板，對(duì)所繪制的圖形進(jìn)行填充，填充 好的效果如圖5.167所示。 圖5.165 圖5.16

53、6 圖5.167 (5) 選擇文件導(dǎo)入導(dǎo)入庫(kù)命令，彈出【導(dǎo)入到庫(kù)】對(duì)話框，在對(duì)話框中選擇要導(dǎo)入 的音樂(lè)和圖片。單擊按鈕，導(dǎo)入的音樂(lè)和圖片如圖5.168所示。 5.3 復(fù)雜控制按鈕的制作 圖5.168(6) 將導(dǎo)入的圖片拖到工作區(qū)，調(diào)整大 小，位置效果如圖5.169所示。(7) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返 回場(chǎng)景。(8) 將庫(kù)中的“底板”圖形元件拖到舞臺(tái) 中，并輸入文字，然后放到適當(dāng)?shù)奈?置，如圖5.170所示。 圖5.169 圖5.170 5.3 復(fù)雜控制按鈕的制作 (9) 選擇窗口公用庫(kù)按鈕命令，此時(shí)將彈出【庫(kù)】面板，如圖5.171所示。(10) 在庫(kù)中選中如圖5.172所示的元件，將

54、其拖到舞臺(tái)中，位置、大小如圖5.173所示。 圖5.171 圖5.172 圖5.173 (11) 在庫(kù)中的“音樂(lè)”文件上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇屬性 命令，彈出【聲音屬性】對(duì)話框，設(shè)置如圖5.174所示。單擊確定按鈕。(12) 在“庫(kù)”中的“音樂(lè)”文件上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇 鏈接命令，彈出【鏈接屬性】對(duì)話框，設(shè)置如圖5.175所示。單擊確定按鈕。 5.3 復(fù)雜控制按鈕的制作 圖5.174 圖5.175 (13) 在“圖層1”的第1幀處單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇動(dòng)作命令， 彈出“動(dòng)作-幀”腳本輸入框，在腳本框中輸入如圖5.176所示的

55、代碼。輸入完代碼后，單 擊對(duì)話框右上角的 關(guān)閉按鈕。 5.3 復(fù)雜控制按鈕的制作 圖5.176(14) 雙擊舞臺(tái)中的如圖5.177所示的組件，進(jìn)入組件編輯狀態(tài)，在“Layer 4”層的第1幀處， 單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇動(dòng)作命令，彈出“動(dòng)作-幀”腳本對(duì) 話框，將最后一句改為如圖5.178所示的紅色框框住的語(yǔ)句。(15) 單擊時(shí)間軸左上角的場(chǎng)景1按鈕，返回場(chǎng)景。(16) 雙擊舞臺(tái)中的如圖5.179所示的組件，進(jìn)入組件編輯狀態(tài)，在“Layer 4”層的第1幀處， 單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇動(dòng)作命令，彈出“動(dòng)作-幀”腳本對(duì) 話框，將最后一句改為如圖5.180所示的紅色框框住的語(yǔ)句。5.3 復(fù)雜控制按鈕的制作 圖5.177 圖5.178 圖5.179 圖5.180 5.3 復(fù)雜控制按鈕的制作 (17) 在“圖層1”的第2幀處單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀命令，此時(shí)，插入一個(gè)關(guān)鍵幀。在關(guān)鍵幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇