flash mx基本操作 利用flash mx處理各種網(wǎng)頁動畫 在網(wǎng)頁

1、 通過本章學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容： 有關(guān)動畫的基本概念 Flash MX基本操作 利用Flash MX處理各種網(wǎng)頁動畫 在網(wǎng)頁中加入動畫的方法第8章 利用Flash MX制作網(wǎng)頁動畫 8.1 Flash MX簡介有關(guān)動畫的一些基本概念 Flash是美國Macromedia公司出品的矢量圖形編輯和動畫創(chuàng)作專業(yè)軟件，被廣泛應(yīng)用于網(wǎng)頁設(shè)計和多媒體創(chuàng)作等領(lǐng)域。利用該軟件制作的圖形和動畫具有文件品質(zhì)高、體積小、交互性強、可帶音效和兼容性好等特點，因而用它可創(chuàng)作出美觀生動而極為復(fù)雜的網(wǎng)頁作品。 1. 幀（Frame） Flash在制作動畫時，是由若干個幀來組成一個動畫效果的。幀是裝載Flash作品內(nèi)容、進

2、行Flash作品播放的基本單位，也是Flash動畫的基本組成元素。Flash的時間線面板上的每一小格代表一幀。 幀有以下幾種類型：關(guān)鍵幀、靜止幀和中間過渡幀。 （1）關(guān)鍵幀 關(guān)鍵幀是一個包含有內(nèi)容，或是對內(nèi)容的改變起決定性作用的幀。正是因為有了這些關(guān)鍵幀，物件才能在變化中產(chǎn)生動畫。在時間線上，包含內(nèi)容的關(guān)鍵幀顯示為有黑色實心圓點的方格?？瞻椎年P(guān)鍵幀顯示為白色方格。 （2）靜止幀 時間線上的靜止幀是相鄰靜止關(guān)鍵幀的延續(xù)。靜止幀中顯示的內(nèi)容是與其相鄰的前一個靜止關(guān)鍵幀中的內(nèi)容，對其中對象的編輯或?qū)瑢傩缘亩x，實際上都是對前一個關(guān)鍵幀的改變。若前一個關(guān)鍵幀為空白關(guān)鍵幀，則其后面的靜止幀都為空白幀。

3、普通的靜止幀顯示為灰色方格，空白幀顯示為白色方格。 （3）中間過渡幀 中間過渡幀出現(xiàn)于過渡動畫的兩個關(guān)鍵幀之間。其中顯示了某一Flash過渡動畫的若干個中間效果。其顏色隨過渡類型的不同而發(fā)生改變，如果運用“圖形”漸變類型，則顯示為帶有箭頭直線的淺綠色方格；如果運用“動作”漸變類型，則顯示為帶有箭頭直線的淡紫色方格。 2. 組件（Symbol）與實例（Instance） 組件只是一種人為的規(guī)范，它指的是動畫中一些出現(xiàn)頻率較高的物件對象。組件通常存放在圖庫中，使用時再把它從圖庫中拖曳出來。有人把組件形象地比喻為存儲起來的演員，隨時可以調(diào)出來扮演角色。 把組件從圖庫中拖曳到舞臺工作區(qū)中，就得到了組件

4、的一個實例?？梢园呀M件想象成一個源文件，它的實例就是它在不同地方的復(fù)制。 3. 層（Layer） 層是為了方便操作者制作復(fù)雜的Flash動畫作品而引入的一種手段。在時間線面板上，每個層都有各自的時間線。在每個層中都包含了一系列的幀，在各層中所使用的幀均是獨立的?？捎每刂破鱽聿シ拍硞€場景的動畫效果。播放動畫時，會從每個層的第一幀開始播放（即同步播放），不同層中的幀在同時播放中可以得到綜合的效果。 4. 場景（Scene） 一個Flash作品可以由若干個場景組成，每個場景都分別擁有各自獨立的動畫內(nèi)容。每個場景中的層和幀均相對獨立。在播放時，F(xiàn)lash會自動按場景的順序進行播放。 5. 影片 一個或

5、幾個場景就可以組成一個影片。 6時間線（Timeline） 時間線是Flash MX中最重要的工具之一。用它可以查看每一幀的情況，調(diào)整動畫播放的速度，安排幀的內(nèi)容，改變幀與幀之間的關(guān)系，從而實現(xiàn)不同效果的動畫。 Flash MX的界面由以下幾個部分組成：標題欄、菜單欄、標準工具欄、繪圖工具欄、狀態(tài)欄、時間線面板、控制器、工作區(qū)等，如圖所示。 8.1.2 Flash MX的界面 Flash MX主窗口 返 回菜單欄常用工具欄工具欄工作區(qū)屬性面板標題欄浮動面板時間線面板控制工具條 菜單欄 除了繪圖命令以外的絕大多數(shù)命令都可以在菜單欄中實現(xiàn)。 常用工具欄 常用工具欄也叫標準工具欄，它位于菜單欄的下方

