《新編多媒體課件制作培訓教程》課件第5章

第5章

用FlashCS3制作網(wǎng)絡多媒體課件教學目標：本章對如何使用AdobeFlashCS3進行文本操作、動畫制作以及使用AdobeFlashCS3制作網(wǎng)絡多媒體課件等進行了較為詳細的講解。通過本章的學習，使讀者了解AdobeFlashCS3制作動畫、多媒體課件控制的一些常用功能，使讀者能夠掌握并利用AdobeFlashCS3制作網(wǎng)絡多媒體課件。本章要點：

AdobeFlashCS3的工作環(huán)境 AdobeFlashCS3文本工具 AdobeFlashCS3動畫制作 AdobeFlashCS3多媒體課件的控制 AdobeFlashCS3打包與發(fā)布5.1AdobeFlashCS3的工作環(huán)境5.2AdobeFlashCS3文本工具5.3AdobeFlashCS3動畫制作5.4AdobeFlashCS3多媒體課件的控制5.5AdobeFlashCS3打包與發(fā)布第5章

用FlashCS3制作網(wǎng)絡多媒體課件5.1.1AdobeFlashCS3的安裝與啟動5.1.2AdobeFlashCS3的工作流程和工作區(qū)

5.1AdobeFlashCS3的工作環(huán)境5.1.1AdobeFlashCS3的安裝與啟動在介紹AdobeFlashCS3的安裝與啟動之前，首先了解一下AdobeFlashCS3對系統(tǒng)的要求。推薦使用的電腦配置如下(比推薦配置越高越有利于軟件的運行)。5.1.1AdobeFlashCS3的安裝與啟動操作系統(tǒng)——Windows98/ME/2000/XP。CPU——PentiumII500MHz以上。內存——256MB以上。硬盤——800MB以上剩余空間。視頻顯示——SuperVGA(1024×768)或者更高分辨率。光驅——16倍速以上。5.1.1AdobeFlashCS3的安裝與啟動1.AdobeFlashCS3的安裝在安裝之前，必須卸載其他版本的Flash，否則無法安裝該軟件。為了保證安裝程序的運行速度，在安裝過程中系統(tǒng)希望關閉其他Windows應用程序。具體操作步驟如下。(1)將安裝光盤放入光驅中，自動運行后彈出安裝窗口，如果沒有自動運行，在安裝程序文件夾中雙擊安裝程序“setup.exe”。5.1.1AdobeFlashCS3的安裝與啟動(2)彈出【安裝向導】對話框，如圖5-1所示，單擊【下一步】按鈕。圖5-1【安裝向導】對話框5.1.1AdobeFlashCS3的安裝與啟動(3)彈出【選擇目標位置】對話框，系統(tǒng)默認的存放位置是C:\ProgramFiles\Adobe\Flashcs3。如果需要更改，單擊【瀏覽】按鈕選擇其他文件夾即可；如果不需要更改，接著單擊【下一步】按鈕，如圖5-2所示。圖5-2【選擇目標位置】對話框5.1.1AdobeFlashCS3的安裝與啟動(4)彈出【準備安裝】對話框，單擊【安裝】按鈕，將進入安裝狀態(tài)(如果需要對前面的設置進行修改，單擊【上一步】按鈕，進行修改)，如圖5-3所示。圖5-3【準備安裝】對話框5.1.1AdobeFlashCS3的安裝與啟動(5)彈出【正在安裝】對話框，進入安裝狀態(tài)，需要耐心等待幾分鐘，如圖5-4所示。圖5-4【正在安裝】對話框

5.1.1AdobeFlashCS3的安裝與啟動(6)安裝完成后，彈出【安裝向導完成】對話框，如圖5-5所示，單擊【完成】按鈕，結束安裝。圖5-5【安裝向導完成】對話框5.1.1AdobeFlashCS3的安裝與啟動2.AdobeFlashCS3的啟動安裝AdobeFlashCS3中文版后，就會在桌面和開始菜單程序項中自動生成啟動快捷方式，【開始】菜單快捷方式如圖5-6所示。圖5-6【開始】菜單快捷方式

