1、4 . 2 . 5 . 3 flash動(dòng)畫Flash是用于創(chuàng)建矢量圖形和交互式動(dòng)畫的軟件。強(qiáng)大的圖形和動(dòng)畫功能可創(chuàng)建多種動(dòng)畫效果，以開發(fā)可在教學(xué)課件中使用的生動(dòng)圖像。內(nèi)嵌的ActionScript語言可讓您在flash動(dòng)畫中實(shí)作互動(dòng)、資料處理和許多其它程式功能，讓進(jìn)階開發(fā)人員準(zhǔn)備復(fù)雜的Flash應(yīng)用程式。Flash不僅可以直接應(yīng)用于交互式教學(xué)課件開發(fā)，還可以從專業(yè)多媒體課件制作軟件Authorware、Directory和Frangpage導(dǎo)入教學(xué)人工效果。Flash中的編輯對(duì)象主要是矢量圖形。Flash可以用少量矢量數(shù)據(jù)描述相當(dāng)復(fù)雜的對(duì)象，從而顯著減少文件中的數(shù)據(jù)量，顯著提高網(wǎng)絡(luò)上的傳輸速度

2、，是創(chuàng)建基于網(wǎng)絡(luò)的課件的有用工具。1，F(xiàn)lash基礎(chǔ)知識(shí)a)閃存8.0接口簡介Flash 8.0的主界面包括菜單欄、工具欄、舞臺(tái)、時(shí)間軸窗口、屬性面板、顏色面板、庫面板和動(dòng)作面板，如圖4-155所示。工具面板動(dòng)作面板顏色面板“庫”面板舞臺(tái)時(shí)間線窗口菜單欄屬性面板圖4-155 flash 8.0程序接口(1)舞臺(tái)舞臺(tái)是Flash動(dòng)畫中單個(gè)元素的性能平臺(tái)，它顯示當(dāng)前所選幀的內(nèi)容。(2)場(chǎng)景就像話劇可以有幾個(gè)鏡頭一樣，在舞臺(tái)上也可以放下幾個(gè)鏡頭。舞臺(tái)場(chǎng)景可以切換到舞臺(tái)右上角的場(chǎng)景切換按鈕。通過不同場(chǎng)景之間的交互，創(chuàng)建結(jié)構(gòu)更復(fù)雜的課件。(3)時(shí)間線窗口時(shí)間軸窗口用于操作Flash的兩個(gè)主要元素：圖層和

3、幀。最重要的組件是幀、圖層和播放頭。時(shí)間軸控制窗口分為兩個(gè)區(qū)域：和時(shí)間軸控制區(qū)域和層控制區(qū)域。(4)動(dòng)作面板在“動(dòng)作”面板中，可以創(chuàng)建和編輯對(duì)象或幀的ActionScript代碼。(5)庫面板在Flash中，“資源庫”窗口負(fù)責(zé)存儲(chǔ)和組織動(dòng)畫的基本元素?？梢愿p松地查找、編輯、設(shè)置和重復(fù)使用這些元素。(6)菜單欄和工具面板除繪圖命令外，大多數(shù)命令都可以在菜單欄上實(shí)現(xiàn)。使用“工具”面板中的工具可以繪制、繪畫、選擇和修改圖片以及更改舞臺(tái)的視圖。b)元件和實(shí)例元件是可重復(fù)使用的物件(包括圖像、影片或按鈕)，實(shí)體會(huì)在舞臺(tái)上唯一使用元件?？梢栽谝粋€(gè)程序中重復(fù)使用一個(gè)元件，重復(fù)使用實(shí)例不會(huì)增加文件大小。這是

