flash8.0案例實訓(xùn)全面培訓(xùn)教程flash 8.0按鈕制作(第五章

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

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

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

4、的有伍福軍、張祝強(qiáng)、張珈瑞、唐穎穎、羅越、向隅，在此表示感謝！ 本書不僅適用于高職高專及中等職業(yè)院校學(xué)生，也適于作為短期培訓(xùn)的案例教程，對于初 學(xué)者和自學(xué)者尤為適合。 第第5 5章章 Flash 8.0按鈕制作 培訓(xùn)內(nèi)容： 5.1 按鈕基礎(chǔ)知識 5.1.1 按鈕的介紹 5.1.2 基本按鈕的制作 5.2 簡單控制按鈕的制作 5.2.1 案例一：簡單按鈕 5.2.2 案例二：動畫按鈕 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.

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

6、知識 5.1.1 按鈕的介紹 1. 按鈕簡介 按鈕是人機(jī)進(jìn)行信息交互的基礎(chǔ)，它對鼠標(biāo)單擊事件進(jìn)行響應(yīng)。按鈕可對 按鈕靜止、將鼠標(biāo)指針移到按鈕上、按下鼠標(biāo)左鍵3種事件作出響應(yīng)。這3種事件 對應(yīng)著按鈕的4種狀態(tài)：彈起(按鈕靜止)、指針經(jīng)過(將鼠標(biāo)指針移動到按鈕上)、 按下(按下按鈕)、點擊(定義按鈕響應(yīng)區(qū)域)。這4種狀態(tài)定義了按鈕的4個關(guān)鍵幀。 下面詳細(xì)介紹按鈕的這4種關(guān)鍵幀。 (1)【彈起】幀：在【彈起】幀中定義按鈕的正常顯示效果，也就是按鈕未被鼠標(biāo)單 擊時所顯示的效果。 (2)【指針經(jīng)過】幀：定義當(dāng)鼠標(biāo)指針移到按鈕上但不單擊它時按鈕的效果。一般該 幀相對于【彈起】幀應(yīng)有所改變。比如：可以定義當(dāng)

7、鼠標(biāo)指針移到按鈕上時按鈕 變色或放大、縮小等，對于文字按鈕，可以定義當(dāng)鼠標(biāo)指針移到按鈕上時文字變 色或改變文字的字體等。 (3)【按下】幀：定義按鈕時按下所出現(xiàn)的效果。對于圖形按鈕來說，按鈕被按下時 一般會定義得比未被按下時要小一些，這樣，當(dāng)按下按鈕時，按鈕會自動縮小， 出現(xiàn)動態(tài)效果。 (4)【點擊】幀：定義按鈕的響應(yīng)區(qū)域。在響應(yīng)區(qū)域按下按鈕時，系統(tǒng)才能響應(yīng)按鈕 按下的事件。該區(qū)域在工作區(qū)中是不可見的。如要定義該幀，必須保證此區(qū)域包 括按鈕的彈起、指針經(jīng)過和按下3種狀態(tài)的區(qū)域；如不定義該幀，則系統(tǒng)會默認(rèn) 【彈起】幀狀態(tài)為按鈕的區(qū)域響應(yīng)。 5.1 按鈕基礎(chǔ)知識 注意：按鈕雖然有4種狀態(tài)，但可根據(jù)

8、需要定義這4種幀狀態(tài)，也可只定義一部分，但 一些基本的幀必須定義，一般而言，【彈起】幀和【指針經(jīng)過】幀必須定義。 2. 按鈕的創(chuàng)建 (1) 創(chuàng)建圖形按鈕的步驟如下。 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，按如圖5.1所示 設(shè)置。 圖5.1 單擊確定按鈕進(jìn)入按鈕編輯區(qū)，時間軸中將出現(xiàn)按鈕的4個狀態(tài)幀，如圖5.2所示。 圖5.2 5.1 按鈕基礎(chǔ)知識 定義按鈕的4個幀。在按鈕中可以使用影片剪輯元件、圖形元件或素材庫中的組件 對象。在這里我們利用繪圖工具繪制按鈕的4個幀。 定義【彈起】幀：利用前面所學(xué)知識在工作區(qū)域中繪制如圖5.3所示的圖形。 定義【指針經(jīng)過】幀：用鼠標(biāo)在【指針經(jīng)過】幀處插

9、入一個關(guān)鍵幀，此時 【彈起】幀的圖形被復(fù)制到【指針經(jīng)過】幀的工作區(qū)。確保圖形被選中，在混色 器面板中進(jìn)行色彩調(diào)整，得到如圖5.4所示的圖形。 定義【按下】幀：用鼠標(biāo)在【按下】幀處插入一個關(guān)鍵幀，此時【指針經(jīng)過】 幀幀的圖形被復(fù)制到“按下”的工作區(qū)。確保圖形被選中，在混色器面板中進(jìn)行 色彩調(diào)整，得到如圖5.5所示的圖形。 定義【點擊】幀：用鼠標(biāo)在【點擊】幀處插入一個關(guān)鍵幀，并進(jìn)行大小的調(diào) 整，得到如圖5.6所示的圖形。該幀主要是定義按鈕的有效單擊范圍，在有效范圍 里按下按鈕時，系統(tǒng)才認(rèn)為該事件已經(jīng)發(fā)生。如果不定義該幀，則系統(tǒng)默認(rèn)“彈 起”幀為響應(yīng)區(qū)域。 圖5.3 圖5.4 圖5.5 圖5.6 5

10、.1 按鈕基礎(chǔ)知識 單擊圖層左上角的場景1按鈕，返回場景，按鈕制作完畢。 (2) 創(chuàng)建文字按鈕的步驟如下。 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.7所示。 圖5.7 單擊確定按鈕進(jìn)入按鈕編輯區(qū)，時間軸中將出現(xiàn)按鈕的4個狀態(tài)幀，如圖5.8 所示。 圖5.8 5.1 按鈕基礎(chǔ)知識 定義按鈕的4個幀。在按鈕中可以使用影片剪輯元件、圖形元件或素材庫中的組件 對象。在這里我們利用繪圖工具繪制按鈕的4個幀。 定義【彈起】幀：利用文字工具和前面所學(xué)知識在工作區(qū)域中輸入如圖5.9 所示的圖形。 定義【指針經(jīng)過】幀：用鼠標(biāo)在“指針經(jīng)過”幀處插入一個關(guān)鍵幀，此時 【彈起】幀的文字被復(fù)制到【指

11、針經(jīng)過】幀的工作區(qū)。確保文字被選中，在文字 屬性面板中進(jìn)行色彩調(diào)整，得到如圖5.10所示的文字。 定義【按下】幀：用鼠標(biāo)在【按下】幀處插入一個關(guān)鍵幀，此時【指針經(jīng)過 幀】幀的文字被復(fù)制到“按下”的工作區(qū)。確保文字被選中，在文字屬性面板中 進(jìn)行色彩調(diào)整，得到如圖5.11所示的文字。 定義【點擊】幀：用鼠標(biāo)在【點擊】幀處插入一個關(guān)鍵幀，并進(jìn)行大小的調(diào) 整，得到如圖5.12所示的文字。該幀主要是定義按鈕的有效單擊范圍，在有效范 圍里按下按鈕時，系統(tǒng)才認(rèn)為該事件已經(jīng)發(fā)生。如果不定義該幀，則系統(tǒng)默認(rèn) 【彈起】幀為響應(yīng)區(qū)域。 圖5.9 圖5.10 圖5.11 圖5.12 5.1 按鈕基礎(chǔ)知識 單擊圖層左上

12、角的場景1按鈕，返回場景，按鈕制作完畢。 (3) 將按鈕加入到場景中的方法：打開【庫】面板，在場景中選中要插入的層中的關(guān) 鍵幀，將“庫”中的按鈕拖到場景中的舞臺中即可。 (4) 預(yù)覽按鈕的兩種方法：第一種，選擇控制測試影片命令；第二種，在場景 中瀏覽按鈕效果，選擇控制啟動簡單按鈕命令。 5.1.2 基本按鈕的制作 1. 為圖形按鈕添加文字 通過給前面制作的圖形按鈕添加“瞬間藝術(shù)”文字，來講解怎樣為圖形按鈕 添加文字，方法如下。 (1) 在場景中雙擊“圖形按鈕”，進(jìn)入按鈕編輯狀態(tài)，如圖5.13所示。 (2) 單擊圖層左下角的【插入圖層】按鈕，添加一個新的圖層，如圖5.14所示。 圖5.13 圖5

13、.14 5.1 按鈕基礎(chǔ)知識 (3) 單擊“圖層2”的【彈起】幀，此時選中【彈起】幀，利用文字工具和前面所學(xué) 的知識在圖形上面輸入如圖5.15所示的文字。 (4) 在“圖層2”的【指針經(jīng)過】幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中 選擇插入關(guān)鍵幀命令，插入一個關(guān)鍵幀。此時，該幀將復(fù)制【彈起】幀的文字， 將文字修改成如圖5.16所示的效果。 圖5.15 圖5.16 5.1 按鈕基礎(chǔ)知識 (5) 在“圖層2”的【按下】幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇 插入關(guān)鍵幀命令，插入一個關(guān)鍵幀，此時，它將復(fù)制【指針經(jīng)過】幀的文字， 將該文字修改成如圖5.17所示的效果。 圖5.17 (6)

14、 單擊圖層左上角的場景1按鈕，返回場景，按鈕修改完畢。 5.1 按鈕基礎(chǔ)知識 2. 使用按鈕加載外部影片 可以通過按鈕將所做的其他影片加載到當(dāng)前影片中進(jìn)行播放，此功能在課件 制作中使用頻率非常高。在這里，我們來講解怎樣加載外部影片的方法。 (1) 選中場景中的按鈕，打開【動作】面板，輸入“on(press)”語句，將閃動的 光標(biāo)移到“”中間。 (2) 選擇【動作】面板中的“l(fā)oadMovie”語句，如圖5.18所示。 圖5.18 5.1 按鈕基礎(chǔ)知識 (3) 在“l(fā)oadMovie()”的“()”中輸入?yún)?shù)，如圖5.19 所示。 圖5.19 “donghua”：是要加載的影片名稱，注意要加載的

