1、第五章第五章 flash mx 2004基礎基礎 第一節第一節 初識初識flash mx 2004 第二節第二節 flash mx 2004工作界面工作界面 第三節第三節 應用實例應用實例 習題五習題五flash mx 2004是目前最為流行的一款web網頁創作工具，它集矢量編輯和動畫創作為一體，可以在web上創建精美的動畫和交互式流媒體，無論在創作動畫、廣告、導航按鈕還是構建商業網站等方面，都是最靈活、最專業的矢量動畫軟件。它還可以創作復雜的交互式游戲、桌面應用程序等軟件。第一節 初識flash mx 2004一、一、flash mx 2004簡介簡介flash mx 2004是macrom

2、edia公司推出的一款優秀的矢量動畫軟件，包含了用于創建矢量圖、動畫、應用程序、演示文稿等工具，下面簡單介紹一些flash mx 2004的基礎知識。flash動畫又稱flash影片，由于其主要由矢量圖形組成，因此所導出的swf文件很小，下載速度很快，并且可以在瀏覽時根據用戶需要自由縮放。它支持多種文件的導入，例如：photoshop，illustrator，freehand等軟件生成的圖形文件格式；還支持音頻文件的導入，例如：mp3。flash mx 2004具有極其靈巧的圖形繪制功能，可以將圖形打散成許多單一的元素進行編輯。由于flash提供具有保真技術的繪圖工具，所以圖形在經過一系列加工

3、后，仍會保持平滑。flash mx 2004集成了flash播放器flash player 7.0，默認情況下隨著flash mx 2004一起安裝。此外，windows 2000和windows xp或以上版本的操作系統中也包含了flash播放插件，而如果用戶使用的windows 98并且ie瀏覽器的版本為4.0或更低版本，則需要安裝flash播放器插件才能順利瀏覽flash動畫。二、二、flash mx 2004安裝與運行安裝與運行在macromedia flash mx 2004安裝與運行之前應該關閉所有正在使用的flash版本，才能順利進行安裝與運行。1程序的安裝下面介紹flash m

4、x 2004在windows xp下的安裝步驟：（1）將安裝程序插入計算機cd-rom驅動器，系統便會自動運行flash mx 2004安裝程序。如果系統未自動安裝，可以選擇“開始”“我的電腦”命令，找到cd-rom驅動器，雙擊安裝程序圖標，彈出“macromedia flash mx 2004-installshield wizard”對話框，開始解壓縮文件，如圖5.1.1所示。圖5.1.1 “macromedia flash mx 2004-installshield wizard”對話框（2）解壓縮完畢后，彈出“installshield wizard”對話框，開始準備啟動安裝向導，如圖

5、5.1.2所示。圖5.1.2 “installshield wizard”對話框（3）等待安裝向導完成后，彈出“macromedia flash mx 2004安裝程序”對話框，如圖5.1.3所示。圖5.1.3 “macromedia flash mx 2004安裝程序”對話框（4）單擊“下一步”按鈕，彈出macromedia flash mx 2004的“許可證協議”對話框，如圖5.1.4所示。閱讀完許可證協議的內容后，如果同意該協議中所有條款，單擊“是”按鈕，進入下一步安裝；如果不同意，單擊“否”按鈕，退出安裝。若要安裝macromedia flash mx 2004，必須同意此協議。圖5

6、.1.4 “許可證協議”對話框（5）在“許可證協議”對話框中單擊“是”按鈕后，彈出“選擇目的地位置”對話框，如圖5.1.5所示。圖5.1.5 “選擇目的地位置”對話框（6）如果要改變macromedia flash mx 2004的安裝目的地，單擊“瀏覽”按鈕，彈出“選擇文件夾”對話框，如圖5.1.6所示。選擇新的安裝目的地后單擊“確定”按鈕，返回“選擇目的地位置”對話框。圖5.1.6 “選擇文件夾”對話框（7）單擊“下一步”按鈕，彈出“安裝macromedia flash player”對話框，如果要安裝，選中復選框，如圖5.1.7所示。圖5.1.7 “安裝macromedia flash

7、player”對話框（8）單擊“下一步”按鈕，彈出“開始復制文件”對話框，如圖5.1.8所示。復制文件前請查看“當前設置”列表框中顯示的內容，如果設置錯誤，單擊“上一步”按鈕在相應的對話框中進行修改。圖5.1.8 “開始復制文件”對話框（9）確認所有設置無誤后單擊“下一步”按鈕，彈出“安裝狀態”對話框，進行程序的安裝，如圖5.1.9所示。圖5.1.9 “安裝狀態”對話框（10）程序安裝完畢后，會彈出“正在復制文件”對話框，如圖5.1.10所示。圖5.1.10 “正在復制文件”對話框（11）文件復制完畢后，彈出“installshield wizard完成”對話框，單擊“完成”按鈕，完成flas