5.1.1AdobeFlashCS3的安裝與啟動在啟動AdobeFlashCS3軟件的過程中，在AdobeFlashCS3彩色圖標下面的一些文字在閃動，這是AdobeFlashCS3在啟動過程中搜索文件夾和安裝一些濾鏡程序、顏色選擇表和配置的信息5.1.2AdobeFlashCS3的工作流程和工作區(qū)要構建Flash應用程序，通常需要執(zhí)行下列基本步驟。(1)計劃應用程序——確定應用程序要執(zhí)行哪些基本任務，如【新建】、【從模板創(chuàng)建】等。(2)添加媒體元素——創(chuàng)建并導入媒體元素，如圖像、視頻、聲音、文本等。(3)排列元素——在舞臺和時間軸中排列媒體元素，以定義它們在應用程序中顯示的時間和顯示方式。(4)應用特殊效果——根據(jù)需要應用圖形濾鏡(如模糊、發(fā)光和斜角)、混合和其他特殊效果。(5)使用ActionScript控制行為——編寫ActionScript代碼以控制媒體元素的行為方式，包括這些元素對用戶交互的響應方式。(6)測試并發(fā)布應用程序——進行測試以驗證應用程序是否按預期工作，查找并修復所遇到的錯誤。在整個創(chuàng)建過程中應不斷測試應用程序。將FLA文件發(fā)布為可在網(wǎng)頁中顯示并可使用FlashPlayer回放的SWF文件。5.1.2AdobeFlashCS3的工作流程和工作區(qū)2.Flash工作區(qū)概述要構建Flash應用程序，通常需要執(zhí)行下列基本步驟?？梢允褂酶鞣N元素(如面板、欄以及窗口)來創(chuàng)建和處理文檔和文件，這些元素的任何排列方式稱為工作區(qū)。首次啟動AdobeCreativeSuite組件時，會看到Flash的默認工作區(qū)，如圖5-7所示，可以針對在其中執(zhí)行的任務對其進行自定。例如，可以創(chuàng)建一個用于編輯的工作區(qū)以及另一個用于查看的工作區(qū)，存儲這兩個工作區(qū)，并在工作時在它們之間進行切換。5.1.2AdobeFlashCS3的工作流程和工作區(qū)圖5-7Flash的默認工作區(qū)5.1.2AdobeFlashCS3的工作流程和工作區(qū)Flash、Illustrator、InCopy、InDesign和Photoshop中的默認工作區(qū)各不相同，但在這些應用程序中處理元素的方式大體相同。下面對Flash的默認工作區(qū)做以下介紹。

菜單欄——用于組織菜單下面的命令?！竟ぞ呦洹棵姘濉糜趧?chuàng)建和編輯圖像、圖稿、頁面元素等的工具。相關工具將編為一組?！緦傩浴棵姘濉@示當前所選工具的屬性?！疚枧_】窗口——顯示正在使用與編輯的文件?！緯r間軸】面板——用于定義各種元素在應用程序中顯示的時間和顯示方式。其他面板——可幫助用戶監(jiān)視和修改他們的工作。默認情況下，將顯示某些面板，但是，可以通過從【窗口】菜單中選擇命令來添加面板。5.2.1靜態(tài)文本的創(chuàng)建5.2.2動態(tài)文本的設定5.2.3輸入文本的使用5.2AdobeFlashCS3的文本工具5.2.1靜態(tài)文本的創(chuàng)建創(chuàng)建靜態(tài)文本的操作步驟如下。(1)在菜單欄中選擇【文件】→【打開】命令，彈出【打開】對話框，如圖5-8所示。選中素材圖片(WebDemo\ch5\紅星物業(yè).jpg)，單擊【打開】按鈕。打開的素材圖片如圖5-9所示。圖5-8【打開】對話框

5.2.1靜態(tài)文本的創(chuàng)建(2)在【工具箱】面板中單擊【文本工具】按鈕。(3)在菜單欄中選擇【窗口】→【屬性】→【屬性】命令，打開【文本工具】的【屬性】面板。在【文本類型】下拉列表框中選擇【靜態(tài)文本】選項，在【字體】下拉列表框中選擇【華文楷體】選項，【字體大小】設為“14”，【文本顏色】設為“#000000”(即黑色)，如圖5-10所示。圖5-10【文本工具】的【屬性】面板

5.2.1靜態(tài)文本的創(chuàng)建(4)移動鼠標至舞臺右上側，當鼠標指針變?yōu)樾螤顣r，單擊確定文字的插入點，然后輸入文字“慧眼識英雄”，如圖5-11所示。將鼠標移到其他區(qū)域單擊確定。圖5-11輸入文字1

5.2.1靜態(tài)文本的創(chuàng)建(5)在【工具箱】面板中單擊【文本工具】按鈕，在圖像的右下方單擊確定文字的插入點。在【屬性】面板中對其參數(shù)進行修改。設置【字體】為“微軟雅黑”，【字體大小】為“10”，【文本顏色】為“#000000”(黑色)，并單擊【切換粗體】按鈕加粗字體。單擊【改變文本方向】按鈕并選擇【垂直，從左向右】，再單擊【頂對齊】按鈕確定文字對齊方式。如圖5-12所示更改【文本】工具的屬性。圖5-12更改【文本工具】的屬性5.2.1靜態(tài)文本的創(chuàng)建(6)輸入文字“誠信進取務實”，如圖5-13所示。圖5-13輸入文字2