15、影片名稱一定要是英文或數(shù)字，不 能用中文命名，影片名字要用雙引號。 “1”：表示加載的動畫所處的層的位置。代碼、函數(shù)、參數(shù)將在后面做詳細(xì)介紹。 (4) 關(guān)閉【動作】面板，制作完畢。 3. 為按鈕添加電子郵件 在工作和學(xué)習(xí)中，電子郵件的使用非常頻繁，在按鈕中加入電子郵件對我們?nèi)∮镁W(wǎng)上信 息更為方便。其方法與按鈕加載方法相同，只是要在URL框中輸入E-mail地址，在添加地址前 應(yīng)先加入“mailto”。在【動作】面板中輸入的語句如圖5.20所示。 圖5.20 5.2 簡單控制按鈕的制作 5.2.1 案例一：簡單按 鈕 制作一個簡單按鈕。 本案例主要用到的工具或命令有：選擇工具、橢圓工具、元件、柔

16、化填充邊緣、文字 工具、填充浮動面板的設(shè)置等。 5.2 簡單控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個名為“簡單按鈕”文件。 (2) 單擊插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.21所示。單擊 按鈕，【圖層】面板如圖5.22所示。 圖5.21 圖5.22 說明： 彈起是指鼠標(biāo)指針沒有移到按鈕上時顯示的狀態(tài)。 指針經(jīng)過是指鼠標(biāo)指針移到按鈕上時顯示的狀態(tài)。 按下是指在按鈕上按下鼠標(biāo)左鍵時顯示的狀態(tài)。 點擊是指鼠標(biāo)指針觸發(fā)按鈕的范圍。 5.2 簡單控制按鈕的制作 (3) 單擊并選中圖層的彈起幀。 (4) 單擊工具箱中的橢圓工具。將筆觸顏色設(shè)置為 ，橢圓漸變填充浮動面板

