網(wǎng)頁(yè)制作教程第11章課件

1、第11章 創(chuàng)建Flash交互與動(dòng)畫(huà)發(fā)布（時(shí)間：4次課，8學(xué)時(shí)）第11章 創(chuàng)建Flash交互與動(dòng)畫(huà)發(fā)布（時(shí)間：4次課，8學(xué)教學(xué)目標(biāo)： Action Script是Flash的腳本撰寫(xiě)語(yǔ)言，通過(guò)它可以為動(dòng)畫(huà)添加交互。當(dāng)動(dòng)畫(huà)制作完之后，可以合成聲音，并對(duì)其進(jìn)行優(yōu)化、輸出和發(fā)布。 本章將要重點(diǎn)學(xué)習(xí)如何為動(dòng)畫(huà)添加交互、合成聲音，在此基礎(chǔ)上還將學(xué)習(xí)動(dòng)畫(huà)的優(yōu)化與發(fā)布，通過(guò)學(xué)習(xí)希望讀者掌握按鈕的制作方法和Action Script行為語(yǔ)言的基本命令，了解動(dòng)畫(huà)的優(yōu)化與發(fā)布設(shè)置，對(duì)Flash制作動(dòng)畫(huà)的整個(gè)過(guò)程有一個(gè)全面的認(rèn)識(shí)。本章要點(diǎn)： 1、按鈕 2、Action Script 3、動(dòng)畫(huà)控制 4、動(dòng)畫(huà)聲音效果 5

2、、動(dòng)畫(huà)的測(cè)試與發(fā)布第11章 創(chuàng)建Flash交互與動(dòng)畫(huà)發(fā)布第11章 創(chuàng)建Flash交互與動(dòng)畫(huà)發(fā)布11.1 創(chuàng)建基本交互動(dòng)畫(huà)11.2 創(chuàng)建高級(jí)交互動(dòng)畫(huà)11.3 合成動(dòng)畫(huà)聲音效果11.4 動(dòng)畫(huà)的發(fā)布11.5 上機(jī)實(shí)訓(xùn)第11章 創(chuàng)建Flash交互與動(dòng)畫(huà)發(fā)布11.1 創(chuàng)建基本交互動(dòng)畫(huà)第11章 創(chuàng)建Flash交互與11.1 創(chuàng)建基本交互動(dòng)畫(huà) 使用【按鈕元件】按鈕 可以創(chuàng)建用于響應(yīng)鼠標(biāo)單擊、滑過(guò)或其他動(dòng)作的交互式按鈕。 可以定義與各種按鈕狀態(tài)關(guān)聯(lián)的圖形，然后將動(dòng)作指定給按鈕實(shí)例。11.1.1 創(chuàng)建按鈕11.1.2 制作圖形按鈕11.1.3 制作文字按鈕11.1.4 設(shè)定交互11.1 創(chuàng)建基本交互動(dòng)畫(huà) 使用【

3、按鈕元件】按 按鈕是用來(lái)控制動(dòng)畫(huà)中的電影片段實(shí)現(xiàn)交互的一種特殊的符號(hào)，可以改變動(dòng)畫(huà)的播放順序，控制動(dòng)畫(huà)的播放時(shí)間和速度，并可以隨時(shí)進(jìn)行控制。在Flash中，按鈕的種類(lèi)主要分兩種，一種是普通按鈕，通過(guò)鼠標(biāo)單擊來(lái)實(shí)現(xiàn)交互；另一種是隱形按鈕，隱形按鈕顯示不出來(lái)，它只是一個(gè)可以被響應(yīng)交互的區(qū)域，可以實(shí)現(xiàn)一些特殊的交互效果。11.1.1 創(chuàng)建按鈕 按鈕是3種元件類(lèi)型之一，它不同于其他兩種類(lèi)型的元件，按鈕實(shí)際上是四幀的交互影片剪輯。在菜單欄中選擇【插入】【新建元件】命令，在打開(kāi)的對(duì)話框的【類(lèi)型】選項(xiàng)區(qū)中點(diǎn)選【按鈕】單選鈕，單擊【確定】按鈕，創(chuàng)建一個(gè)【按鈕】元件，F(xiàn)lash會(huì)創(chuàng)建一個(gè)包含四幀的時(shí)間軸，如圖1

4、1-1所示。前3幀顯示按鈕的3種可能狀態(tài)；第4幀定義按鈕的活動(dòng)區(qū)域。時(shí)間軸實(shí)際上并不播放，它只是對(duì)指針運(yùn)動(dòng)和動(dòng)作做出反應(yīng)，跳轉(zhuǎn)到相應(yīng)的幀。 按鈕是用來(lái)控制動(dòng)畫(huà)中的電影片段實(shí)現(xiàn)交互的一種特 要制作一個(gè)交互式按鈕，可把該按鈕元件的一個(gè)實(shí)例放在舞臺(tái)上，然后給該實(shí)例指定動(dòng)作。 必須將動(dòng)作分配給文檔中按鈕的實(shí)例，而不是分配給按鈕時(shí)間軸中的幀。按鈕元件時(shí)間軸上的每一幀都有一個(gè)特定的功能： 1、第1幀是彈起狀態(tài)，代表指針沒(méi)有經(jīng)過(guò)按鈕時(shí)該按鈕的狀態(tài)； 2、第2幀是指針經(jīng)過(guò)狀態(tài)，代表指針滑過(guò)按鈕時(shí)該按鈕的外觀； 3、第3幀是按下?tīng)顟B(tài)，代表單擊按鈕時(shí)該按鈕的外觀； 4、第4幀是單擊狀態(tài)，定義響應(yīng)鼠標(biāo)單擊的區(qū)域。此

5、區(qū)域在輸出的動(dòng)畫(huà)文件中是不可見(jiàn)的，它是制作隱形按鈕的關(guān)鍵。 圖11-1 按鈕的四幀時(shí)間軸 11.1.1 創(chuàng)建按鈕 要制作一個(gè)交互式按鈕，可把該按鈕元件的一個(gè)實(shí) 下面通過(guò)一個(gè)圖形按鈕的創(chuàng)建來(lái)了解按鈕的制作方法，立體圖形按鈕的3種狀態(tài)如圖11-2所示，在彈起時(shí)為紅色，鼠標(biāo)經(jīng)過(guò)時(shí)變成綠色，按下時(shí)變成藍(lán)色。11.1.2 制作圖形按鈕圖11-2 圖形按鈕的3種狀態(tài) 下面通過(guò)一個(gè)圖形按鈕的創(chuàng)建來(lái)了解按鈕的制作方法，立體(1) 新建一個(gè)按鈕元件，進(jìn)入按鈕元件的編輯狀態(tài)。(2) 單擊第1幀，單擊工具箱中的【橢圓工具】按鈕 ，在【屬性】面板中設(shè)定邊框顏色為“黑色”，大小為“1”，填充為“紅色到黑色的放射狀漸變”