5.2.1靜態(tài)文本的創(chuàng)建(7)單擊【文本工具】按鈕，在第一次輸入的“慧眼識英雄”上單擊，然后選中文字“識”，如圖5-14所示(文字的選擇可參考下面的“選擇文本”的相關內容)。圖5-14選擇文字

5.2.1靜態(tài)文本的創(chuàng)建(8)在【屬性】面板中將【字體大小】改為“20”，【字體顏色】改為“#990000”，然后在其他區(qū)域單擊鼠標確定，如圖5-15所示。圖5-15修改文字“識”

5.2.1靜態(tài)文本的創(chuàng)建(9)依照步驟(8)的操作，將文字“眼”和“英”的【字體大小】改為“17”，如圖5-16所示圖5-16修改文字“眼”和“英”

5.2.1靜態(tài)文本的創(chuàng)建(10)再次更改【文本工具】的屬性參數(shù)，如圖5-17所示。圖5-17設置【文本工具】的【屬性】參數(shù)

5.2.1靜態(tài)文本的創(chuàng)建(11)在圖像的左側單擊鼠標，確定輸入點。然后輸入文字“最佳位置最重視點最廣覆蓋最低價格最佳選擇”。每輸入完四個字按一下<Enter>鍵，最后完成的文字輸入效果如圖5-18所示。圖5-18最后完成的文字輸入效果

5.2.2動態(tài)文本的設定動態(tài)文本是一種交互式的文本對象，文本會根據(jù)文本服務器的輸入不斷更新(如天氣預報等)，用戶隨時可以更新動態(tài)文本中的信息(1)在菜單欄中選擇【文件】→【打開】命令，彈出【打開】對話框，選中素材圖片(WebDemo\ch5\農(nóng)民工.jpg)，單擊【打開】按鈕。打開的素材圖片如圖5-26所示。圖5-26打開素材圖片

5.2.2動態(tài)文本的設定(2)在【工具箱】面板中單擊【文本工具】按鈕，然后在【屬性】面板中更改其參數(shù)，在【文本類型】下拉列表框中選擇【動態(tài)文本】選項，如圖5-27所示。圖5-27修改【文本工具】的【屬性】參數(shù)5.2.2動態(tài)文本的設定(3)移動鼠標至舞臺，然后拖曳出一個文本框，如圖5-28所示。圖5-28拖曳出一個文本框5.2.2動態(tài)文本的設定(4)在文本框中輸入文字“中國農(nóng)民工”，如圖5-29所示。圖5-29輸入文字

5.2.2動態(tài)文本的設定(5)在【屬性】面板的【實例名稱】文本框中輸入“text”，如圖5-30所示。圖5-30輸入【實例名稱】

5.2.2動態(tài)文本的設定(6)在【時間軸】面板中選擇圖層1的第1幀并右擊，在彈出的右鍵快捷菜單中選擇【動作】命令，彈出【動作-幀】對話框，在對話框中輸入腳本“test.text="為動態(tài)文本賦值"”，如圖5-31所示。圖5-31【動作-幀】對話框5.2.2動態(tài)文本的設定(7)在菜單欄中選擇【文件】→【保存】命令，彈出【另存為】對話框，在【文件名】文本框中輸入“動態(tài)文本”，如圖5-32所示。設置完成后單擊【保存】按鈕。圖5-32【另存為】對話框

5.2.2動態(tài)文本的設定(8)在菜單欄中選擇【控制】→【測試影片】命令，測試創(chuàng)建的動態(tài)文本，效果如圖5-33所示。圖5-33測試創(chuàng)建的動態(tài)文本

5.2.3輸入文本的使用

輸入文本用于創(chuàng)建影片或網(wǎng)頁中可以輸入文字的文本框，例如，創(chuàng)建輸入密碼、用戶名等。輸入文本的操作步驟如下。(1)在菜單欄中選擇【文件】→【新建】命令，新建一個Flash文檔，并在【屬性】面板中，將【大小】設為“200×120”像素，【背景】設為“#8CE8F2”。(2)在【工具箱】面板中單擊【文本工具】按鈕，并在【屬性】面板中選擇【字體】為“華文魏碑”、【字體大小】為“20”、【文本顏色】為“#000000”(黑色)。然后在舞臺中單擊鼠標并輸入文字“用戶名”，如圖5-40所示。圖5-40輸入文字“用戶名”

5.2.3輸入文本的使用(3)參照步驟(2)，在文字“用戶名”的下方輸入文本“密碼”，如圖5-41所示。圖5-41輸入文字“密碼”