6、，該工具欄除了提供了多個用于文件和編輯操作常用的命令按鈕外，還提供了幾個Flash MX所特有的工具按鈕。 控制工具條 Flash MX的控制器是用來控制動畫播放的，它是浮動面板，它可以在“窗口”菜單中的“工具欄”子菜單中打開或關(guān)閉，也可以用鼠標移動其位置。 工具欄 工具欄即繪圖工具欄，一般情況下出現(xiàn)在窗口的左邊，也可用鼠標改變其位置。該工具欄提供了用于圖形繪制和編輯的各種工具按鈕。 工作區(qū) 工作區(qū)位于窗口的中央，動畫就是在這個舞臺上生成和演出的。 屬性面板 使用屬性面板可以輕松地訪問和更改文檔最常見的屬性。用戶可以在屬性面板中更改文檔屬性，而不用訪問包含這些功能的菜單或面板。 時間線面板 時

7、間線面板是浮動面板，其預(yù)設(shè)位置在標準工具欄的下方，是用來管理不同場景中的層與處理幀的。 1. 組件的操作 1）新建一個組件選擇“插入”|“新建組件”菜單命令，打開“創(chuàng)建新符號”對話。 （2）在對話框的“名稱”文本框中輸入組件的名稱。 （3）選擇好組件類型后，單擊“確定”按鈕，進入組件編輯狀態(tài)，工作區(qū)域成為組件編輯區(qū)域。圖中“+”號表示組件的中心，用戶可以根據(jù)需要制作組件，也可以將已有對象轉(zhuǎn)換為組件。8.1.3 Flash MX的基本操作 2）編輯組件 在Flash MX中編輯組件可按如下步驟進行： 打開組件編輯窗口。 在組件編輯窗口就可以對組件進行編輯了。 3）復(fù)制組件 當(dāng)用戶要創(chuàng)建一個新組件

8、，而這個組件包含有一個已經(jīng)存在組件的部分或全部內(nèi)容時，使用復(fù)制組件的方法，可以大大提高工作效率。復(fù)制組件的方法如下：選擇“窗口”|“圖庫”命令，打開圖庫面板；在面板中選擇需要復(fù)制的組件，右擊鼠標，從彈出的快捷菜單中選擇“復(fù)制”命令。 4）刪除組件 在圖庫中選中要刪除的一個組件，單擊圖庫面板下方的刪除按鈕，或擊右鍵選擇“刪除”命令。 2. 幀的操作 1）改變幀的播放速率 在默認情況下，F(xiàn)lash動畫每秒播放的幀數(shù)為12格（幀/秒）。數(shù)值越大，播放幀數(shù)就越多，速度也就越快，動畫的效果就越順暢；反之，數(shù)值越小，速度就越慢，動畫播放時就會有很明顯的停格的現(xiàn)象。 示范演示 2）幀的選擇 用鼠標單擊某一幀

9、，該幀即被選中，并且成為當(dāng)前幀，同時在工作區(qū)中顯示出該幀中的內(nèi)容。如果想一次選取許多幀，可以在所要選取的起始幀處，按下鼠標左鍵不放，同時拖曳鼠標至所需位置即可?；蛘呦扔檬髽藛螕羝鹗紟?，然后按下“Shift”鍵不放，在所要選取的終止幀處單擊鼠標左鍵，這樣做也可以同時選中多個幀。 3）創(chuàng)建各種類型的幀 在時間線上需要新建靜止幀的位置處單擊鼠標左鍵，然后選擇“插入”|“幀關(guān)鍵幀 空白關(guān)鍵幀 ”命令，或單擊鼠標右鍵，在彈出的菜單中選擇“插入幀”，就可在所需位置上創(chuàng)建一個包含有與前一幀相同內(nèi)容的幀。 4）復(fù)制幀 復(fù)制幀的方法為：首先將需要復(fù)制的一個或者多個幀選中；在其上單擊鼠標右鍵，從彈出的菜單中選擇“

10、復(fù)制幀”命令；用鼠標單擊需要粘貼的位置，再單擊鼠標右鍵，從彈出的快捷菜單中選擇“粘貼幀”命令，即可將相同的內(nèi)容復(fù)制到所需的位置上。 5）刪除幀 首先選取幀，然后選擇“插入”|“刪除幀”命令，或者是在被選中的幀上單擊鼠標右鍵，從彈出的快捷菜單中選擇“移除幀”命令， 3. 層的操作 ）添加層 在層編輯區(qū)的左下角的第一個按鈕為“插入層”按鈕，按下它之后，即可在當(dāng)前所編輯的層上面插入一個新層；也可以在當(dāng)前層上單擊鼠標右鍵，從彈出的菜單中選擇“插入層”選項，來新增一個層。 ）層的重命名 在默認狀態(tài)下，層名為“層1”、“層2”、“層n”，若想改變層的名稱，可先選中該層，然后在層名上雙擊鼠標左鍵，此時出現(xiàn)一