6、。按鍵，繪制一個(gè)正圓，雙擊選中，單擊工具欄中的【對(duì)齊】按鈕 ，打開(kāi)【對(duì)齊】面板。依次單擊【相對(duì)于舞臺(tái)】按鈕 、【水平中齊】按鈕 和【垂直中齊】按鈕,使圓放置在舞臺(tái)中央，如圖11-3所示。圖11-3 在舞臺(tái)中央繪制一個(gè)正圓11.1.2 制作圖形按鈕(1) 新建一個(gè)按鈕元件，進(jìn)入按鈕元件的編輯狀態(tài)。圖11-3(3) 單擊工具箱中的【漸變變形工具】按鈕 ，選中正圓，將漸變的中心移動(dòng)到右下角，如圖11-4所示。(4) 單擊時(shí)間軸左下角的【插入圖層】按鈕 ，新建一個(gè)圖層，將圖層1的正圓復(fù)制、粘貼到新圖層上。單擊工具箱中的【任意變形工具】按鈕 ，選中正圓，同時(shí)按+組合鍵，將圖層2的正圓以中心等比例縮小，選

7、擇工具箱中的【填充變形工具】按鈕 ，選中小圓，將漸變的中心移動(dòng)到左上角，如圖11-5所示。圖11-4 移動(dòng)漸變中心 11.1.2 制作圖形按鈕圖11-5 移動(dòng)小圓漸變中心(3) 單擊工具箱中的【漸變變形工具】按鈕 ，選中正圓，將漸(5) 分別在圖層1和圖層2的第2幀上按鍵插入關(guān)鍵幀，分別將大圓和小圓的填充顏色改為“綠色到黑色的放射狀漸變”。(6) 分別在圖層1和圖層2的第3幀和第4幀上按鍵插入關(guān)鍵幀，分別將第3幀中大圓和小圓的填充顏色改為“藍(lán)色到黑色的放射狀漸變”。按鍵同時(shí)選中圖層1和圖層2的第3幀，單擊工具箱中的【任意變形工具】按鈕 ，同時(shí)按+組合鍵，將按鈕以中心等比例縮小，如圖11-6所示

8、。(7) 單擊工作區(qū)左上角的“場(chǎng)景1”，回到場(chǎng)景中。在菜單欄中選擇【窗口】【庫(kù)】命令，打開(kāi)【庫(kù)】面板，將庫(kù)面板中已創(chuàng)建的按鈕元件拖入舞臺(tái)中，按+組合鍵即可測(cè)試按鈕。11.1.2 制作圖形按鈕圖11-6 將按鈕等比例縮小圖11-6 將按鈕等比例縮小(5) 分別在圖層1和圖層2的第2幀上按鍵插入關(guān)鍵幀11.1.3 制作文字按鈕圖11-7 加入文字的按鈕 在前面制作的圖形按鈕上加入文字，如圖11-7所示，在鼠標(biāo)經(jīng)過(guò)時(shí)文字變色，再按下時(shí)文字改為“GO”。通過(guò)本實(shí)例，可以使讀者在制作中進(jìn)一步熟悉按鈕的修改編輯方法。 11.1.3 制作文字按鈕圖11-7 加入文字的按鈕 (1) 雙擊【庫(kù)】面板中的按鈕元件

9、，進(jìn)入按鈕元件的編輯狀態(tài)。(2) 單擊時(shí)間軸左下角的【插入圖層】按鈕 ，新建一個(gè)圖層，單擊工具箱中的【文本工具】按鈕 ，在【屬性】面板中設(shè)定文字大小為“16”，字體為“Arial Black”，顏色為“白色”，輸入文字“PLAY”。打開(kāi) 【對(duì)齊】面板，依次單擊【相對(duì)于舞臺(tái)】按鈕 、【水平中齊】按鈕 和【垂直中齊】按鈕 ，使文字放置在圖形元件的中間。(3) 單擊新圖層的第2幀，按鍵創(chuàng)建一個(gè)關(guān)鍵幀，將文字的顏色改為“黃色”。(4) 單擊新圖層的第3幀，按鍵創(chuàng)建一個(gè)關(guān)鍵幀，單擊【文本工具】按鈕 ，單擊文字，將文字改為“GO”。(5) 單擊工作區(qū)左上角的“場(chǎng)景1”，回到場(chǎng)景中，按+組合鍵即可測(cè)試加入文

10、字的圖形按鈕效果。 11.1.3 制作文字按鈕(1) 雙擊【庫(kù)】面板中的按鈕元件，進(jìn)入按鈕元件的編輯狀態(tài)。 Action Script作為一種腳本撰寫(xiě)語(yǔ)言，是Flash的重要功能之一，可以通過(guò)它給動(dòng)畫(huà)添加復(fù)雜的交互性、回放控制和數(shù)據(jù)顯示等。Action Script 遵循自身的語(yǔ)法規(guī)則和保留關(guān)鍵字，并且允許使用變量存儲(chǔ)和檢索信息。ActionScript 含有一個(gè)很大的內(nèi)置類(lèi)庫(kù)，使用戶(hù)可以通過(guò)創(chuàng)建對(duì)象來(lái)執(zhí)行許多有用的任務(wù)。用戶(hù)不需要了解每個(gè)ActionScript 元素就可以開(kāi)始撰寫(xiě)腳本，如果用戶(hù)有明確的目標(biāo)，則可通過(guò)簡(jiǎn)單的動(dòng)作構(gòu)建腳本。11.1.4 設(shè)定交互 Action Script作為一

11、種腳本撰寫(xiě)語(yǔ)言，是F(1) 在菜單欄中選擇【文件】【打開(kāi)】命令，打開(kāi)方圓形變的動(dòng)畫(huà)。(2) 選中第1幀，在菜單欄中選擇【窗口】【動(dòng)作】命令，打開(kāi)【動(dòng)作-幀】面板，在面板中的下拉列表框中選擇“ActionScript 1.0&2.0”選項(xiàng)，雙擊【全局函數(shù)】【時(shí)間軸控制】【stop】選項(xiàng)，這時(shí)“停止”行為將添加到第1幀上，如圖11-8所示，在右側(cè)的編寫(xiě)視窗中就會(huì)顯示出標(biāo)準(zhǔn)的腳本語(yǔ)句。11.1.4 設(shè)定交互圖11-8 【動(dòng)作-幀】面板(1) 在菜單欄中選擇【文件】【打開(kāi)】命令，打開(kāi)方圓形變的(3) 單擊時(shí)間軸左下角的【插入圖層】按鈕 ，新建一個(gè)圖層，在【庫(kù)】面板的下拉列表框中選擇按鈕的源文件，這時(shí)就