17、的設(shè)置如圖5.23所示。在工作區(qū)繪制一個圓，如圖5.24所示。 圖5.23 圖5.24 (5) 選擇剛繪制的橢圓，選擇修改形狀柔化填充邊緣命令，彈出【柔化填充邊緣】 對話框，設(shè)置如圖5.25所示。單擊按鈕，得到如圖5.26所示的橢圓。 圖5.25 圖5.26 5.2 簡單控制按鈕的制作 (6) 單擊文字工具。在工作區(qū)中輸入文字，大小、位置如圖5.27所示。 (7) 在指針經(jīng)過幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵 幀命令，此時，在指針經(jīng)過幀處插入一個關(guān)鍵幀。 (8) 單擊選擇工具，選中如圖5.28所示的部分，設(shè)置填充浮動面板如圖5.29所示。 此時，圖形效果如圖5.30所示。

18、 圖5.27 圖5.28 圖5.29 圖5.30 (9) 單擊【文字】工具，將文字改為如圖5.31所示。將文字改為紅色，如圖5.32所示。 (10) 在按下幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀命令，此 時，在按下幀處插入一個關(guān)鍵幀。 (11) 單擊選擇工具，選中如圖5.33所示的部分，設(shè)置填充浮動面板如圖5.34所示。此時， 圖形效果如圖5.35所示。 5.2 簡單控制按鈕的制作 圖5.31 圖5.32 圖5.33 圖5.34 圖5.35 (12) 單擊文字工具，將文字改為如圖5.36所示。將文字改為深紅色，如圖 5.37所示。 (13) 在點擊幀上單擊鼠標(biāo)右鍵，彈出快捷