8、h mx 2004的安裝，如圖5.1.11所示。圖5.1.11 “installshield wizard完成”對話框2程序的運行安裝完畢后，選擇“開始”“所有程序”“macromedia”“macromedia flash mx2004”命令，即可啟動flash mx 2004，運行flash mx 2004的具體步驟如下：（1）選擇“macromedia flash mx2004”命令，彈出“macromedia產品注冊”對話框，如圖5.1.12所示。選中“我有一個序列號，我希望激活macromedia flash”單選按鈕，激活flash。圖5.1.12 “macromedia產品注冊”

9、對話框（2）單擊“繼續”按鈕，彈出“輸入您的序列號”對話框，在文本框中輸入從安裝盤中找到的產品序列號。（3）輸入正確的產品序列號后，注冊即可完成。單擊“繼續”按鈕，彈出“激活已完成”對話框，表明dreamweaver mx 2004已經激活成功。填寫并選擇對應的信息，單擊“注冊”按鈕；或是單擊“以后提醒我”按鈕，跳過注冊，如圖5.1.13所示。圖5.1.13 “激活已完成”對話框（4）注冊完成后，便會彈出flash mx 2004的啟動界面，如圖5.1.14所示。圖5.1.14 flash mx 2004的啟動界面（5）隨后打開flash mx 2004的程序窗口，如圖5.1.15所示。圖5.

10、1.15 flash mx 2004的程序窗口本節將對flash mx 2004的工作界面及其各種工具進行簡單地介紹。選擇“開始”“所有程序”“macromedia ”“macromedia flash mx 2004”命令，啟動flash mx 2004，選擇“文件”“新建”命令，彈出“新建文檔”對話框，打開“常規”選項卡，在“類型”列表框中選擇“flash文檔”選項，單擊“確定”按鈕，新建一個flash文檔，其工作界面如圖5.2.1所示。第二節 flash mx 2004工作界面圖5.2.1 flash mx 2004的工作界面一、標題欄一、標題欄標題欄顯示的主要有flash mx 200

11、4的程序圖標、程序名稱（如果正在編輯文檔，會顯示當前正在編輯文檔的標題和名稱）、最小化按鈕、最大化按鈕（或向下還原按鈕）和關閉按鈕，如圖5.2.2所示。圖5.2.2 標題欄單擊flash mx 2004的程序圖標或在標題欄中單擊鼠標右鍵，彈出程序菜單，如圖5.2.3所示。用戶可以選擇對flash窗口進行移動、改變大小、最大化、最小化等操作，雙擊程序圖標，可以關閉flash mx 2004。程序名稱后面顯示的是當前正在編輯的文檔的文件名稱。圖5.2.3 程序菜單二、菜單欄二、菜單欄標題欄的下方是菜單欄，由“文件”、“編輯”、“視圖”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“

12、幫助 ”10個菜單項組成，如圖5.2.4所示。這里只簡單介紹一下其各項的主要功能，具體的使用方法將在本書后面的章節中詳細介紹。圖5.2.4 菜單欄（1）文件：“文件”菜單中包括新建、打開、保存、關閉文件，導入、導出其他格式文檔等命令。利用該菜單中的命令還可以在internet explorer或flash player中預覽設計的flash。（2）編輯：“編輯”菜單中包括撤消、重做、剪切、復制、粘貼、查找、替換等命令。利用該菜單的命令還可以設置flash mx 2004的首選參數。（3）視圖：“視圖”菜單中包括場景的切換，對各種對象的放大、縮小，顯示或隱藏標尺、網格等輔助設計工具。（4）插入：

13、“插入”菜單中包括元件的創建、在時間軸中插入圖層、以及添加各種時間軸特效以及場景等工具。（7）命令：“命令”菜單中包括對已保存的命令進行管理、運行命令，從網上獲取更多命令等工具，并且在下拉菜單中列出已保存的命令。（8）控制：“控制”菜單中包括對影片的測試、調試、播放等工具，還可設置影片的循環播放、靜音等功能。（9）窗口：“窗口”菜單中包括對flash mx 2004各面板和窗口的訪問，同時還可以在各文檔之間進行切換。（10）幫助：“幫助”菜單提供了flash mx 2004的幫助資料、范例、擴展、聯機注冊以及flash技術支持中心的鏈接。提示：菜單項后面括號內的英文字母是該菜單項的快捷鍵，按住