12、可以打開(kāi)按鈕的【庫(kù)】面板，如圖11-9所示。將按鈕元件拖放到舞臺(tái)的右下角，這樣就可以在現(xiàn)在的動(dòng)畫(huà)中使用另一個(gè)已打開(kāi)動(dòng)畫(huà)的元件了。(4) 單擊按鈕，在【屬性】面板中將按鈕實(shí)例命名為“button”，如圖11-10所示。圖11-9 打開(kāi)按鈕的【庫(kù)】面板11.1.4 設(shè)定交互圖11-10 給按鈕實(shí)例命名(3) 單擊時(shí)間軸左下角的【插入圖層】按鈕 ，新建一個(gè)圖層，(5) 右擊帶有“a”標(biāo)示的第1幀，在菜單欄中選擇【窗口】【動(dòng)作】命令，打開(kāi)【動(dòng)作-幀】面板，在右側(cè)腳本區(qū)中輸入如圖11-11所示語(yǔ)句。11.1.4 設(shè)定交互圖11-11 在動(dòng)作腳本區(qū)中輸入語(yǔ)句(6) 按+組合鍵測(cè)試動(dòng)畫(huà)，動(dòng)畫(huà)停在第1幀。當(dāng)鼠

13、標(biāo)進(jìn)入按鈕時(shí)，按鈕變色，單擊按鈕時(shí)播放動(dòng)畫(huà)。(5) 右擊帶有“a”標(biāo)示的第1幀，在菜單欄中選擇【窗口】如果要給按鈕加上一個(gè)鏈接網(wǎng)址的交互行為，上述腳本應(yīng)改為：function GoToURL(event:MouseEvent) var url=new URLRequest(http:/www.*.com/) navigateToURL(url)button.addEventListener(MouseEvent.MOUSE_DOWN,GoToURL)11.1.4 設(shè)定交互如果要給按鈕加上一個(gè)鏈接網(wǎng)址的交互行為，上述腳本應(yīng)改為：11 如果不習(xí)慣ActionScript3.0的編程方法，可以在菜單

14、欄中選擇【文件】【發(fā)布設(shè)置】命令，彈出【發(fā)布設(shè)置】對(duì)話框。將【Flash】選項(xiàng)卡的ActionScript 版本設(shè)定為“ActionScript 2.0”，單擊【確定】按鈕，這樣就可以直接給按鈕添加語(yǔ)句了。給按鈕添加的語(yǔ)句如圖11-12所示。 單擊按鈕語(yǔ)句的第一行，打開(kāi)【腳本助手】，如圖11-13所示，按鈕有8種狀態(tài)，分別是鼠標(biāo)按下(Press)、釋放鼠標(biāo)(Release)、在外部釋放鼠標(biāo)(ReleaseOutside)、鍵盤(pán)按鍵(KeyPress)、鼠標(biāo)滑過(guò)(RollOver)、鼠標(biāo)滑離(RollOut)、鼠標(biāo)拖過(guò)(DragOver)和鼠標(biāo)脫離(DragOut)。11.1.4 設(shè)定交互圖11

15、-13 按鈕的8種狀態(tài)圖11-12 給按鈕添加的語(yǔ)句 如果不習(xí)慣ActionScript3.0的編程方法， 動(dòng)作腳本中提供了一些諸如動(dòng)作、運(yùn)算符以及對(duì)象等元素，可將這些元素組織到腳本中，指示影片要執(zhí)行什么操作，控制影片剪輯、按鈕等。大多數(shù)動(dòng)作只需要少量的編程經(jīng)驗(yàn)，對(duì)于初學(xué)者而言并不難掌握，而有些動(dòng)作可能需要對(duì)編程語(yǔ)言比較熟悉之后才能達(dá)到預(yù)期的效果，需要經(jīng)過(guò)長(zhǎng)期的學(xué)習(xí)和摸索才行。為了方便初學(xué)者學(xué)習(xí)，作者在發(fā)布設(shè)置中選擇ActionScript 2.0版本。11.2 創(chuàng)建高級(jí)交互動(dòng)畫(huà)11.2.1 影片剪輯控制腳本11.2.2 瀏覽器/網(wǎng)絡(luò)控制腳本 動(dòng)作腳本中提供了一些諸如動(dòng)作、運(yùn)算符以及對(duì)象等元素

16、， 通過(guò)影片剪輯控制腳本可以對(duì)影片剪輯進(jìn)行各種操作控制，下面以第10章講過(guò)的“探照燈”蒙版動(dòng)畫(huà)為例，通過(guò)腳本使蒙版可以隨鼠標(biāo)任意移動(dòng)，如圖11-14所示。11.2.1 影片剪輯控制腳本圖11-14 蒙版隨鼠標(biāo)移動(dòng)效果 通過(guò)影片剪輯控制腳本可以對(duì)影片剪輯進(jìn)行各種操作控制，(1) 在菜單欄中選擇【文件】【打開(kāi)】命令，打開(kāi)“探照燈”動(dòng)畫(huà)文件。右擊蒙版層，在彈出的右鍵快捷菜單中取消【遮罩層】選項(xiàng)。單擊【鎖】按鈕 ，進(jìn)行解鎖。分別右擊第15幀和第30幀的關(guān)鍵幀，在彈出的右鍵快捷菜單中選擇【清除關(guān)鍵幀】命令，取消兩個(gè)關(guān)鍵幀。在任一幀上右擊，在彈出的右鍵快捷菜單中選擇【刪除補(bǔ)間】命令，刪除蒙版層的動(dòng)畫(huà)，時(shí)間

17、軸如圖11-15所示。(2)單擊橢圓蒙版,在【屬性】面板中將元件的類(lèi)型改為【影片剪輯】，將實(shí)例命名為“mask”，如圖11-16所示。11.2.1 影片剪輯控制腳本圖11-15 刪除補(bǔ)間之后的時(shí)間軸 圖11-16 【屬性】面板(1) 在菜單欄中選擇【文件】【打開(kāi)】命令，打開(kāi)“探照燈”(4) 在圖層3的名稱(chēng)上右擊，在彈出的右鍵快捷菜單中選擇【遮罩層】命令，使橢圓變成遮罩層。(5) 按下+組合鍵測(cè)試動(dòng)畫(huà)，拖動(dòng)鼠標(biāo)蒙版隨之移動(dòng)，鼠標(biāo)始終保持在蒙版橢圓的中央，如圖11-14所示。11.2.1 影片剪輯控制腳本 圖11-14 蒙版隨鼠標(biāo)移動(dòng)效果(4) 在圖層3的名稱(chēng)上右擊，在彈出的右鍵快捷菜單中選擇【遮

18、 通過(guò)這個(gè)鼠標(biāo)拖動(dòng)蒙版的動(dòng)畫(huà)實(shí)例可以了解影片剪輯控制的基本方法，在這個(gè)動(dòng)畫(huà)的基礎(chǔ)上還可以通過(guò)隱藏鼠標(biāo)，創(chuàng)建個(gè)性化光標(biāo)，如圖11-18所示，這里制作一個(gè)旋轉(zhuǎn)的圖形動(dòng)畫(huà)作為光標(biāo)。11.2.1 影片剪輯控制腳本 圖11-18 個(gè)性化光標(biāo)(1) 新建一個(gè)Flash動(dòng)畫(huà)文檔，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2) 在菜單欄中選擇【插入】【新建元件】命令，彈出【創(chuàng)建新元件】對(duì)話框，在【類(lèi)型】選項(xiàng)區(qū)中點(diǎn)選【圖形】單選鈕，將新元件命名為“光標(biāo)”，單擊【確定】按鈕，進(jìn)入圖形元件的編輯狀態(tài)。使用工具箱中的【線條工具】繪制如圖11-18所示的圖形。 通過(guò)這個(gè)鼠標(biāo)拖動(dòng)蒙版的動(dòng)畫(huà)實(shí)例可以了解影片剪輯控