5.2.3輸入文本的使用(4)單擊【矩形工具】按鈕，在【屬性】面板中對其進行設置，如圖5-42所示。圖5-42【矩形工具】的【屬性】面板5.2.3輸入文本的使用(5)下面創(chuàng)建兩個矩形框，如圖5-43所示。圖5-43創(chuàng)建矩形框

5.2.3輸入文本的使用(6)單擊【文本工具】按鈕，然后對【屬性】面板進行修改，選擇【文本類型】為“輸入文本”、選擇【字體】為“華文楷體”，設置【字體大小】為“18”，選擇【線條類型】為“單行”等，如圖5-44所示。圖5-44修改【文本工具】的屬性參數(shù)

5.2.3輸入文本的使用(7)分別將文本框與矩形框重合，在“用戶名”后邊的文本框中單擊鼠標，輸入文字“春夏秋冬”，如圖5-45所示。(8)在“密碼”后邊的文本框中單擊鼠標，并在【屬性】面板的【線條類型】下拉列表框中選擇【密碼】選項，然后輸入文字“123456”，如圖5-46所示。圖5-45輸入文字“春夏秋冬”圖5-46輸入文字“123456”5.2.3輸入文本的使用(9)在菜單欄中選擇【控制】→【測試影片】命令，測試影片效果，可以看到“密碼”框中的文字自動變成了“******”，如圖5-47所示。圖5-47測試影片效果

5.3.1創(chuàng)建逐幀動畫5.3.2創(chuàng)建補間動畫5.3.3創(chuàng)建遮罩動畫5.3.4創(chuàng)建運動引導層動畫5.3.5創(chuàng)建時間軸特效動畫5.3AdobeFlashCS3動畫制作5.3.1創(chuàng)建逐幀動畫(1)在菜單欄中選擇【文件】→【新建】命令，新建一個【大小】為“550×400像素”，【背景】為“黑色”的空白Flash文檔。(2)在菜單欄中選擇【文件】→【導入】→【導入到舞臺】命令，導入一幅素材圖片，如圖5-52所示。所用素材及源文件見“WebDemo\ch5\正方形面積公式”。(3)在菜單欄中選擇【插入】→【新建元件】命令，彈出【創(chuàng)建新元件】對話框，在【名稱】文本框中輸入“元件1”，點選【圖形】單選鈕，單擊【確定】按鈕.(4)在【工具箱】面板中單擊【文本工具】按鈕，并在其【屬性】面板的【文本類型】下拉列表框中選擇【動態(tài)文本】選項，設置【字體】為“楷體”、【字體大小】為“28”、【文本顏色】為“#333333”，并單擊【切換粗體】按鈕。然后在舞臺中單擊鼠標輸入文字.(5)在工作區(qū)左上方單擊【場景1】，回到舞臺，繼續(xù)創(chuàng)建逐幀動畫。(6)單擊【時間軸】面板左下方的【插入圖層】按鈕，插入【圖層2】，并選中【圖層2】的第一幀.(7)在【工具箱】面板中單擊【選擇工具】按鈕，打開【庫】面板，將我們剛才制作的文本“元件1”拖拽到舞臺5.3.1創(chuàng)建逐幀動畫(8)選中【圖層1】的第30幀，在菜單欄中選擇【插入】→【時間軸】→【幀】命令(或按<F5>鍵)插入幀。選中【圖層2】的第15幀，在菜單欄中選擇【插入】→【時間軸】→【關鍵幀】命令(或按<F6>鍵)插入關鍵幀.(9)選中【圖層2】的第1幀，然后單擊【選擇工具】按鈕，并在舞臺上單擊“元件1”，在其【屬性】面板的【顏色】下拉列表框中選擇【Alpha】選項，并在其后面的文本框中輸入“20%”。(10)右擊【圖層2】的第1幀，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命令，然后在第30幀處按<F5>鍵插入幀.(11)在【時間軸】面板中單擊【插入圖層】按鈕，插入【圖層3】，在第16幀處單擊鼠標，按<F6>鍵插入關鍵幀.(12)在【工具箱】面板中單擊【矩形工具】按鈕，然后在其【屬性】面板中對【矩形工具】的參數(shù)進行修改.(13)回到舞臺，按住<Shift>鍵，用鼠標拖拽出一個正方形.(14)在【工具箱】面板中單擊【選擇工具】按鈕，然后選擇正方形的一個邊.5.3.1創(chuàng)建逐幀動畫