14、alt鍵的同時，再按相應的快捷鍵，即可快速打開相應的菜單項。三、工具欄三、工具欄工具欄包括主工具欄、控制器和編輯欄。選擇“窗口”“工具欄”命令，在彈出的子菜單中選擇各項命令，即可顯示或隱藏對應的工具欄。1主工具欄選擇“窗口”“工具欄”“主工具欄”命令，打開“主工具欄”面板，如圖5.2.5所示。其中包括“新建”按鈕、“打開”按鈕、“保存”按鈕、“打印”按鈕、“剪切”按鈕、“復制”按鈕、“粘貼”按鈕、“撤消”按鈕、“重做”按鈕、“對齊對象”按鈕、“平滑”按鈕、“伸直”按鈕、“旋轉與傾斜”按鈕、“縮放”按鈕和“對齊”按鈕。圖5.2.5 “主工具欄”面板2控制器選擇“窗口”“工具欄”“控制器”命令，打

15、開“控制器”面板，如圖5.2.6所示。其中包括“停止”按鈕、“后退”按鈕、“后退一幀”按鈕、“播放”按鈕、“前進一幀”按鈕和“轉到結尾”按鈕。圖5.2.6 “控制器”面板3編輯欄選擇“窗口”“工具欄”“編輯欄”命令，便會在窗口中出現編輯欄，如圖5.2.7所示。其中包括“向上”按鈕、“編輯場景”按鈕、“編輯元件”按鈕和“顯示比例”下拉列表框。圖5.2.7 編輯欄四、工具箱四、工具箱工具箱集成了一套完整的繪圖工具，通常固定在窗口的左側，用戶可以使用工具箱中的工具對圖像或選定區域進行操作，如圖5.2.8所示。圖5.2.8 工具箱（1）：選擇工具。在工作區中以矩形框選擇或移動一個或多個對象。（2）：部

16、分選取工具。移動或編輯單個的錨點或切線，移動單個對象。（3）：線條工具。繪制直線對象。（4）：套索工具。選擇對象的一部分，其選擇區域可以是不規則的。（5）：鋼筆工具。與直線工具相比，鋼筆工具能夠繪制更復雜、精確的曲線。（6）：文本工具。插入文本對象。（7）：橢圓工具。繪制內部帶有填充色塊的橢圓。（8）：矩形工具。繪制矩形或橢矩形對象（單擊此按鈕右下角的小三角可以彈出多角星形工具）。（9）：鉛筆工具。繪制任意線條和圖形。（10）：刷子工具。繪制像刷子一樣刷出來的線條和填充閉合的區域。（11）：任意變形工具。任意調整線條、圖形或文本框等對象。（12）：填充變形工具。可以調整漸變色、填充物的尺寸、角

17、度和中心點。（13）：墨水瓶工具。可以改變對象輪廓線的顏色、類型、粗細等。（14）：顏料桶工具。用于填充顏色、漸變色及位圖等對象的封閉區域。（15）：滴管工具。可以從各種對象中獲得顏色信息。 （16）：橡皮擦工具。擦除鼠標經過的區域內的內容。（17）：手形工具。拖動工作區中的圖像。（18）：縮放工具。可以放大或縮小視圖大小。（19）：筆觸顏色。設定畫筆的顏色。（20）：填充色。設定填充的顏色。（21）：對齊對象。能夠使對象對齊。（22）：平滑。柔化選定對象的邊界。（23）：伸直。銳化選定對象的邊界。五、時間軸面板五、時間軸面板時間軸用于組織和控制文檔內容在一定時間內播放的層數和幀數。flash

18、文檔將時長分為幀，而層就像堆疊在一起的多張幻燈膠片一樣，每個層都包含一個顯示在舞臺中不同的圖像，如圖5.2.9所示。文檔中的層列在時間軸左側的列中，每個層中包含的幀顯示在該層名右側的一行中，時間軸頂部的時間軸標題指示幀編號，播放頭指示在舞臺中當前顯示的幀。用戶可以更改在時間軸中幀的顯示方式，也可以在時間軸中顯示幀內容的縮略圖。時間軸顯示文檔中哪些地方有動畫，包括逐幀動畫、補間動畫、運動路徑等。注意：在播放動畫時，將顯示實際的幀頻；如果計算機不能足夠快地顯示動畫，則該幀頻可能與文檔的幀頻不一致。 圖5.2.9 “時間軸”面板六、屬性面板六、屬性面板屬性面板也叫屬性檢查器，是控制flash元素屬性

19、的面板，如圖5.2.10所示。在其中可以更改和設置許多常用的屬性，同時也可以做出一些效果和設計。圖5.2.10 屬性面板（1）單擊圖5.2.10中屬性面板右下角的折疊按鈕，可以折疊屬性面板，使之僅顯示最常用的屬性，如圖5.2.11所示。此時，折疊按鈕會相應地變成。圖5.2.11 屬性面板（2）屬性面板上的內容會根據選中元素的不同而發生相應的改變。例如，選中工具箱中“直線工具”和“文本工具”時屬性面板是完全不一樣的，如圖5.2.12和圖5.2.13所示。圖5.2.12 選中“直線工具”時的屬性面板提示：在屬性面板中所做的大部分修改會立刻顯示在編輯區中，但是對于某些屬性的修改，則要在屬性編輯文本區