19、制的(3) 在菜單欄中選擇【插入】【新建元件】命令，彈出【創(chuàng)建新元件】對(duì)話框，在【類(lèi)型】選項(xiàng)區(qū)中點(diǎn)選【影片剪輯】單選鈕，將新元件命名為“旋轉(zhuǎn)光標(biāo)”，單擊【確定】按鈕，進(jìn)入影片剪輯的編輯狀態(tài)。從【庫(kù)】面板中將“光標(biāo)”拖入舞臺(tái)中央，單擊第20幀，按鍵插入關(guān)鍵幀。將圖形向下移動(dòng)一段距離，右擊中間任意一幀，在彈出的右鍵快捷菜單中選擇中【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】命令，在【屬性】面板中設(shè)定順時(shí)針旋轉(zhuǎn)“1”次，如圖11-19所示。(4) 單擊“場(chǎng)景1”回到場(chǎng)景中，從【庫(kù)】面板中將“旋轉(zhuǎn)光標(biāo)”拖入到舞臺(tái)上，在【屬性】面板中將實(shí)例命名為“icon”，如圖11-20所示。圖11-19 設(shè)定旋轉(zhuǎn) 11.2.1 影片剪輯控制腳

20、本圖11-20 給實(shí)例命名(3) 在菜單欄中選擇【插入】【新建元件】命令，彈出【創(chuàng)建(5) 單擊第1幀，在菜單欄中選擇【窗口】【動(dòng)作】，打開(kāi)【動(dòng)作-幀】面板，雙擊【ActionScript2.0類(lèi)】【影片】【Mouse】【方法】【hide】選項(xiàng)，如圖11-21所示。(6) 雙擊【全局函數(shù)】【影片剪輯控制】【startDrag】選項(xiàng)，在【目標(biāo)】文本框中輸入“icon”，勾選【鎖定鼠標(biāo)到中央】復(fù)選框，如圖11-22所示設(shè)置移動(dòng)光標(biāo)。(7) 按+組合鍵測(cè)試動(dòng)畫(huà),鼠標(biāo)光標(biāo)變成了旋轉(zhuǎn)的圖形光標(biāo)。圖11-21 【動(dòng)作-幀】面板 11.2.1 影片剪輯控制腳本圖11-22 設(shè)置移動(dòng)光標(biāo)(5) 單擊第1幀，在

21、菜單欄中選擇【窗口】【動(dòng)作】，打開(kāi)【 關(guān)于影片剪輯控制的語(yǔ)言還有很多，下面再來(lái)制作一個(gè)如圖11-23所示的對(duì)象屬性連續(xù)調(diào)整的動(dòng)畫(huà)，通過(guò)上、下、左、右的按鈕來(lái)控制影片剪輯對(duì)象位置的變化。11.2.1 影片剪輯控制腳本 圖11-23 對(duì)象屬性連續(xù)調(diào)整動(dòng)畫(huà) 關(guān)于影片剪輯控制的語(yǔ)言還有很多，下面再來(lái)制作一個(gè)如圖(1) 新建一個(gè)Flash動(dòng)畫(huà)文檔，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2) 在工作區(qū)內(nèi)右擊，在彈出的右鍵快捷菜單中選擇【網(wǎng)格】【顯示網(wǎng)格】命令，如圖11-24所示。舞臺(tái)上就會(huì)出現(xiàn)網(wǎng)格，網(wǎng)格的大小可以進(jìn)行編輯，右擊在彈出的右鍵快捷菜單中選擇【網(wǎng)格】【編輯網(wǎng)格】命令，彈出【網(wǎng)格】對(duì)

22、話框。在【網(wǎng)格】對(duì)話框中可以對(duì)網(wǎng)格的顏色橫向與縱向網(wǎng)格的大小以及是否貼緊至網(wǎng)格等屬性進(jìn)行設(shè)定，本例中將網(wǎng)格橫向和縱向的大小都設(shè)為“20”像素,如圖11-25所示。圖11-24 選擇【顯示網(wǎng)格】命令 11.2.1 影片剪輯控制腳本圖11-25 【網(wǎng)格】對(duì)話框(1) 新建一個(gè)Flash動(dòng)畫(huà)文檔，在工作區(qū)右上角的下拉列表(3) 單擊工具箱中的【線條工具】按鈕 ，設(shè)定線條顏色為灰色，沿網(wǎng)格的橫向縱向線條進(jìn)行繪制，如圖11-26所示。圖11-26 繪制網(wǎng)格 11.2.1 影片剪輯控制腳本(4) 繪制完網(wǎng)格之后，雙擊圖層1的名稱(chēng)，將其重命名為“網(wǎng)格”，并進(jìn)行鎖定。在舞臺(tái)上右擊，在彈出的右鍵快捷菜單中選擇【

23、網(wǎng)格】【顯示網(wǎng)格】命令，將【顯示網(wǎng)格】命令前的勾選去掉，將網(wǎng)格隱藏起來(lái)。(3) 單擊工具箱中的【線條工具】按鈕 ，設(shè)定線條顏色為灰色(5) 在菜單欄中選擇【插入】【新建元件】命令，彈出【創(chuàng)建新元件】對(duì)話框。在【類(lèi)型】選項(xiàng)區(qū)中點(diǎn)選【影片剪輯】單選鈕，將新元件命名為“飛機(jī)”，單擊【確定】按鈕，進(jìn)入影片剪輯元件的編輯狀態(tài)。使用工具箱中的工具繪制如圖11-27所示的飛機(jī)機(jī)身，并進(jìn)行顏色填充，如圖11-28所示。圖11-27 繪制飛機(jī)機(jī)身 11.2.1 影片剪輯控制腳本圖11-28 填充顏色(5) 在菜單欄中選擇【插入】【新建元件】命令，彈出【創(chuàng)建(6) 在菜單欄中選擇【插入】【新建元件】命令，彈出【創(chuàng)