(15)在菜單欄中選擇【修改】→【轉換為元件】命令，彈出【轉換為元件】對話框.(16)在【圖層3】的第18幀處按<F6>鍵插入關鍵幀，并在【屬性】面板中對“元件2”的屬性參數(shù)進行修改.(17)這時會發(fā)現(xiàn)舞臺中的正方形左邊的垂直線顏色發(fā)生了變化.(18)接下來分別在【圖層3】的第20、22、24、26幀處按<F6>鍵插入關鍵幀，并分別在每一個關鍵幀處對“元件2”的顏色在【屬性】面板中進行修改形成逐幀動畫.(19)分別在每一層的第45幀處按<F5>鍵插入幀。(20)參照步驟(14)～(18)的操作，制作正方形“長”的逐幀動畫.(21)在【圖層2】的上方插入【圖層4】，然后分別將每一層的幀數(shù)延長到60幀。(22)在【工具箱】面板中單擊【矩形工具】按鈕，并在【屬性】面板中對其屬性進行修改.(23)在【圖層4】的第42幀處按<F6>鍵插入關鍵幀，然后使用【矩形工具】依照剛才所繪制的正方形，創(chuàng)建一個四周像素不超出正方形的圖形.5.3.1創(chuàng)建逐幀動畫(24)參照步驟(14)～(18)，為剛剛所創(chuàng)建的圖形制作逐幀動畫圖5-71創(chuàng)建逐幀動畫

5.3.2創(chuàng)建補間動畫(1)在菜單欄中選擇【文件】→【新建】命令，新建一個“360×350”像素的空白Flash文檔。(2)在菜單欄中選擇【文件】→【導入】→【導入到舞臺】命令，導入一幅素材圖片，如圖5-72所示。所用素材及源文件見“WebDemo\ch5\運動補間動畫”。圖5-72導入素材圖像

5.3.2創(chuàng)建補間動畫(3)在菜單欄中選擇【插入】→【新建元件】命令，彈出【創(chuàng)建新元件】對話框，點選【圖形】單選鈕，然后單擊【確定】按鈕。(4)單擊【工具箱】面板中的【線條工具】按鈕和【顏料桶工具】按鈕，繪制如圖5-73所示的圖形。(5)選中圖形，右擊，在彈出的右鍵快鍵菜單中選擇【復制】命令，然后再按<Ctrl>+<V>組合鍵粘貼圖形。在【工具箱】面板中單擊【任意變形工具】按鈕，對其進行旋轉。完成的復制圖形如圖5-74所示。(6)參照步驟(5)，多次復制、旋轉，制作成一個簡筆畫“花”的形狀，如圖5-75所示。圖5-73繪制圖形圖5-74復制圖形圖5-75創(chuàng)建“花”的形狀5.3.2創(chuàng)建補間動畫(7)回到【場景1】，在【時間軸】面板上插入【圖層2】并將兩個圖層的幀延長到第70幀，如圖5-76所示。圖5-76【時間軸】面板

5.3.2創(chuàng)建補間動畫(8)打開【庫】面板，將“元件1”拖拽到【圖層2】的第1幀處，如圖5-77所示。(9)在【圖層2】的第60幀處插入關鍵幀，然后回到第1幀。單擊【任意變形工具】按鈕對其進行縮小，并將其移動到左下方位置，如圖5-78所示。圖5-77將“元件1”拖拽到舞臺中圖5-78縮小并移動圖形5.3.2創(chuàng)建補間動畫(10)打開【屬性】面板，在【補間】下拉列表框中選擇【動畫】選項；在【旋轉】下拉列表框中選擇【順時針】選項，并在其后的文本框中輸入“3”，如圖5-79所示。圖5-79對【屬性】面板進行設置

5.3.2創(chuàng)建補間動畫(11)運動補間動畫制作完成，可以通過在菜單欄中選擇【控制】→【測試影片】命令，測試動畫效果，如圖5-80所示。

(1)

(2)

(3)圖5-80動畫效果

5.3.3創(chuàng)建遮罩動畫

(1)在菜單欄中選擇【文件】→【新建】命令，新建一個“400×300”像素的空白Flash文檔。然后導入素材圖片，如圖5-88所示。所用素材及源文件見(WebDemo\ch5\遮罩動畫)。(2)選中圖片，在菜單欄中選擇【修改】→【轉換為元件】命令，彈出【轉換為元件】對話框，點選【圖形】單選鈕，然后單擊【確定】按鈕。(3)打開【時間軸】面板，在第60幀處插入關鍵幀。然后在【工具箱】面板中單擊【任意變形工具】按鈕，對圖片進行放大，如圖5-89所示，使其超出畫布的大小。5.3.3創(chuàng)建遮罩動畫圖5-88導入素材圖片圖5-89放大圖片5.3.3創(chuàng)建遮罩動畫(4)回到【圖層1】的第1幀，右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命令，系統(tǒng)會自動形成圖像由大到小的動畫效果，如圖5-90所示。(5)在【圖層1】上方插入【圖層2】，單擊【矩形工具】按鈕，繪制和畫布大小相當?shù)膱D形(這個圖形用于遮罩導入的圖片，它的大小將直接影響被遮罩圖像的顯示范圍)，如圖5-91所示。圖5-90創(chuàng)建補間動畫圖5-91創(chuàng)建遮圖像