4、保持文檔文件較小的策略的一個(gè)好部分。元件還簡化了文檔編輯。編輯元件時(shí)，該元件的所有實(shí)例都會(huì)相應(yīng)地更新以反映編輯內(nèi)容。組件的另一個(gè)優(yōu)點(diǎn)是，可以使用它們創(chuàng)建復(fù)雜的交互。Flash中有三種元件：影片剪輯元件(movie clip)、按鈕元件(button)和圖形元件(graphic)。在舞臺(tái)上選擇了對(duì)象后，可以使用“修改”菜單上的“轉(zhuǎn)換為元件”命令從彈出對(duì)話框中選擇特定類型的元件，然后將該對(duì)象轉(zhuǎn)換為所選元件類型，如圖4-156所示。右側(cè)注冊(cè)的柵格點(diǎn)是選定旋轉(zhuǎn)軸的位置。例如，默認(rèn)狀態(tài)下的注冊(cè)點(diǎn)是中心。也就是說，元件旋轉(zhuǎn)時(shí)繞中心軸旋轉(zhuǎn)。圖4-156“轉(zhuǎn)換為元件”對(duì)話框C) Flash動(dòng)畫的基本類型在Fl

5、ash中，可以通過時(shí)間軸效果、逐幀創(chuàng)建、創(chuàng)建補(bǔ)間動(dòng)畫、編寫語言等來創(chuàng)建動(dòng)畫。補(bǔ)間動(dòng)畫分為兩種方法：補(bǔ)間動(dòng)畫和補(bǔ)間形狀。范例19:動(dòng)態(tài)模糊文字時(shí)間軸效果可讓您輕松建立舞臺(tái)或影片片段元件上物件的動(dòng)畫效果。Flash 8.0中的時(shí)間軸效果包括分離、擴(kuò)展、投影和模糊。一個(gè)時(shí)間軸上同一對(duì)象只能有一種效果。如果要將多個(gè)效果加載到對(duì)象中，則可以創(chuàng)建影片剪輯元件。本例為創(chuàng)建的文字對(duì)象加載擴(kuò)展效果和模糊效果。(1)啟動(dòng)flash 8.0以創(chuàng)建新文檔?！安迦搿辈藛沃械摹靶陆ㄔ?使用“”命令在彈出對(duì)話框中選擇“影片剪輯”，確認(rèn)后進(jìn)入元件編輯窗口。(2)使用“工具”面板上的文本工具在元件編輯窗口中創(chuàng)建文字對(duì)象(如

6、圖4-157所示)?？梢允褂谩拔淖止ぞ咛匦浴泵姘蹇刂苿?chuàng)建的文字的外觀。(3)選擇創(chuàng)建的文字對(duì)象，單擊鼠標(biāo)右鍵，然后從彈出的快捷菜單中選擇“時(shí)間軸效果-效果-擴(kuò)展”命令。如圖4-158所示。圖4-157在元件編輯窗口中創(chuàng)建文本對(duì)象圖4-158時(shí)間軸效果命令(4)在圖4-159所示的“設(shè)置擴(kuò)展效果屬性”窗口中，可以簡單地設(shè)置該效果的屬性。在此，將碎片移動(dòng)調(diào)整為25個(gè)像素，其馀參數(shù)保持不變。確認(rèn)后退出“效果設(shè)置”窗口。您可以在時(shí)間軸中看到設(shè)置了多個(gè)幀，還可以使用“控制”菜單中的“播放”命令查看設(shè)置的效果。(5)單擊編輯窗口標(biāo)題欄中的“場(chǎng)景”按鈕以切換舞臺(tái)。在“庫”面板中，將剛創(chuàng)建的影片剪輯元件拖到舞