24、建新元件】對(duì)話框。在【類(lèi)型】選項(xiàng)區(qū)中點(diǎn)選【圖形】單選鈕，將新元件命名為“旋轉(zhuǎn)”，單擊【確定】按鈕，進(jìn)入圖形元件的編輯狀態(tài)。使用工具箱中的工具繪制“旋轉(zhuǎn)”圖形，如圖11-29所示。(7)雙擊【庫(kù)】面板中的“飛機(jī)”影片剪輯,進(jìn)入“飛機(jī)”編輯狀態(tài)，插入新圖層，從【庫(kù)】面板中將“旋轉(zhuǎn)”圖形拖入到飛機(jī)前端，如圖11-30所示。圖11-29 繪制“旋轉(zhuǎn)”圖形 11.2.1 影片剪輯控制腳本圖11-30 將“旋轉(zhuǎn)”圖形拖入飛機(jī)前端(6) 在菜單欄中選擇【插入】【新建元件】命令，彈出【創(chuàng)建(8) 插入新圖層，將前端固定“旋轉(zhuǎn)”的零件復(fù)制粘貼到當(dāng)前位置，使用【橡皮擦工具】擦拭成如圖11-31所示的第1幀。(9)

25、 將所有圖層的第2幀插入關(guān)鍵幀，將“旋轉(zhuǎn)”圖形用【任意變形工具】 縮小旋轉(zhuǎn)成如圖11-32所示的第2幀，由此繪制出一個(gè)前端旋轉(zhuǎn)的小飛機(jī)動(dòng)畫(huà)。圖11-31 第1幀 11.2.1 影片剪輯控制腳本圖11-32 第2幀(8) 插入新圖層，將前端固定“旋轉(zhuǎn)”的零件復(fù)制粘貼到當(dāng)前位(10) 在菜單欄中選擇【插入】【新建元件】命令，彈出【創(chuàng)建新元件】對(duì)話框。在【類(lèi)型】選項(xiàng)區(qū)中點(diǎn)選【按鈕】單選鈕，將新元件命名為“箭頭”，單擊【確定】按鈕，進(jìn)入按鈕元件的編輯狀態(tài)。使用工具箱中的【矩形工具】和【選擇工具】繪制箭頭，分別在“指針經(jīng)過(guò)”和“按下”位置插入關(guān)鍵幀，修改箭頭顏色為“紅色”和“綠色”，按鈕的3個(gè)關(guān)鍵幀如圖

26、11-33所示。圖11-33 按鈕的3個(gè)關(guān)鍵幀 11.2.1 影片剪輯控制腳本(10) 在菜單欄中選擇【插入】【新建元件】命令，彈出【創(chuàng)(11) 單擊“場(chǎng)景1”，回到場(chǎng)景中，插入新圖層，將“飛機(jī)”影片剪輯拖入到舞臺(tái)中央，在【屬性】面板中將影片剪輯實(shí)例命名為“plane”，如圖11-34所示。(12) 插入新圖層，將“箭頭”按鈕拖入到舞臺(tái)左下角，再拖入3個(gè)箭頭進(jìn)來(lái)，分別將其旋轉(zhuǎn)、移動(dòng)至如圖11-35所示位置放置。圖11-34 為影片剪輯實(shí)例命名 11.2.1 影片剪輯控制腳本圖11-35 箭頭放置位置(11) 單擊“場(chǎng)景1”，回到場(chǎng)景中，插入新圖層，將“飛機(jī)”(13)右擊向上的箭頭，在彈出的右鍵

27、快捷菜單中選擇【動(dòng)作】命令，打開(kāi)【動(dòng)作-按鈕】面板。雙擊【全局函數(shù)】【影片剪輯控制】【setProperty】選項(xiàng)，打開(kāi)【腳本助手】，在【屬性】下拉列表框中選擇“_y”選項(xiàng)，如圖11-36所示，在【目標(biāo)】文本框中輸入“plane”，激活【值】文本框。雙擊左側(cè)【全局函數(shù)】【影片剪輯控制】【getProperty】選項(xiàng)，輸入腳本語(yǔ)句如圖11-37所示，勾選【表達(dá)式】復(fù)選框。 11.2.1 影片剪輯控制腳本圖11-36 影片剪輯的屬性選項(xiàng)(13)右擊向上的箭頭，在彈出的右鍵快捷菜單中選擇【動(dòng)作】命(13)右擊向上的箭頭，在彈出的右鍵快捷菜單中選擇【動(dòng)作】命令，打開(kāi)【動(dòng)作-按鈕】面板。雙擊【全局函數(shù)】

28、【影片剪輯控制】【setProperty】選項(xiàng)，打開(kāi)【腳本助手】，在【屬性】下拉列表框中選擇“_y”選項(xiàng)，如圖11-36所示，在【目標(biāo)】文本框中輸入“plane”，激活【值】文本框。雙擊左側(cè)【全局函數(shù)】【影片剪輯控制】【getProperty】選項(xiàng)，輸入腳本語(yǔ)句如圖11-37所示，勾選【表達(dá)式】復(fù)選框。 11.2.1 影片剪輯控制腳本圖11-36 影片剪輯的屬性選項(xiàng)圖11-37 輸入腳本語(yǔ)句(13)右擊向上的箭頭，在彈出的右鍵快捷菜單中選擇【動(dòng)作】命(14) 同理，分別為向下、向左和向右的箭頭按鈕設(shè)定如下影片剪輯控制語(yǔ)句。向下箭頭：on (release) setProperty(plane,

29、 _y, getProperty(plane,_y)+5); 向左箭頭：on (release) setProperty(plane, _x, getProperty(plane,_x)-5); 向右箭頭：on (release) setProperty(plane, _x, getProperty(plane,_x)+5); (15) 按+組合鍵進(jìn)行測(cè)試，飛機(jī)動(dòng)畫(huà)循環(huán)播放，單擊上、下、左、右箭頭，飛機(jī)影片剪輯隨之上、下、左、右移動(dòng)。 11.2.1 影片剪輯控制腳本(14) 同理，分別為向下、向左和向右的箭頭按鈕設(shè)定如下影片 瀏覽器/網(wǎng)絡(luò)控制腳本主要是關(guān)于整個(gè)影片的載入和導(dǎo)出的控制，其中FSC

30、ommand最常用，它是Flash系統(tǒng)用來(lái)支持它的其他應(yīng)用程序(如Flash播放器或?yàn)g覽器)互相傳達(dá)命令的工具。通過(guò)FSCommand可以使動(dòng)畫(huà)全屏播放。11.2.2 瀏覽器/網(wǎng)絡(luò)控制腳本 瀏覽器/網(wǎng)絡(luò)控制腳本主要是關(guān)于整個(gè)影片的載入和導(dǎo)出11.2.2 瀏覽器/網(wǎng)絡(luò)控制腳本圖11-38 設(shè)定全屏播放 (1) 打開(kāi)或制作完動(dòng)畫(huà)后，右擊第1幀，在彈出的右鍵快捷菜單中選擇【動(dòng)作】命令，打開(kāi)【動(dòng)作-幀】面板。(2) 雙擊【全局函數(shù)】【瀏覽器/網(wǎng)絡(luò)】【FSCommand】選項(xiàng)，打開(kāi)【腳本助手】，在【獨(dú)立播放器命令】的下拉列表框中選擇“fullscreentrue/false”選項(xiàng)設(shè)定全屏播放，如圖11-