5.3.3創(chuàng)建遮罩動畫(6)在【圖層2】上右擊，在彈出的右鍵快捷菜單中選擇【遮罩層】命令，這樣遮罩動畫制作完成?！緯r間軸】面板如圖5-92所示。圖5-2【時間軸】面板

5.3.3創(chuàng)建遮罩動畫(7)按<Ctrl>+<Enter>組合鍵，進行影片測試。測試的畫面效果如圖5-93所示。

圖5-93試的動畫效果5.3.4創(chuàng)建運動引導層動畫(1)按<Ctrl>+<N>組合鍵，新建一個空白的Flash文檔。(2)按<Ctrl>+<J>組合鍵，彈出【文檔屬性】對話框，對其屬性進行修改，如圖5-103所示。然后單擊【確定】按鈕。圖5-103修后的【文檔屬性】對話框

5.3.4創(chuàng)建運動引導層動畫(3)按<Ctrl>+<R>組合鍵，彈出【導入】對話框，選擇名為“路標.png”的圖片文件，單擊【打開】按鈕，導入的圖片如圖5-104所示。所用素材及源文件見“WebDemo\ch5\引導層動畫”。(4)在【時間軸】面板插入【圖層2】，并將兩個圖層的第70幀處插入幀。(5)再次導入圖片“蟲子.png”，并按<F8>鍵，彈出【轉換為元件】對話框，將其轉換為圖形元件，如圖5-105所示。圖5-104導入圖片圖5-105轉換為元件5.3.4創(chuàng)建運動引導層動畫(6)右擊【圖層2】，在彈出的右鍵快捷菜單中選擇【添加引導層】命令，創(chuàng)建一個運動引導層。此時，【圖層2】將自動成為被引導層，如圖5-106所示。5-106創(chuàng)建引導層

5.3.4創(chuàng)建運動引導層動畫(7)選擇【引導層】的第1幀，單擊【工具箱】面板中的【鋼筆工具】按鈕，在舞臺中繪制一條曲線，作為引導路徑，如圖5-107所示。圖5-107創(chuàng)引導路徑

5.3.4創(chuàng)建運動引導層動畫(8)單擊【選擇工具】按鈕，并單擊選項區(qū)中的【貼緊至對象】按鈕，將鼠標指針移動到“蟲子”的中心位置，拖拽鼠標將“蟲子”圖形移至繪制曲線的下方起點處，并將其捕捉至曲線的起點上，如圖5-108所示。這就是“蟲子”開始運動的位置。圖5108設置“蟲子”的開始運動位置

5.3.4創(chuàng)建運動引導層動畫(9)在【圖層2】的第70幀處按<F6>鍵插入關鍵幀，然后依照步驟(8)將“蟲子”拖拽到曲線的終點處，這是“蟲子”的結束運動位置。(10)單擊【任意變形工具】按鈕，對遠處的“蟲子”進行縮小，如圖5-109所示。圖-109對圖形進行縮小

5.3.4創(chuàng)建運動引導層動畫(11)在【圖層2】的第1幀至第70幀之間的任意一幀處右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間形狀】命令。(12)按<Enter>鍵，可以觀察“蟲子”沿著引導層路徑進行運動。5.3.5創(chuàng)建時間軸特效動畫(1)在菜單欄中選擇【文件】→【打開】命令，打開一幅素材圖片，如圖5-110所示。所用素材及源文件見(WebDemo\ch5\時間軸特效動畫)。(2)在【工具箱】面板中單擊【選擇工具】按鈕，然后選中打開的圖片。(3)在菜單欄中選擇【插入】→【時間軸特效】→【效果】→【模糊】命令，彈出【模糊】對話框，如圖5-111所示。在對話框中更改特效的參數(shù)，然后單擊【確定】按鈕。5.3.5創(chuàng)建時間軸特效動畫(4)此時，【時間軸】面板中的圖層已經(jīng)被修改，如圖5-112所示。圖5-110開的素材圖片圖5-111【模糊】話框圖5-112【時間軸】面板5.4.1控制動畫播放、停止與轉場