7、臺(tái)中心位置。(6)選擇元件，右鍵單擊，然后從彈出快捷菜單中選擇“時(shí)間軸效果-效果-模糊”命令。在設(shè)置彈出效果對(duì)話框中，使用默認(rèn)設(shè)置，確認(rèn)后退出設(shè)置窗口。圖4-159擴(kuò)展效果設(shè)置窗口(7)使用“控件”-“測(cè)試場(chǎng)景”命令，可以在彈出窗口中看到如圖4-160所示的最終效果。圖4-160動(dòng)態(tài)模糊文本效果(8)從“文件”菜單中選擇“導(dǎo)出-導(dǎo)出影片”命令，從彈出對(duì)話框中選擇保存的目錄，然后輸入文件名。基本上。以swf格式輸出。確認(rèn)后，彈出“導(dǎo)出flash player”對(duì)話框并使用首選項(xiàng)，以便在確認(rèn)后生成swf格式的動(dòng)畫文件。示例20:彈簧振子補(bǔ)間動(dòng)畫是Flash中最常見的動(dòng)畫生成方法。一般而言，您會(huì)在時(shí)

8、間軸相鄰的兩個(gè)關(guān)鍵影格中，將相同物件的屬性設(shè)定為不同，然后電腦會(huì)自動(dòng)填入變更程序?yàn)閯?dòng)畫的中間變更程序?？梢栽贔lash中更改的屬性包括位置、角度、外觀、顏色和透明度。在本示例中，您將通過創(chuàng)建模擬彈簧振子往返運(yùn)動(dòng)的動(dòng)畫來學(xué)習(xí)補(bǔ)間動(dòng)畫的一般過程。(1)啟動(dòng)flash 8.0以創(chuàng)建新文檔。在圖層左側(cè)，雙擊文字“圖層1”以更改為文字編輯狀態(tài)，然后將圖層標(biāo)簽更改為“spring”。(2)在第一幀的場(chǎng)景中繪制圖，如圖4-161所示。此圖形可由直線工具包含兩條線段，然后接合到彈簧中，復(fù)制并貼上以形成多節(jié)距彈簧。圖4-161彈簧渲染(3)插入兩個(gè)名為“背景”和“球”的新層。在“背景”圖層上繪制兩個(gè)矩形。在“球

9、”圖層上繪制一個(gè)圓以選擇該圓，在右側(cè)的顏色面板中選擇填充類型為“徑向”，然后在漸變條中，選擇第一個(gè)色標(biāo)作為淺色，第二個(gè)色標(biāo)作為深色。然后整齊地放置三個(gè)圖形集，如圖4-162所示。為了清楚地表示彈簧振蕩器的移動(dòng)過程，可以在背景圖層上添加位置標(biāo)志，如圖4-163所示。圖4-162三組圖形接合效果圖4-163添加位置標(biāo)記后的效果(4)選擇背景圖層，在60幀位置單擊鼠標(biāo)右鍵，然后從彈出快捷菜單中選擇“插入幀”。即使在新層上創(chuàng)建了占位符，也對(duì)該層執(zhí)行相同的操作。(5)選擇球體圖層，在15幀位置單擊鼠標(biāo)右鍵，然后從彈出的快捷菜單中選擇“插入關(guān)鍵幀”。然后，選擇該圖層上的所有幀(可以單擊圖層標(biāo)簽)，右鍵單擊

10、，然后從彈出快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。如圖4-164中的時(shí)間線所示，在兩個(gè)關(guān)鍵幀之間創(chuàng)建箭頭。然后，彈簧對(duì)執(zhí)行相同的作業(yè)。(6)選擇“球”層的第二個(gè)關(guān)鍵幀，然后選擇場(chǎng)景中的“球”對(duì)象，將其移動(dòng)到中間的“平衡位置”。(7)選擇“彈簧”層的第二個(gè)關(guān)鍵幀，在場(chǎng)景中選擇“彈簧”對(duì)象，然后在“工具”面板上選擇“變形工具”，按住“Alt”鍵并調(diào)整右側(cè)調(diào)整手柄，將其壓縮到中間“平衡位置”，然后連接到球，如圖4-164所示。圖4-步驟164(4)-(7)后的效果(8)分別在“球”和“彈簧”圖層的第30幀處插入關(guān)鍵幀。此時(shí)，補(bǔ)間動(dòng)畫的箭頭會(huì)自動(dòng)產(chǎn)生。如圖4-165所示，使用步驟(6)和步驟(7)中的方法分