31、38所示。11.2.2 瀏覽器/網(wǎng)絡(luò)控制腳本圖11-38 設(shè)定全屏11.2.2 瀏覽器/網(wǎng)絡(luò)控制腳本 1、fullscreentrue/false：指定true可將Flash Player設(shè)置為全屏模式；指定false可將播放器返回到標(biāo)準(zhǔn)菜單視圖。 2、allowscaletrue/false：控制影片的縮放，指定false可設(shè)置播放器始終按SWF文件的原始大小繪制SWF文件，從不進(jìn)行縮放；指定true會(huì)強(qiáng)制將SWF文件縮放到播放器的100%大小。 3、showmenutrue/false：控制探出菜單條目，指定true可啟用整個(gè)上下文菜單項(xiàng)集合；指定false將隱藏除【關(guān)于Flash Pla

32、yer】和【設(shè)置】外的所有上下文菜單項(xiàng)。 4、trapallkeystrue/false：指定true可將所有按鍵事件(包括快捷鍵)發(fā)送到Flash Player中的onClipEvent(keyDown/keyUp)處理函數(shù)。 5、exec：可以在放映文件內(nèi)執(zhí)行應(yīng)用程序，在參數(shù)文本框中輸入應(yīng)用程序的路徑。 6、quit：關(guān)閉播放器。11.2.2 瀏覽器/網(wǎng)絡(luò)控制腳本 1、fulls Flash動(dòng)畫(huà)突出的特點(diǎn)之一就是可以合成動(dòng)畫(huà)的聲音，F(xiàn)lash CS3提供了多種使用聲音的方式。既可以使聲音獨(dú)立于時(shí)間軸連續(xù)播放，又可以使用時(shí)間軸將動(dòng)畫(huà)與音軌保持同步。不僅如此，還可以向按鈕添加聲音使按鈕具有更強(qiáng)

33、的互動(dòng)性，制作聲音淡入淡出等特殊音效。 Flash中有兩種聲音類(lèi)型：事件聲音和音頻流。事件聲音必須完全下載后才能開(kāi)始播放，除非明確停止，否則它將一直連續(xù)播放。音頻流在前幾幀下載了足夠的數(shù)據(jù)后就開(kāi)始播放，音頻流要與時(shí)間軸同步以便在網(wǎng)站上播放。11.3 合成動(dòng)畫(huà)聲音效果11.3.1 導(dǎo)入聲音11.3.2 編輯聲音11.3.3 壓縮聲音 Flash動(dòng)畫(huà)突出的特點(diǎn)之一就是可以合成動(dòng)畫(huà)的聲音， 在Flash中是無(wú)法創(chuàng)建聲音的，只能通過(guò)導(dǎo)入的方式添加。Flash支持的聲音文件格式有很多，常用的有“*.wav”和“*.mp3”兩種格式，導(dǎo)入聲音的操作步驟如下。 (1) 在菜單欄中選擇【文件】【導(dǎo)入】【導(dǎo)入到

34、舞臺(tái)】命令，彈出【導(dǎo)入】對(duì)話框，如圖11-39所示。11.3.1 導(dǎo)入聲音圖11-39 【導(dǎo)入】對(duì)話框 在Flash中是無(wú)法創(chuàng)建聲音的，只能通過(guò)導(dǎo)入的方式添(2) 找到需要導(dǎo)入的聲音文件，單擊【打開(kāi)】按鈕，聲音文件就自動(dòng)以元件的形式導(dǎo)入到【庫(kù)】面板中。(3) 從【庫(kù)】面板中將聲音拖放到舞臺(tái)上，插入適當(dāng)長(zhǎng)度的幀即可，當(dāng)聲音文件被導(dǎo)入并拖放到舞臺(tái)上之后，會(huì)以數(shù)字方式顯示在時(shí)間軸上，如圖11-40所示。11.3.1 導(dǎo)入聲音圖11-40 聲音的時(shí)間軸 (2) 找到需要導(dǎo)入的聲音文件，單擊【打開(kāi)】按鈕，聲音文件就 當(dāng)選中聲音文件所在圖層的任意幀后，在聲音【屬性】面板中會(huì)出現(xiàn)聲音文件的相關(guān)屬性設(shè)置，如圖

35、11-41所示。11.3.2 編輯聲音圖11-41 聲音【屬性】面板 當(dāng)選中聲音文件所在圖層的任意幀后，在聲音【屬性】面板 1. 聲音效果 在聲音【屬性】面板的【效果】下拉列表框中可以對(duì)聲音的效果進(jìn)行設(shè)置，如圖11-42所示。其各選項(xiàng)的意義簡(jiǎn)單介紹如下。 無(wú)：不對(duì)聲音文件應(yīng)用效果。選擇此選項(xiàng)將刪除以前應(yīng)用的聲音效果。左聲道/右聲道：只在左聲道或右聲道中播放聲音。從左到右淡出/從右到左淡出：會(huì)將聲音從一個(gè)聲道切換到另一個(gè)聲道。淡入：隨著聲音的播放逐漸增加音量。淡出：隨著聲音的播放逐漸減小音量。自定義：允許使用“編輯封套”創(chuàng)建 自定義的聲音淡入和淡出點(diǎn)。11.3.2 編輯聲音 圖11-42 聲音效

36、果的設(shè)置 1. 聲音效果11.3.2 編輯聲音 圖11-42 選擇其中的【自定義】選項(xiàng)或單擊【編輯】按鈕，將會(huì)彈出聲音【編輯封套】對(duì)話框，如圖11-43所示。11.3.2 編輯聲音圖11-43 聲音【編輯封套】對(duì)話框 選擇其中的【自定義】選項(xiàng)或單擊【編輯】按鈕，將會(huì)彈出(1) 上下視窗分別對(duì)應(yīng)的是左、右聲道，白色區(qū)域?yàn)槁曇舨シ诺挠行Х秶?，兩個(gè)視窗中間有時(shí)間標(biāo)尺，用戶(hù)可以通過(guò)左右拖動(dòng)時(shí)間標(biāo)尺中的滑塊來(lái)調(diào)整聲音的起始點(diǎn)和終止點(diǎn)，如圖11-44所示。11.3.2 編輯聲音 圖11-44 調(diào)整聲音的起始、終止點(diǎn)(1) 上下視窗分別對(duì)應(yīng)的是左、右聲道，白色區(qū)域?yàn)槁曇舨シ诺?2) 視窗上方的橫線可調(diào)節(jié)聲音