19、菜單，在快捷菜單中選擇插入關(guān)鍵幀命令，此 時，在點擊幀處插入一個關(guān)鍵幀。 (14) 單擊時間軸左上角的場景1按鈕，返回場景。 (15) 將“庫”中的“簡單按鈕”拖到舞臺中并測試效果，如圖5.38所示。將鼠標(biāo)指針移到按 鈕上時的效果如圖5.39所示。 (16) 按下鼠標(biāo)指針時的效果如圖5.40所示。 圖5.36 圖5.37 圖5.38 圖5.39 圖5.40 5.2 簡單控制按鈕的制作 本案例制作了一簡單的按鈕，主要講解了按鈕的制作原理，基本流程及各幀的作用。 利用前面所學(xué)知識制作如下效果的按鈕。 5.2 簡單控制按鈕的制作 5.2.2 案例二：動畫按鈕 彈起 指針經(jīng)過 按下 制作一個動畫按鈕。

20、 本案例主要用到的工具與功能有：橢圓工具、文字工具、填充浮動面板的設(shè)置、創(chuàng)建 補(bǔ)間動畫、Alpha值的設(shè)置、柔化填充邊緣等。 5.2 簡單控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個名為“簡單按鈕”的文件。 (2) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.41所示，單擊 確定按鈕。 圖5.41 (3) 單擊橢圓填充工具，將筆觸顏色設(shè)置為 ，設(shè)置填充浮動面板，如圖 5.42所示。 在工作區(qū)繪制一個圓，如圖5.43所示。 圖5.42 圖5.43 5.2 簡單控制按鈕的制作 (4) 選中該橢圓，選擇單擊修改形狀柔化填充邊緣命令，彈出【柔化填充 邊緣】對話框，設(shè)置如圖5

21、.44所示，效果如圖5.45所示。 圖5.44 圖5.45 (5) 單擊時間軸左上角的場景1按鈕，返回場景。 (6) 方法同第(3)、(4)步，制作一個“黃白漸變球”的圖形元件，如圖5.46所示。 (7) 方法同第(3)、(4)步，制作一個“綠白漸變球”的圖形元件，如圖5.47所示。 (8) 方法同第(3)、(4)步，制作一個“粉紅色白漸變球”的圖形元件，如圖5.48所示。 (9) 選中如圖5.47所示的球，選擇修改形狀柔化填充邊緣命令，彈出【柔化填充邊 緣】對話框，設(shè)置如圖5.49所示，效果如圖5.50所示。 圖5.46 圖5.4 圖5. 圖5.49 圖5.50 5.2 簡單控制按鈕的制作

22、(10) 將圖5.50中不要的部分刪除，如圖5.51所示。 (11) 單擊時間軸左上角的場景1按鈕，返回場景。 (12) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.52所 示。單擊確定按鈕。 (13) 將“粉紅色白漸變球”拖到工作區(qū)中，調(diào)整其大小及位置，如圖5.33所示。 圖5.51 圖5.52 圖5.53 (14) 在圖層的第15幀處插入一個關(guān)鍵幀并調(diào)整大小，如圖5.54所示。 (15) 創(chuàng)建補(bǔ)間動畫，如圖5.55所示。 (16)“圖層1”第一幀的元件屬性面板設(shè)置如圖5.56所示。 (17) 單擊時間軸左上角的場景1按鈕，返回場景。 5.2 簡單控制按鈕的制作 圖5.54