5.4.2控制鏈接5.4AdobeFlashCS3多媒體課件的控制5.4.1控制動畫播放、停止與轉場play命令是一個播放命令，用于控制時間軸上指針的播放。運行后，開始在當前的時間軸上連續(xù)顯示場景中每一幀的內容。該語句比較簡單，不需要任何參數(shù)的選擇，一般與stop命令和goto命令配合使用。單擊【動作】面板上的【將新項目添加到腳本】按鈕，然后在彈出的下拉菜單中選擇【全局函數(shù)】→【時間軸控制】→【play】命令，這樣play命令便添加到了腳本中，如圖5-113所示。圖5-113play命令添加到腳本中

5.4.1控制動畫播放、停止與轉場stop命令用于停止播放影片。如果沒有說明，影片開始后將播放時間軸中的每一幀?？梢酝ㄟ^這個“停止”命令按照特定的間隔停止影片的播放也可以借助按鈕來實現(xiàn)停止影片的播放。通過下面的實例并結合play命令對其進行講解。圖-114輸入腳本語句

5.4.1控制動畫播放、停止與轉場goto命令是一個跳轉命令，主要用于控制動畫的跳轉，更好的實現(xiàn)多媒體課件的交互性。根據(jù)跳轉后的執(zhí)行命令可以分為gotoAndStop和gotoAndPlay兩種。goto命令所包含的選項(如圖5-115所示)含義說明如下。圖5-115goto命令所包含的選項

5.4.1控制動畫播放、停止與轉場getURL命令用于建立Web頁面鏈接，此命令不但可以完成超文本鏈接，而且可以鏈接HTTP地址、CGI腳本和其他flash影片內容。在【動作-幀】面板中選擇【瀏覽器/網(wǎng)絡】→【getURL】命令，彈出其對話框?？梢愿鶕?jù)需要進行設置，getURL命令所包含的選項如圖5-116所示。5-116getURL命令所包含的選項

5.4.2控制鏈接

在多媒體課件中，經(jīng)常會通過鏈接的方式來實現(xiàn)網(wǎng)絡教學的方便性、交互性，能夠讓用戶通過簡單地操作來滿足更多的學習要求。在Flash中，使用getURL動作命令可以從指定的URL載入指定的文檔到指定的窗口中或者將URL傳送變量到另一個程序中。5.5.1打包SWF動畫格式5.5.2打包EXE格式5.5.3發(fā)布Web格式

5.5AdobeFlashCS3打包與發(fā)布

5.5.1打包SWF動畫格式當動畫制作完成后，首先使用在菜單欄選擇【控制】→【測試影片】/【測試場景】命令，測試SWF文件的運行情況，然后選擇【文件】→【導出】→【導出影片】命令，在彈出的【導出影片】對話框中選擇保存的路徑和SWF格式，單擊【保存】按鈕后，彈出【導出FlashPlayer】對話框，如圖5-117所示。下面對【導出FlashPlayer】對話框中的各個選項做以下介紹。圖5-117【導出FlshPlayer】對話框5.5.2打包EXE格式

EXE格式是一種獨立運行的文件格式，它不需要附帶任何程序便可以在Wiondows中播放，并且和原SWF動畫的效果完全相同。5.5.3發(fā)布Web格式動畫影片的格式很多，F(xiàn)lash默認的發(fā)布類型包括SWF與HTML兩種。在菜單欄中選擇【文件】→【發(fā)布設置】命令，彈出【發(fā)布設置】對話框，如圖5-120所示。圖5-120發(fā)布設置】對話框