11、個小方框，只要在其中輸入新的層名即可。 ）調(diào)整層的順序 如果想要改變層的先后順序，可以用以下的方法：先用鼠標單擊所要調(diào)整的層，把它選中；然后按住鼠標左鍵不放，同時拖動之，把它拖到所要放置的地方；再放開鼠標左鍵。 ）刪除層刪除層可以按如下步驟進行： 選取要刪除的層，在其上按住鼠標不放，把它拖至?xí)r間線面板上的層編輯區(qū)右下角的“刪除層”按鈕處即可；或在要刪除的層上單擊鼠標右鍵，從彈出的菜單中選取“刪除層”命令。 4. 場景的操作 ）新增場景 選擇“插入”|“場景”命令，即可新建一個場景；或選擇“窗口”|“場景”命令，此時會彈出一個“場景”對話框，在對話框中單擊添加場景按鈕即可。 ）場景的更名 選擇“

12、窗口”|“場景”命令，在打開的場景對話框中選中要更名的場景，然后雙擊鼠標左鍵，出現(xiàn)一個文本框，直接輸入一個名稱即可。 ）當(dāng)前場景的切換 場景切換可按如下方法進行： 在場景對話框中直接單擊所需場景名；或單擊“視圖”菜單，從中選擇“跳轉(zhuǎn)到”選項，在該選項中再選擇所需要的場景名稱即可。 ）刪除場景 刪除場景的方法如下： 選擇“插入”|“刪除場景”菜單命令，即可將當(dāng)前的場景刪除；或選擇“窗口”|“場景”命令，在彈出的場景對話框中，選擇要刪除的場景名，然后單擊“Delete”按鈕即可。 .時間線面板 時間線面板是用來進行動畫創(chuàng)作和編輯的主要工具。按照功能不同，可將時間軸分為兩大部分：層操作區(qū)和幀操作區(qū)，

13、如圖所示。 1）時間標尺時間軸標尺是由幀標記和幀編號兩部分組成。在默認情況下，幀編號居中顯示在兩個幀標記之間，多數(shù)字幀的編號與它們所表示的幀居左對齊。幀標記就是標尺上的小垂直線，每一個刻度代表一幀，每5幀顯示一個幀編號。 2）狀態(tài)欄時間軸上的狀態(tài)欄顯示了當(dāng)前幀、幀率和播放時間3條信息。當(dāng)前幀顯示舞臺上當(dāng)前可見幀的編號，也就是播放頭當(dāng)前的位置。 3）幀瀏覽選項幀瀏覽選項的圖標位于時間軸的右上角，當(dāng)用戶單擊該圖標按鈕時，則會彈出一個下拉菜單，在該菜單中可以設(shè)定幀的時間距離為很小、小、標準、中等和大，還可以設(shè)定幀的高度、顯示方式等。 8.2.1 Flash動畫的類型 利用Flash MX制作網(wǎng)頁動畫

14、 Flash動畫分為兩種類型：逐幀動畫和過渡動畫。 1逐幀動畫 逐幀動畫是由位于時間線上的同一動畫軌道上的一個連續(xù)的關(guān)鍵幀序列組成。對于該序列中的每一幀中的內(nèi)容都可以單獨地進行編輯。在播放時，按順序逐幀進行播放而產(chǎn)生動畫的效果。 2. 過渡動畫 每一個過渡動畫序列由兩個處于兩端的關(guān)鍵幀和位于中間的一個過渡幀序列組成，兩個關(guān)鍵幀分別定義了該動畫序列的開始和結(jié)束的狀態(tài)，過渡幀序列產(chǎn)生動畫的中間效果。只需要編輯動畫對象在兩個關(guān)鍵幀中的位置、形狀、顏色和大小等屬性，然后定義過渡幀序列的漸變類型以及效果，即可自動生成一定效果的、平滑的過渡動畫。 （1）位移動畫 位移動畫是利用運動漸變的方法而制作的動畫。