23、圖5.5 圖5.56 (18) 選擇插入新建元件命令，彈出“創(chuàng)建新元件”對話框，設(shè)置如圖5.57所示。 (19) 將“紅白漸變球”圖形元件放到彈起幀上，位置大小如圖5.58所示。 (20) 在指針經(jīng)過幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀 命令，此時，將插入一個關(guān)鍵幀。刪除指針經(jīng)過幀中的所有元件，將“黃白漸變 球”圖形元件放到指針經(jīng)過幀上，位置大小如圖5.59所示。 (21) 在按下幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇插入關(guān)鍵幀命 令，此時將插入一個關(guān)鍵幀。刪除按下幀中的所有元件，將“綠白漸變球”圖形 元件放到按下幀上，位置、大小如圖5.60所示。 圖5.57

24、圖5.58 圖5. 圖5.60 5.2 簡單控制按鈕的制作 (22) 在點擊幀上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇命令將此時， 插入一個關(guān)鍵幀。 (23) 單擊彈起幀，選中該幀，將“庫”中的“動畫”影片剪輯元件拖到工作區(qū)中， 位置如圖5.61所示。輸入文字，如圖5.62所示。 (24) 單擊指針經(jīng)過幀，選中該幀，將“庫”中的“動畫”影片剪輯元件拖4次到工 作區(qū)，位置如圖5.63所示。輸入文字，如圖5.64所示。 (25) 單擊按下幀，選中該幀，將“庫”中的“動畫”影片剪輯元件拖4次到工作區(qū)， 位置如圖5.65所示。輸入文字，如圖5.66所示。 圖5.61 圖5.62 圖5.63 圖5

25、.64 圖5.65 圖5.66 (26) 單擊時間軸左上角的場景1按鈕，返回場景。 (27) 將“庫”中的“動畫按鈕”拖到舞臺中，測試效果，如圖5.67圖5.69所示。 (28) 完整演示動畫請觀看從本書提供的網(wǎng)頁下載的素材第 5 章的“簡單按鈕”Flash文件。 5.2 簡單控制按鈕的制作 圖5.67 圖5.68 圖5.69 本案例主要制作了一個動態(tài)按鈕，主要講解了動態(tài)按鈕制作的方法和流程，在制作過程中， 可以像前面制作動畫一樣，創(chuàng)建新圖層、引導(dǎo)線和輸入腳本。 5.2 簡單控制按鈕的制作 根據(jù)前面所學(xué)知識制作如下效果的按鈕。 提示：在制作如下效果的按鈕時，要特別注意在對繪制的矩形進(jìn)行“柔化填

26、充邊緣” 時，要進(jìn)行兩次，第一次選擇【插入】單選按鈕，第二次選擇【擴(kuò)展】單選按鈕。 完整的演示動畫請觀看從本書提供的網(wǎng)頁下載的素材第5章的“簡單按鈕1”Flash文 件。 彈起 指針經(jīng)過 5.2 簡單控制按鈕的制作 5.2.3 案例三：“別碰我”文字 制作 彈起 指針經(jīng)過 制作一個當(dāng)鼠標(biāo)指針移到按鈕上時會彈出“別碰我哦！”文字的按鈕。 本案例主要用到的工具或命令有：矩形工具、文字工具、元件的創(chuàng)建、Alpha值的設(shè)置、幀 動畫的創(chuàng)建等。 5.2 簡單控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個名為“別碰我”文件。 (2) 設(shè)置背景色為“純黑色”。 (3) 選擇插入新建元件命令，彈出【

27、創(chuàng)建新元件】對話框，設(shè)置如圖5.70所示。單擊 確定按鈕。 (4) 單擊工具箱中的矩形工具，填充浮動面板的設(shè)置如圖5.71所示。在工作區(qū)繪制一個矩 形，如圖5.72所示。再繪制一個矩形，如圖5.73所示。 圖5.70 圖5.71 圖5.72 圖5.73 (5) 單擊工具箱中的顏料桶工具，對圖5.73進(jìn)行填充，效果如圖5.74所示。 (6) 單擊時間軸左上角的場景1按鈕，返回場景。 5.2 簡單控制按鈕的制作 圖5.74 (7) 選擇文件導(dǎo)入導(dǎo)入到庫命令，彈出【導(dǎo)入到庫】對話框，在對話框中選擇圖片。單 擊打開按鈕，導(dǎo)入圖片。 (8) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.7