37、幅度，橫線上的小方塊是【可調(diào)節(jié)手柄】。鼠標(biāo)直接拖動(dòng)【可調(diào)節(jié)手柄】可以調(diào)整聲音幅度的大小，還可在橫線的任意位置直接單擊添加【可調(diào)節(jié)手柄】，或?qū)ⅰ究烧{(diào)節(jié)手柄】拖到視窗外進(jìn)行刪除，【可調(diào)節(jié)手柄】最多可添加8個(gè)，如圖11-45所示。11.3.2 編輯聲音 圖11-45 可調(diào)節(jié)手柄(2) 視窗上方的橫線可調(diào)節(jié)聲音幅度，橫線上的小方塊是【可調(diào)2. 聲音同步聲音【屬性】面板的【同步】下拉列表框中各選項(xiàng)的意義簡(jiǎn)單介紹如下。 事件：指將聲音和一個(gè)事件的發(fā)生過(guò)程同步起來(lái)。事件聲音(例如，用戶(hù)單擊按鈕時(shí)播放的聲音)在顯示其起始關(guān)鍵幀時(shí)開(kāi)始播放，并獨(dú)立于時(shí)間軸完整播放，即使SWF文件停止播放也會(huì)繼續(xù)。開(kāi)始：與【事件】

38、選項(xiàng)的功能相近，但是如果聲音已經(jīng)在播放，則新聲音實(shí)例就不會(huì)播放。停止：使指定的聲音靜音。流：采用邊下載邊播放的流媒體技術(shù)，聲音的信息平均分配在它所需要的幀中。這樣可以使動(dòng)畫(huà)與音頻流同步，以便在網(wǎng)站上播放，與事件聲音不同，音頻流隨著 SWF 文件的停止而停止。而且，音頻流的播放時(shí)間絕對(duì)不會(huì)比幀的播放時(shí)間長(zhǎng)。11.3.2 編輯聲音 2. 聲音同步11.3.2 編輯聲音 3. 聲音循環(huán) 聲音的循環(huán)設(shè)定既可以聲音【屬性】面板中【同步】右側(cè)的第2個(gè)下拉列表框中選擇【重復(fù)】選項(xiàng)，并在其后的文本框中輸入需要的次數(shù)，也可以直接選擇其中的【循環(huán)】選項(xiàng)，聲音將會(huì)不斷地循環(huán)播放。11.3.2 編輯聲音 3. 聲音循

39、環(huán)11.3.2 編輯聲音 由于網(wǎng)速的限制，為了使Flash動(dòng)畫(huà)更加流暢地運(yùn)行，就要對(duì)聲音進(jìn)行適當(dāng)?shù)貕嚎s，以減少動(dòng)畫(huà)的數(shù)據(jù)量。雙擊【庫(kù)】面板中的聲音圖標(biāo)，打開(kāi)如圖11-46所示的【聲音屬性】對(duì)話框。11.3.3 壓縮聲音 圖11-46 【聲音屬性】對(duì)話框 由于網(wǎng)速的限制，為了使Flash動(dòng)畫(huà)更加流暢地運(yùn)行， 在【壓縮】下拉列表框中有4個(gè)選項(xiàng)，分別簡(jiǎn)單介紹如下。ADPCM：用于設(shè)置8位或16位聲音數(shù)據(jù)的壓縮設(shè)置，最適合壓縮短小、簡(jiǎn)單的聲音文件，比如按鈕、打字等聲音效果。選擇此選項(xiàng)，會(huì)出現(xiàn)如圖11-47所示的附加選項(xiàng)。其中【預(yù)處理】可以將立體聲轉(zhuǎn)換為單聲道，由此可以減小聲音的文件量?！静蓸勇省靠梢钥?/p>

40、制聲音的保真度和文件大小。較低的采樣率可以減小文件大小，但同時(shí)也會(huì)降低聲音品質(zhì)。默認(rèn)狀態(tài)下，系統(tǒng)推薦使用22kHz，此時(shí)的采樣率是標(biāo)準(zhǔn)CD的一半。【ADPCM位】是指聲音文件在導(dǎo)出時(shí)的采樣位數(shù)。位數(shù)越小，聲音文件損失越嚴(yán)重。默認(rèn)狀態(tài)下，系統(tǒng)推薦使用4位。11.3.3 壓縮聲音 圖11-47 ADPCM附加選項(xiàng) 在【壓縮】下拉列表框中有4個(gè)選項(xiàng)，分別簡(jiǎn)單介紹如下。 MP3：最適合壓縮較長(zhǎng)的聲音文件，當(dāng)導(dǎo)出樂(lè)曲之類(lèi)較長(zhǎng)的音頻流時(shí)，一般選擇【MP3】選項(xiàng)。選擇該選項(xiàng)會(huì)出現(xiàn)如圖11-48所示的附加選項(xiàng)?！颈忍芈省繘Q定導(dǎo)出的聲音文件中每秒播放的位數(shù)。Flash支持8kbps到160kbps。當(dāng)導(dǎo)出音樂(lè)時(shí)

41、，一般需要設(shè)定在16kbps以上，以獲得最佳效果?！酒焚|(zhì)】確定壓縮速度和聲音質(zhì)量，品質(zhì)越高壓縮速度越慢，但聲音質(zhì)量越好。11.3.3 壓縮聲音 圖11-48 MP3附加選項(xiàng) 原始：此選項(xiàng)是指在導(dǎo)出聲音時(shí)不進(jìn)行壓縮，附加選項(xiàng)與上述相似。 語(yǔ)音：此選項(xiàng)比較適合導(dǎo)出特殊的語(yǔ)音效果，只有【采樣率】一個(gè)選項(xiàng)。 MP3：最適合壓縮較長(zhǎng)的聲音文件，當(dāng)導(dǎo)出樂(lè)曲之類(lèi)較長(zhǎng)的音11.4 動(dòng)畫(huà)的發(fā)布11.4.1 動(dòng)畫(huà)的測(cè)試與優(yōu)化11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 當(dāng)動(dòng)畫(huà)制作好之后，就要將其進(jìn)行優(yōu)化與發(fā)布，使其成為可以通過(guò)相應(yīng)的瀏覽工具觀看和欣賞的動(dòng)畫(huà)作品。11.4 動(dòng)畫(huà)的發(fā)布11.4.1 動(dòng)畫(huà)的測(cè)試與優(yōu)化 11.4.1

42、動(dòng)畫(huà)的測(cè)試與優(yōu)化 在菜單欄中選擇【控制】【測(cè)試影片】命令，或按+組合鍵，就可以對(duì)動(dòng)畫(huà)進(jìn)行測(cè)試，以驗(yàn)證應(yīng)用程序是否按預(yù)期工作，查找并修復(fù)所遇到的錯(cuò)誤。在整個(gè)制作過(guò)程中應(yīng)不斷測(cè)試應(yīng)用程序。當(dāng)文件已經(jīng)保存之后，再進(jìn)行測(cè)試，會(huì)自動(dòng)在同一目錄下生成一個(gè)“*.swf”文件。這個(gè)文件可以直接在Flash的播放器中播放，也可以在IE的瀏覽器中播放，在互聯(lián)網(wǎng)中它以數(shù)據(jù)流的方式進(jìn)行傳輸，邊瀏覽邊下載，這是互聯(lián)網(wǎng)中最普及和常見(jiàn)的動(dòng)畫(huà)文件格式。 為了在保證動(dòng)畫(huà)質(zhì)量的基礎(chǔ)上減少動(dòng)畫(huà)的數(shù)據(jù)量，應(yīng)盡量?jī)?yōu)化動(dòng)畫(huà)影片，多使用元件，多使用漸變動(dòng)畫(huà)，少引入位圖。優(yōu)化線條、聲音、文本和顏色等，使整個(gè)動(dòng)畫(huà)作品更加流暢地在網(wǎng)上進(jìn)行傳輸。