15、利用漸變的方法可以處理舞臺中經(jīng)過群組后的各種矢量圖形、文字和導(dǎo)入的素材等。使用這種方法，用戶可以設(shè)置對象在位置、大小、傾斜、顏色以及透明度等方面的漸變效果。 （2）形變動畫 形變動畫簡單的說就是形狀發(fā)生改變的動畫。它描述了一段時間內(nèi)一個對象變成另一個對象的過程。在形變動畫中，用戶可以改變對象的形狀、顏色、大小、透明度以及位置等。 由于逐幀動畫需要對每一幀中的內(nèi)容進行逐個的制作和編輯，因此對動畫的效果具有很強的控制能力，適合于制作較為復(fù)雜的動畫。但是，由于該類動畫數(shù)據(jù)量大、編輯工作既耗時又復(fù)雜艱巨，故除非確實需要如此，否則應(yīng)盡量避免采用該類動畫。 示范演示 8.2.2 創(chuàng)建逐幀動畫 根據(jù)位移運動

16、動畫的路徑不同，位移運動動畫又分為直線運動動畫和沿軌道運動的動畫兩種。 1創(chuàng)建直線運動動畫 示范演示 8.2.3 創(chuàng)建位移動畫 2創(chuàng)建沿軌道運動的動畫 如果用戶希望對象沿用戶設(shè)定的任意曲線運動，此時需要在運動層上添加一個引導(dǎo)層。該引導(dǎo)層中僅僅包含一條任意形狀和長度的路徑，最后將運動層和引導(dǎo)層連接起來，就可以使對象沿指定的路徑運動。 形變動畫簡單地說就是形狀發(fā)生變化的動畫，它描述了一段時間內(nèi)將一個對象變成另一個對象的過程。在形變動畫中用戶可以改變對象的形狀、顏色、大小、透明度以及位置等。 和位移漸變動畫不同，形變動畫的處理對象只能是矢量圖形，實例、文字、位圖對象、群組對象等都不能直接進行形變動畫

17、。如果把這些對象打碎成矢量圖形，就可以進行形變動畫了。示范演示 8.2.4 創(chuàng)建形變動畫 利用遮罩層也可以制作一些復(fù)雜的動畫效果。如電影文字、圖像文字、探照燈、動態(tài)切換、淡入淡出、顏色轉(zhuǎn)變等效果。遮罩層的作用就是可以透過遮罩層內(nèi)的圖形看到其下面層的內(nèi)容，但是不可以透過遮罩層內(nèi)的無圖形處看到其下面層的內(nèi)容。在遮罩層中繪制的圖形、文字等都可以挖空區(qū)域。這些被挖空的區(qū)域?qū)⑼耆该?，其它區(qū)域則完全不透明。根據(jù)遮罩層的這一特性，很容易就可以制作出文本在圖像中的淡入淡出效果。示范演示 8.2.5 創(chuàng)建層動畫 聲音也是動畫的一個重要組成部分，一個好的動畫或網(wǎng)頁，不僅要有精彩的畫面，強大的功能，還要有優(yōu)美動聽

18、的音樂。下面介紹在Flash MX中為動畫配音的方法。 1導(dǎo)入聲音 Flash MX可以一次性導(dǎo)入一個或多個WAV聲音文件，還可以導(dǎo)入MP3格式的聲音文件。MP3格式的聲音文件的壓縮比例很大，同時保持了較好的聲音效果，越來越多的MP3音樂在網(wǎng)絡(luò)中流行。示范演示 8.2.6 動畫配音 2在動畫中加入聲音 在Flash MX動畫文件中添加聲音時，必須先創(chuàng)建一個聲音圖層，才能在該層中添加聲音。聲音圖層可以存放一段或多段聲音。也可以把聲音放在任意多的層上，每一層相當(dāng)于一個獨立的聲道，在播放影片時，所有的聲音將自動合并。但是在同一段時間內(nèi)，一個圖層只能存放一段聲音，這樣可以避免聲音在同一圖層內(nèi)相互疊加。

19、示范演示 如果要把Flash動畫文件放置到網(wǎng)頁上，以供瀏覽者觀看，首先要將其輸出為動畫播放文件（*.swf），然后在想要插入動畫的網(wǎng)頁中直接插入Flash動畫，或編制一段HTML引導(dǎo)程序，這段HTML引導(dǎo)程序的作用就是調(diào)用Flash播放插件，并播放指定位置的Flash動畫播放文件。 8.3 在網(wǎng)頁中加入Flash動畫 要在頁面中插入Flash動畫，首先就要把Flash動畫輸出成.swf文件，方法如下：（1）啟動Flash完成一個動畫的制作； （2）在菜單欄里選擇“文件”|“輸出影片”命令，彈出“導(dǎo)出影片”對話框。（3）選擇保存類型為.swf，在文件名文本框中輸入文件名，單擊“保存”按鈕，打開 “輸出Flash Player”對話框；（4）選擇“加載順序”為“自下往上”，單擊“確定”按鈕。 8.3.1 發(fā)布文件 1準備工作 選取“文