28、5所示。單擊確定 按鈕。 (9) 將剛導(dǎo)入的圖片拖到工作區(qū)中，在圖片上單擊鼠標(biāo)右鍵，彈出快捷菜單，選擇分離命令，將 圖片分離，如圖5.76所示。 圖5.75 圖5.76 5.2 簡單控制按鈕的制作 (10) 單擊工具箱中的套索工具，在選項中選擇 項，將貓的白色部分選中，并 刪除，效果如圖5.77所示。 (11) 單擊時間軸左上角的場景1按鈕，返回場景。 圖5.77 5.2 簡單控制按鈕的制作 (12) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.78所 示。單擊確定按鈕。 (13) 將“庫”中的“圖片元件”拖到工作區(qū)，并設(shè)置“圖片元件”的屬性如圖5.79 所示。工作區(qū)圖像的效果

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

30、作區(qū)的中央位置，如圖5.83所示。 (19) 分別在指針經(jīng)過、按下、點擊幀處單擊鼠標(biāo)右鍵，彈出快捷菜單，選擇命令，此 時即分別在、幀處插入關(guān)鍵幀。 (20) 在指針經(jīng)過幀上單擊，將該幀中的所有元件移到適當(dāng)?shù)奈恢?。單擊文字工具，在工?區(qū)中輸入文字，文字的大小、顏色、位置如圖5.84所示。 圖5.83 圖5.84 5.2 簡單控制按鈕的制作 (21) 單擊時間軸左上角的場景1按鈕，返回場景。 (22) 將“庫”中的“按鈕”拖到舞臺中進(jìn)行測試，效果如圖5.83和圖5.84所示。 本案例通過講解制作按鈕的基本流程，制作了一個動態(tài)按鈕。在制作過程中要明白一個道 理，即在按鈕中可以導(dǎo)入動畫、聲音等。 根

31、據(jù)前面所學(xué)知識制作如下效果的按鈕。 彈起 指針經(jīng)過 5.2 簡單控制按鈕的制作 5.2.4 案例四：跟隨光標(biāo)的提 示 當(dāng)鼠標(biāo)指針移動到圖片上時，出現(xiàn)文字提示。 本案例主要用到的工具或命令有：矩形工具、圖片的導(dǎo)入、動作腳本、文 字工具、屬性面板的設(shè)置、元件的創(chuàng)建等。 5.2 簡單控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個名為“跟隨光標(biāo)的提示”的文件。 (2) 選擇文件導(dǎo)入導(dǎo)入到庫命令，彈出【導(dǎo)入到庫】對話框，在對話框中選擇圖選 擇片。單擊打開按鈕導(dǎo)入圖片，如圖5.85所示。 圖5.85 (3) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.86所示。單 擊確定按鈕。

32、(4) 將“庫”中的“雞.jpg”圖片拖到工作區(qū)，調(diào)整位置、大小如圖5.87所示。 5.2 簡單控制按鈕的制作 圖5.86 圖5.87 (5) 單擊工具箱中的矩形工具，并設(shè)置填充浮動面板如圖5.88所示。設(shè)置筆觸顏色 為 ，在工作區(qū)中繪制一個矩形，如圖5.89所示。 圖5.88 圖5.89 5.2 簡單控制按鈕的制作 (6) 選中繪制的“矩形”，將“矩形”轉(zhuǎn)換為“圖形”元件，設(shè)置屬性面板如圖5.90 所示，效果如圖5.91所示。 圖5.90 圖5.91 (7) 方法同第(3)第(6)步，分別制作如圖5.92所示的影片剪輯。 (8) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.9

33、3所示。單擊 確定按鈕。 (9) 單擊工具箱中的文字工具，在工作區(qū)中拖出一文字框，屬性面板的設(shè)置如圖5.94所示。 圖5.92 5.2 簡單控制按鈕的制作 圖5.93 圖5.94 (10) 單擊時間軸左上角的場景1按鈕，返回場景。 (11) 將“庫”中的所有影片剪輯拖到舞臺中，并輸入如圖5.95所示的文字。 圖5.95 5.2 簡單控制按鈕的制作 (12) 將“庫”中的“信息框”拖到舞臺中，設(shè)置【屬性】面板如圖5.96所示。 (13) 在舞臺中的第一個影片剪輯元件上單擊鼠標(biāo)右鍵，選擇動作命令，彈出“動 作”腳本對話框，在對話框中輸入如圖5.97所示的腳本代碼。 圖5.96 圖5.97 5.2