43、11.4.1 動(dòng)畫(huà)的測(cè)試與優(yōu)化 在菜單欄中選11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 在Flash中，用戶(hù)可以將后綴名為“.fla”的源文件發(fā)布成可以在網(wǎng)上傳輸和瀏覽的格式，也可以將其導(dǎo)出成圖形圖像文件或動(dòng)畫(huà)及視頻文件。1. 發(fā)布Flash網(wǎng)頁(yè) 發(fā)布Flash網(wǎng)頁(yè)是將Flash動(dòng)畫(huà)發(fā)布成網(wǎng)頁(yè)的HTML文件，此方法為不是很熟悉HTML語(yǔ)言的動(dòng)畫(huà)設(shè)計(jì)人員提供了方便，在菜單欄中選擇【文件】【發(fā)布設(shè)置】命令，彈出【發(fā)布設(shè)置】對(duì)話框，在此對(duì)話框中有3個(gè)選項(xiàng)卡，分別是【格式】、【Flash】和【HTML】選項(xiàng)卡。11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 在Flash11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 (1) 【格式】選項(xiàng)卡如圖1

44、1-49所示。在其中可以選擇發(fā)布的文件格式，文件名稱(chēng)以及文件存放的路徑。在【類(lèi)型】選項(xiàng)區(qū)中有以下復(fù)選框可供勾選。圖11-49 【格式】選項(xiàng)卡 11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 (1) 【格11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 (2) 【Flash】選項(xiàng)卡如圖11-50所示，可以進(jìn)行以下參數(shù)的設(shè)置。圖11-50 【Flash】選項(xiàng)卡11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 (2) 【F11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 (3) 【HTML】選項(xiàng)卡如圖11-51所示，可以進(jìn)行以下參數(shù)的設(shè)置。圖11-51 【HTML】選項(xiàng)卡11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 (3) 【H11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 2. 導(dǎo)出影片 導(dǎo)出影

45、片就是將Flash動(dòng)畫(huà)打包導(dǎo)出成FlashPlayer格式(.swf)，在菜單欄中選擇【文件】【導(dǎo)出】【導(dǎo)出影片】命令，彈出【導(dǎo)出影片】對(duì)話框，如圖11-52所示。在此對(duì)話框中為動(dòng)畫(huà)命名，確定文件格式，選擇所存放的位置，設(shè)置完畢單擊【保存】按鈕，將打開(kāi)【導(dǎo)出Flash Player】對(duì)話框。此對(duì)話框與【發(fā)布設(shè)置】中的【Flash】選項(xiàng)卡相似，設(shè)置完畢單擊【確定】按鈕即可。圖11-52 【導(dǎo)出影片】對(duì)話框11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 2. 導(dǎo)出影11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 3. 導(dǎo)出圖像 Flash動(dòng)畫(huà)可以輸出成為位圖圖像的文件格式，在菜單欄中選擇【文件】【導(dǎo)出】【導(dǎo)出圖像】命令，彈出【導(dǎo)

46、出圖像】對(duì)話框，可以選擇導(dǎo)出圖像的名稱(chēng)、類(lèi)型以及存放的路徑，保存類(lèi)型有很多，如圖11-53所示為導(dǎo)出圖像的【保存】類(lèi)型下拉列表框。類(lèi)型中Flash 影片(*.swf)是Flash打包的動(dòng)畫(huà)文件格式，Windows AVI(*.avi)和QuickTime(*.mov)是視頻文件格式，WAV音頻(*.wav)是音頻文件格式，其余都是各種圖像文件格式。圖11-53 導(dǎo)出圖像的【保存】類(lèi)型下拉列表框11.4.2 動(dòng)畫(huà)的發(fā)布與導(dǎo)出 3. 導(dǎo)出圖11.5 上機(jī)實(shí)訓(xùn)1. 實(shí)訓(xùn)目的 通過(guò)制作一個(gè)鼠標(biāo)經(jīng)過(guò)時(shí)出現(xiàn)“漫天飛雪”的動(dòng)畫(huà)效果如圖11-54所示，進(jìn)一步熟悉繪圖工具的使用技巧，明確元件的3種類(lèi)型，掌握動(dòng)畫(huà)

47、交互的基本制作方法以及合成輸出的設(shè)定。 圖11-54 “漫天飛雪”動(dòng)畫(huà)效果11.5 上機(jī)實(shí)訓(xùn)1. 實(shí)訓(xùn)目的 通過(guò)制作一個(gè)2. 實(shí)訓(xùn)步驟(1) 新建一個(gè)Flash動(dòng)畫(huà)文檔，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2) 單擊工具箱中的【矩形工具】按鈕 ，在【屬性】面板中設(shè)定邊框顏色為【無(wú)】，填充為“藍(lán)色到黑色的放射狀漸變”。在舞臺(tái)上繪制一個(gè)矩形，單擊工具欄中的【對(duì)齊】按鈕 ，打開(kāi)【對(duì)齊】面板，依次單擊【相對(duì)于舞臺(tái)】按鈕 、【匹配寬度】 、【匹配高度】按鈕 、【水平中齊】按鈕 和【垂直中齊】按鈕 ，使矩形充滿舞臺(tái)作為背景。(3) 在菜單欄中選擇【插入】【新建元件】命令，在彈出的【新建新元件】對(duì)話框中命名元件的名稱(chēng)為“雪花”，在【類(lèi)型】選項(xiàng)區(qū)中點(diǎn)選【圖形】單選鈕，單擊【確定】按鈕進(jìn)入到元件的編輯狀態(tài)。11.5 上機(jī)實(shí)訓(xùn)2. 實(shí)訓(xùn)步驟(1) 新建一個(gè)Flash動(dòng)畫(huà)文檔，在工作區(qū)右2. 實(shí)訓(xùn)步驟(4) 單擊【橢圓工具】按鈕 ，在【屬性】面板中設(shè)定邊框顏色為【無(wú)】，填充除白色外的任意顏色。按住鍵，在舞臺(tái)上繪制一個(gè)正圓，再單擊【矩形工具】按鈕 ，在正圓的下方繪制一個(gè)長(zhǎng)方形，如圖11-55(a)所示。使用【選擇工具】 移動(dòng)光標(biāo)到圖形左側(cè)，當(dāng)出現(xiàn)弧形標(biāo)志時(shí)向內(nèi)拖動(dòng)，右側(cè)與左側(cè)對(duì)稱(chēng)拖動(dòng)，如圖11-55(b)所示。選中圖