5.6上機實訓——制作唐詩《春曉》多媒體課件1.實訓目的本章介紹了使用Flash制作多媒體課件的基本方式及技巧。接下來通過實例把所講的內容再聯(lián)系起來，使讀者在運用此軟件制作多媒體課件時更加熟練，能夠更好地實現(xiàn)教學的交互性。該實例要實現(xiàn)的動畫效果如圖5-121所示。實例最終效果文件見“WebDemo\ch5\春曉。2.實訓步驟(1)按<Ctrl>+<N>組合鍵，新建一個空白的Flash文檔。(2)在菜單欄中選擇【修改】→【文檔】命令，彈出【文檔屬性】對話框中，將【尺寸】設為“800×600”像素、【幀頻】設為“12fps”，單擊【確定】按鈕。(3)在菜單欄中選擇【文件】→【導入】→【導入到庫】命令，彈出【導入到庫】對話框，選擇所需文件，然后單擊【打開】按鈕.5.6上機實訓——制作唐詩《春曉》多媒體課件(4)在菜單欄中選擇【窗口】→【庫】命令，彈出【庫】面板，依次將“作者簡介”、“學習要點”、“詩詞內容”、“詩詞含義”、“詩詞賞析”位圖圖像轉換為元件。(5)在菜單欄中選擇【插入】→【新建元件】命令，彈出【創(chuàng)建新元件】對話框，在對話框中勾選【按鈕】復選框，并在【名稱】文本框中輸入“按鈕1”。單擊【確定】按鈕，進入按鈕編輯窗口.(6)將元件“學習要點”拖拽至舞臺，然后在【時間軸】面板的【指針經(jīng)過】處單擊鼠標，并按<F6>鍵插入關鍵幀。(7)選中元件“學習要點”，在【屬性】面板的【顏色】下拉列表框中選擇【色調】選項，并將顏色修改為“#66FF99”，設置【色彩數(shù)量】為“50%”.(8)在【時間軸】面板的【點擊】處單擊鼠標，按<F6>鍵插入關鍵幀，將【屬性】面板中的【顏色】樣式設為“無”。(9)重復步驟(5)～(8)，依次將“作者簡介”、“詩詞內容”、“詩詞含義”、“詩詞賞析”元件創(chuàng)建為“按鈕2”、“按鈕3”、“按鈕4”、“按鈕5”。(10)回到場景1，單擊【選擇工具】按鈕，將“zjm”元件拖拽至舞臺中，并使其與舞臺中央對齊.5.6上機實訓——制作唐詩《春曉》多媒體課件(11)在【時間軸】面板下方單擊【插入圖層】按鈕，插入【圖層2】。然后將按鈕1拖拽至舞臺中。(12)依照步驟(11)，分別插入【圖層3】、【圖層4】、【圖層5】、【圖層6】，然后將“按鈕2”、“按鈕3”、“按鈕4”、“按鈕5”放置于相應圖層的第1幀處，如圖5-128所示。(13)在菜單欄中選擇【文件】→【導入】→【導入到庫】命令，在彈出的【導入到庫】對話框中選擇聲音“漁舟唱晚.mp3”，然后單擊【打開】按鈕。所用素材見“站點實例”(WebDemo\ch5\)中。(14)插入【圖層7】，選中第1幀，然后將“漁舟唱晚.mp3”聲音文件拖至舞臺中。在每個層的第805幀處按<F5>鍵插入幀。(15)打開【庫】面板，單擊其下方的【新建文件夾】按鈕并命名為“場景1”，然后將所有的元件拖至該文件夾中。(16)在菜單欄中選擇【插入】→【新建元件】命令，彈出【創(chuàng)建新元件】對話框，勾選【影片剪輯】復選框，在【名稱】文本框中輸入“Banner”，然后單擊【確定】按鈕。5.6上機實訓——制作唐詩《春曉》多媒體課件(18)在【庫】面板中新建文件夾，命名為“影片剪輯Banner”，然后將剛導入的圖片拖拽至該新建文件夾中。(19)依照步驟(10)～(12)分別將所導入的元件放置于每一層的第1幀處。(20)選擇【圖層1】，在第90幀處按<F5>鍵插入幀。(21)選擇【圖層2】，在第30幀處按<F6>鍵插入關鍵幀。然后單擊第1幀，單擊【任意變形工具】按鈕，按住<Shift>鍵使其等比例放大，放大至原圖的2倍左右。在第1幀處右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命令。(17)在菜單欄中選擇【文件】→【導入】→【導入到庫】命令，在彈出的【導入到庫】對話框中選擇所需文件，然后單擊【打開】按鈕。所用素材見“站點實例”(WebDemo\ch5\Banner)。5.6上機實訓——制作唐詩《春曉》多媒體課件(22)在【圖層2】上方插入【圖層8】，單擊【矩形工具】按鈕在舞臺中拖曳一個矩形。(23)在【圖層8】上右擊，在彈出的右鍵快捷菜單中選擇【遮罩層】命令。(24)在菜單欄中選擇【插入】→【新建元件】命令，彈出【創(chuàng)建新元件】對話框，勾選【圖形】復選框，設置【名稱】為“遮罩”。(25)單擊【矩形工具】按鈕，并在【顏色】面板中修改其屬性，如圖5-136所示。選擇【類型】為“線性”，前面黑色的【Alpha】的值設為“20%”。然后在舞臺中拖拽鼠標，創(chuàng)建矩形。(26)回到影片剪輯“Banner”，選中【圖層3】的第1幀不放，將其拖拽至第30幀處。(27)在【圖層3】的上方插入【圖層10】，單擊第30幀處并按<F6>鍵插入關鍵幀，將剛繪制的“遮罩”元件拖拽至舞臺。(28)在【圖層10】的第40幀處按<F6>鍵插入關鍵幀，然后回到第30幀處，單擊【任意變形工具】按鈕將其所縮小。(2