34、簡單控制按鈕的制作 (14) 方法同第(13)步，語法相同，只要將如圖5.97所示的用紅色矩形框框出來的文 字改成相應(yīng)的提示文字即可。 (15) 最終效果如圖5.98所示，演示效果請觀看網(wǎng)上下載的素材第5章的“跟隨光標(biāo)的 提示”Flash文件。 圖5.98 5.2 簡單控制按鈕的制作 本案例主要制作了一個跟隨光標(biāo)提示的效果，在輸入語言時要特別細(xì)心，只 要有一點輸入不對，效果就無法實現(xiàn)。 根據(jù)前面所學(xué)知識制作如下效果，完整的動畫演示請觀看從網(wǎng)上下載的素材第5章的“跟 隨光標(biāo)的提示1”Flash文件。 5.2 簡單控制按鈕的制作 5.2.5 案例五：調(diào)節(jié)音量 制作一個利用Flash 8.0自帶按鈕

35、來控制音樂音量的調(diào)節(jié)器。 本案例主要用到的工具或命令有：文字工具、線條工具、顏料桶工具、動作腳本、矩 形工具，聲音的處理等。 5.2 簡單控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個名為“調(diào)節(jié)音量”的文件。 (2) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.99所 示。單擊確定按鈕。 (3) 單擊工具箱中的【線條】工具，在工作區(qū)繪制如圖5.100所示的圖形。 圖5.99 圖5.100 (4) 單擊工具箱中的顏料桶工具，設(shè)置填充浮動面板如圖5.101所示。并對繪制的圖形進(jìn)行 填充，如圖5.102所示。 (5) 單擊時間軸左上角的場景1按鈕，返回場景。 5.2 簡單控

36、制按鈕的制作 圖5.101 圖5.102 (6) 選擇文件導(dǎo)入導(dǎo)入到庫命令，彈出【導(dǎo)入到庫】對話框，在對話框中選 擇要導(dǎo)入的音樂和圖片。單擊打開按鈕，導(dǎo)入的音樂和圖片如圖5.103所示。 (7) 在“庫”中的“音樂”文件上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇 屬性命令，彈出【聲音屬性】對話框，設(shè)置如圖5.104所示。單擊確定按鈕。 5.2 簡單控制按鈕的制作 圖5.103 圖5.104 5.2 簡單控制按鈕的制作 (8) 在“庫”中的“音樂”文件上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇 鏈接命令，彈出“鏈接屬性”對話框，設(shè)置如圖5.105所示。單擊確定按鈕。 圖5.105 (9)

37、 將“庫”中的“底板”圖形元件拖到舞臺中，并調(diào)整好位置，如圖5.106所示。 (10) 單擊工具箱中的文字工具，在舞臺中輸入文字，并設(shè)置顏色，如圖5.107所示。 圖5.106 圖5.107 5.2 簡單控制按鈕的制作 (11) 在“圖層1”的第1幀處單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇動作 命令，彈出“動作-幀”腳本輸入框，在腳本框中輸入如圖5.108所示的代碼。輸 入完代碼后，單擊對話框右上角的 關(guān)閉按鈕。 圖5.108 (12) 將“庫”中的“地球2.jpg”文件拖到舞臺中，并進(jìn)行調(diào)整，如圖5.109所示。 圖5.109 5.2 簡單控制按鈕的制作 (13) 選擇窗口公用庫按鈕命

38、令，此時將彈出“公用庫”對話框，如圖 5.110所示。 圖5.110 (14) 在公用庫中選中如圖5.111所示的元件，將其拖到舞臺中，位置、大小如圖5.112所示。 圖5.111 圖5.112 5.2 簡單控制按鈕的制作 (15) 在剛拖入的舞臺中的按鈕元件上雙擊，進(jìn)入影片剪輯編輯狀態(tài)，在“Layer 4” 圖層的第1幀處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇動作命令，彈出“動作 -幀”腳本對話框，將腳本中最后一句修改成如圖5.113所示紅色框框住的語句， 然后單擊 按鈕關(guān)閉對話框。 圖5.113 5.2 簡單控制按鈕的制作 (16) 將按鈕上的“GIN”改為“音量調(diào)節(jié)”。 (17) 單擊時間