20、域之外單擊或按回車鍵或tab鍵才會使更改有效。圖5.2.13 選中“文本工具”時的屬性面板七、面板組七、面板組與dreamweaver mx 2004類似，面板是一個工具集合的控制框架，如果要將面板從面板組中拖離，可以將鼠標指向面板左上角處，此時鼠標光標變成形狀，按住鼠標左鍵，拖動鼠標至編輯區松開鼠標左鍵即可，如圖5.2.14所示。圖5.2.14 將面板從面板組中拖離在面板中進行操作時，對文檔的改變也會相應地顯示在編輯區中。它可以將各種浮動窗口、面板組合成為選項卡的形式，節省屏幕空間，如圖5.2.15所示。單擊面板名稱前的按鈕，可展開該面板進行編輯，此時按鈕會相應地變成。圖5.2.15 面板組

21、在使用面板時，可以單擊“窗口”菜單，在彈出的下拉菜單中選擇相應的命令以顯示或隱藏各個面板，如圖5.2.16所示。若想查看動畫設計的整體效果，可按f4鍵隱藏全部面板，再次按f4鍵時，可以顯示全部面板。圖5.2.16 “窗口”下拉菜單八、舞臺和工作區八、舞臺和工作區flash mx 2004的工作區由以下幾部分組成：一個可在上面放置媒體內容的舞臺、一個用于控制應用程序功能的包含菜單和命令的主工具欄、面板組和一個用于組織和修改媒體資源“屬性”面板，以及一個用于創建和修改矢量圖形內容包含工具的工具欄，如圖5.2.17所示。這里將詳細講述舞臺的一些操作及相關工具的使用方法。圖5.2.17 flash m

22、x 2004的舞臺1移動舞臺視圖將舞臺放大后可能無法看到整個舞臺。使用“手形工具”按鈕可以移動舞臺，從而不必更改縮放比率即可更改視圖。移動舞臺的操作步驟介紹如下：（1）在工具欄中單擊“手形工具”按鈕。（2）拖動舞臺至合適位置。提示：按住空格鍵并在工具欄中單擊其他工具，可臨時在手形工具和其他工具之間切換。2標尺flash mx 2004可以設置在工作區中顯示標尺，使用它可以比較容易控制舞臺中各個對象的位置。用戶可以根據需要改變標尺的度量單位。在制作動畫的過程中，讀者可以通過標尺了解各個對象在舞臺中的位置。如果要在工作區中顯示標尺，可選擇“視圖”“標尺”命令。3網格如果用戶覺得在繪圖中標尺還不足以

23、精確定位，可以設置在舞臺中顯示灰色網格協助繪圖，如圖5.2.18所示。圖5.2.18 顯示網格后的舞臺效果如果要在工作區中顯示網格，可選擇“視圖”“網格”“顯示網格”命令。如果要設置網格可選擇“視圖”“網格”“編輯網格”命令，彈出對話框，如圖5.2.19所示。可以設置網格的顏色、是否顯示網格、使對象對齊網格、網格的橫縱間距以及對齊精確度等信息，單擊“保存默認值”按鈕可將所做更改設定為默認值，在以后使用flash mx 2004時，自動載入默認值。圖5.2.19 “網格”對話框 提示：只有在選中“對齊網格”復選框時，才能利用網格進行對齊。 4設置舞臺顏色舞臺的默認顏色為白色，在最終動畫中沒有任何

24、對象覆蓋的區域都能夠看到該背景。改變舞臺背景的操作步驟如下：（1）選擇“修改”“文檔”命令，彈出“文檔屬性”對話框，如圖5.2.20所示。（2）單擊“背景顏色”顏色板，打開顏色選擇面板，如圖5.2.21所示。（3）單擊所要使用的顏色，然后單擊“確定”按鈕，即可更改舞臺的背景顏色。圖5.2.20 “文檔屬性”對話框 圖5.2.21 顏色選擇面板本例制作一個自右向左移動并逐漸消失的文本，效果如圖5.3.1所示。第三節 應用實例圖5.3.1 效果圖具體操作步驟如下：（1）選擇“文件”“新建”命令，彈出“新建文檔”對話框，如圖5.3.2所示。在“類型”列表框中選擇“flash文檔”選項，單擊“確定”按鈕。圖5.3.2 “新建文檔”對話框（2）選擇“修改”“文檔”命令，彈出“文檔屬性”對話框，設置其參數，如圖5.3.3所示，單擊“確定”按鈕。圖5.3.3 “文檔屬性”對話框（3）選擇“插入”