11、別調(diào)整球和彈簧的位置。圖4-步驟165(8)后的效果(9)在球和彈簧層的第45幀和第60幀處重新插入關(guān)鍵幀，并分別使用步驟6和7將球體和彈簧調(diào)整到適當(dāng)?shù)奈恢?。其?5幀位于平衡位置，60幀位于最右側(cè)。此時(shí)，彈簧振子的動(dòng)畫效果基本完成。(10)為了逼真地模擬振蕩器的運(yùn)動(dòng)效果，進(jìn)一步設(shè)定彈簧振子的運(yùn)動(dòng)速度，使其達(dá)到平衡座椅時(shí)速度最大，兩端速度最小。選擇“球”圖層的第1幀到第15幀，然后單擊屬性面板中的“編輯”按鈕，彈出“自定義緩動(dòng)/緩動(dòng)”對(duì)話框(如圖4-166中所示)，在11幀的位置點(diǎn)圖形中，在直線上添加控制點(diǎn)(可以使用delete鍵刪除的點(diǎn))，將該點(diǎn)向下拖動(dòng)到40%的位置，確認(rèn)后退出。(11)選

12、擇“球”圖層的第16幀到第30幀，然后單擊屬性面板中的“編輯”按鈕，在彈出的“自定義緩入/緩出”對(duì)話框中，在19幀位置的圖中的直線上添加調(diào)整點(diǎn)，將該點(diǎn)向上拖動(dòng)到60%位置，然后確認(rèn)并退出。圖4-167所示。圖4-166 1-15幀的速度調(diào)整曲線圖4-167 16-30幀的速度調(diào)整曲線(12)選擇“球”圖層的第31幀到第45幀，然后單擊屬性面板中的“編輯”按鈕，將第41幀調(diào)整為與第11幀相同的值。選擇“球”圖層的第46-60幀，然后單擊屬性面板中的“編輯”按鈕，將第49幀調(diào)整為與第19幀相同。(13)通過調(diào)節(jié)“球”運(yùn)動(dòng)速度，調(diào)節(jié)“彈簧”的變化速度。(。為了匹配球和彈簧的行為，其運(yùn)動(dòng)速度調(diào)整的特定

13、參數(shù)可能與球的情況完全相同。(14)動(dòng)畫完成后，可以使用“控制”菜單中的“播放”命令查看最終動(dòng)畫效果。滿意后，單擊上一實(shí)例以輸出到動(dòng)畫文件。范例21:可控制的旋轉(zhuǎn)文字此實(shí)例通過應(yīng)用程序進(jìn)一步闡明了元件、實(shí)例的相關(guān)概念。早期學(xué)習(xí)控制影片剪輯元件播放的一般方法。(1)啟動(dòng)flash后，從“插入”菜單中選擇“新建符號(hào)”命令，在“新建符號(hào)”對(duì)話框中選擇“影片剪輯”類型，將元件命名為“旋轉(zhuǎn)字符”，確認(rèn)后進(jìn)入元件編輯窗口。(2)使用文字工具在元件中心上方創(chuàng)建文本，然后在“工具”面板中選擇“自由變換”工具，然后選擇剛創(chuàng)建的文本，以便在文本中出現(xiàn)調(diào)整手柄，如圖4-168所示。(3)選取任意變形工具時(shí)，選取的物

14、件中會(huì)出現(xiàn)9個(gè)可調(diào)整的節(jié)點(diǎn)。八個(gè)矩形點(diǎn)是造型控制，中心點(diǎn)是旋轉(zhuǎn)軸點(diǎn)，通常位于對(duì)象的中心。向下拖曳文字中心的圓形旋轉(zhuǎn)軸點(diǎn)，以與元件中心十字重合，如圖4-169所示。(4)從“窗口”菜單中選擇“變形”以顯示“變形”面板，如圖4-170所示。(5)在旋轉(zhuǎn)欄中輸入“36”，然后單擊變換窗口下方的復(fù)制和應(yīng)用變換按鈕，文字旋轉(zhuǎn)36度后的副本將出現(xiàn)在“編輯元件”窗口中，如圖4-171所示。圖4-168元件窗口中文本生成圖4-169文本的旋轉(zhuǎn)軸點(diǎn)與元件中心重合圖4-170變形窗口圖4-171旋轉(zhuǎn)文字副本(6)如果在不更改旋轉(zhuǎn)角度的情況下繼續(xù)單擊“復(fù)制并應(yīng)用變換”按鈕，將創(chuàng)建多個(gè)文本副本，如圖4-172所示。然

15、后使用文字工具逐個(gè)修改文字副本中的文字，如圖4-173所示。圖4-172創(chuàng)建多文本副本圖4-173修改后的文本內(nèi)容(7)在時(shí)間軸的第25幀中插入關(guān)鍵幀，選擇所有幀，右鍵單擊任意幀，然后從彈出快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。然后選取影格25中的關(guān)鍵影格，并在變形面板的旋轉(zhuǎn)角度輸入列中輸入180。如圖4-174所示。(8)在時(shí)間軸的第50幀中重新插入關(guān)鍵幀，然后在“變換”面板的旋轉(zhuǎn)角度輸入欄中輸入-0.5。注意：在flash 8.0中，一個(gè)對(duì)象的360度旋轉(zhuǎn)不會(huì)移動(dòng)，因此使用-0.5度旋轉(zhuǎn)等于359.5度旋轉(zhuǎn)。圖4-174文字旋轉(zhuǎn)180度(9)單擊“場(chǎng)景”，然后切換到“編輯場(chǎng)景”窗口。然后，將剛創(chuàng)

16、建的旋轉(zhuǎn)文本元件從“庫”面板拖到舞臺(tái)上。選擇元件，然后在“屬性”面板中影片剪輯下的“實(shí)例名稱”輸入欄中輸入xzwz，如圖4-175所示。圖4-175實(shí)例命名(10)從“窗口”菜單下的“公用庫”中選擇“按鈕”，打開按鈕庫。選擇“classic buttons(經(jīng)典藍(lán)牙)”文件夾下“playback(播放)”下面的gel系列按鈕，如圖4-176所示。拖到舞臺(tái)上，整齊排列，然后添加文字，如圖4-177所示。要排序?qū)ο蠼M，可以使用修改菜單下的排序中的命令集。(11)然后將命令添加到這些按鈕和第一幀以獲得程序效果。(12)在時(shí)間軸中選擇第一個(gè)關(guān)鍵幀，單擊鼠標(biāo)右鍵，然后從彈出快捷菜單中選擇“動(dòng)作”命令。打

17、開“編輯腳本”窗口，然后單擊“xzwz . stop()；”。)。輸入的文字和符號(hào)需要字母半角符號(hào)。此指令可在應(yīng)用程式啟動(dòng)狀態(tài)下停止文字旋轉(zhuǎn)元件。注意：實(shí)例名稱。方法(屬性)是特定影片剪輯元件或按鈕元件的方法或?qū)傩栽O(shè)置的默認(rèn)格式。(13)選擇與文字“play”對(duì)應(yīng)的按鈕，單擊鼠標(biāo)右鍵，然后從彈出的快捷菜單中選擇“動(dòng)作”命令。打開“編輯腳本”窗口，然后單擊“on(release) xzwz . play()；”。注意：向按鈕元件添加命令時(shí)，必須將按鈕狀態(tài)聲明為on()。也就是說，定義按鈕在什么狀態(tài)下執(zhí)行相關(guān)命令。括號(hào)中填充了按鈕執(zhí)行命令時(shí)的狀態(tài)，例如，在此實(shí)例中，定義按鈕釋放時(shí)執(zhí)行命令。圖4-176按鈕庫圖