39、軸左上角的場景1按鈕，返回場景。 (18) 最終效果如圖5.114所示。完整演示效果請觀看從網(wǎng)上下載的素材第5章的“調(diào) 節(jié)音量”Flash文件。 圖5.114 例主要利用Flash 8.0自帶的按鈕，通過修改來制作音量調(diào)節(jié)按鈕。在制作過程中要特別注 意腳本的修改原理。 5.2 簡單控制按鈕的制作 根據(jù)前面所學(xué)知識制作如下效果，完整演示請觀看從網(wǎng)上下載的素材第5章 的“音量調(diào)節(jié)1”Flash文件。 5.3 復(fù)雜控制按鈕的制作 5.3.1 案例六：控制圖片變化 制作一個通過按鈕來控制圖片的縮放、移動、旋轉(zhuǎn)的動畫。 本案例主要用到的工具或命令有：橢圓工具、文字工具、圖片的導(dǎo)入、動作腳本等。 5.3

40、復(fù)雜控制按鈕的制作 (1) 運(yùn)行Flash 8.0，新建一個名為“控制圖片變化”文件。 (2) 選擇插入新建元件命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖5.115所 示。單擊確定按鈕。 圖5.115 (3) 單擊工具箱中的線條工具，在工作區(qū)繪制如圖5.116所示圖形。 (4) 單擊工具箱中的顏料桶工具，通過設(shè)置填充浮動面板，填充出如圖5.117所示的圖形。 圖5.116 圖5.117 5.3 復(fù)雜控制按鈕的制作 (5) 單擊工具箱中的線條工具，在工作區(qū)繪制如圖5.118所示的圖形。 (6) 單擊工具箱中的顏料桶工具，填充出如圖5.119所示的圖形。 (7) 單擊時間軸左上角的場景1按鈕，返回場

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

42、大小和形狀，并復(fù)制5個，調(diào)整它們之間的位置，如圖5.123所示。 (14) 將“庫”中的“mao_mc”拖到舞臺中，位置、大小如圖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)右鍵，彈出快捷菜單，在快捷菜單中選擇動作 命令，彈出“動作-幀”對話框。在對話框中輸入如圖5.127所示的代碼。 (18) 方法同上，分別在“圖片縮小”、“逆時旋轉(zhuǎn)”、“順時旋轉(zhuǎn)

43、”、“向上移 動”、“向下移動”按鈕的腳本對話框中輸入如圖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) 完整動畫請觀看從網(wǎng)上下載的素材第5章的“控制圖片變化”Flash文件。 本案例主要介紹了動作腳本的編輯過程，通過本案例的學(xué)習(xí)，讀者應(yīng)該能夠舉一反三制作出不 同的動畫效果。每行腳本的具體含義要慢慢體會、理解。 5.3 復(fù)雜控制按鈕的制作 根據(jù)前面所學(xué)知識制作如下效果，完整動畫演示請觀看從網(wǎng)上下載的素材第 5 章的“控制圖 片變化2

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

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

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

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

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

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

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

51、鈕的制作 (9) 將庫中的“底板”圖形元件、圖片、按鈕依次拖到舞臺中，并調(diào)整它們的大小和 位置，如圖5.158所示。 (10) 選擇窗口組件命令，彈出組件浮動面板，將選中的組件拖到舞臺中，如 圖5.159所示。 (11) 組件在舞臺中的位置、大小如圖5.160所示。 圖5.158 圖5.159 圖5.160 (12) 選中拖到舞臺中的組件，選擇窗口組件檢查器命令，彈出組件檢查器浮動面板。 浮動面板的設(shè)置如圖5.161所示；屬性面板的設(shè)置如圖5.162所示。 (13) 在舞臺中的“春之聲圓舞曲”按鈕上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇 動作命令，隨后將彈出“動作-幀”腳本對話框，在對話

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

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

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

55、命令，此時將彈出【庫】面板，如圖5.171所示。 (10) 在庫中選中如圖5.172所示的元件，將其拖到舞臺中，位置、大小如圖5.173所 示。 圖5.171 圖5.172 圖5.173 (11) 在庫中的“音樂”文件上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇屬性 命令，彈出【聲音屬性】對話框，設(shè)置如圖5.174所示。單擊確定按鈕。 (12) 在“庫”中的“音樂”文件上單擊鼠標(biāo)右鍵，彈出快捷菜單，在快捷菜單中選擇 鏈接命令，彈出【鏈接屬性】對話框，設(shè)置如圖5.175所示。單擊確定按鈕。 5.3 復(fù)雜控制按鈕的制作 圖5.174 圖5.175 (13) 在“圖層1”的第1幀處單擊鼠標(biāo)右鍵，彈

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