1、導(dǎo)出和發(fā)布影片第1頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三教學(xué)目標(biāo)知道Flash 影片導(dǎo)出的步驟理解Flash 影片的優(yōu)化原則理解Flash 影片的發(fā)布格式掌握Flash 影片導(dǎo)出的兩種方法掌握Flash 影片發(fā)布的基本方法了解發(fā)布Flash 影片的注意事項返回第2頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三課堂講解6.1 影片的導(dǎo)出6.2 影片的發(fā)布返回第3頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三6.1 影片的導(dǎo)出返回基本知識案例6.1測試影片 案例6.2導(dǎo)出影片第4頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三基本知識當(dāng)動畫制作完成后，

2、可將動畫文件作為其他格式的文件導(dǎo)出，供其他應(yīng)用程序使用。SWF格式是Flash 動畫最主要的導(dǎo)出格式，也是支持Flash 動畫交互功能的惟一格式。影片的導(dǎo)出不需要對圖形格式、顏色和背景音樂等進(jìn)行設(shè)置，而是直接把當(dāng)前Flash 動畫的全部內(nèi)容導(dǎo)出為Flash 支持的文件格式。Flash 文件有兩種導(dǎo)出方式：導(dǎo)出影片和導(dǎo)出圖像。影片的導(dǎo)出可分為以下三個步驟：優(yōu)化動畫文件測試動畫文件導(dǎo)出動畫文件。返回第5頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例6.1測試影片返回練習(xí)目的練習(xí)要求操作步驟案例小結(jié)注意事項與技巧 第6頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)目的了解

3、并掌握影片測試界面的組成、帶寬顯示的功能及各項目的含義 返回第7頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)要求1測試影片制作效果2帶寬設(shè)置及查看動畫下載性能返回第8頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三操作步驟（1）選擇【控制】【測試影片】菜單命令，或按【Ctrl+Enter】組合鍵，打開如圖6-1所示的影片測試界面，這個測試界面包括動畫播放窗口和帶寬特性顯示窗口兩個部分。（2）在影片測試界面中選擇【視圖】【帶寬設(shè)置】菜單命令，彈出如圖6-2所示的帶寬顯示圖，該顯示圖用來查看動畫的下載性能。（3）測試完后關(guān)閉測試窗口，返回編輯窗口。返回第9頁，共60頁，20

4、22年，5月20日，2點(diǎn)21分，星期三圖6-1 影片測試界面 返回第10頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三圖6-2 帶寬顯示圖 返回第11頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例小結(jié)1在圖6-2所示窗口左邊的窗口中包含幾個項目：“影片”用來顯示動畫的總體屬性；“設(shè)置”用來顯示當(dāng)前使用的帶寬；“狀態(tài)”顯示當(dāng)前幀號、數(shù)據(jù)大小和已載入的幀數(shù)和數(shù)據(jù)量。2在圖6-2所示窗口右邊的窗口是帶寬圖形示意，淺色和深色的方塊表示動畫的幀，方塊的大小表示該幀所需傳輸?shù)臄?shù)據(jù)量。如果方塊超出了紅線則表示該幀的數(shù)據(jù)量超出了限制，在播放時有可能在其對應(yīng)幀的位置上產(chǎn)生停頓。紅線的位置

5、可以選擇【視圖】【下載設(shè)置】菜單命令中的不同傳輸速率設(shè)定，如圖6-3所示。 也可選擇【視圖】【下載設(shè)置】【自定義】菜單命令，彈出如圖6-4所示的“自定義下載設(shè)置”對話框。返回第12頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三圖 6-3 下載速率設(shè)置 返回第13頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三圖 6-4 “自定義下載設(shè)置”對話框 返回第14頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三注意事項與技巧 1在Flash MX中有兩個用于測試作品的菜單命令 選擇【控制】【測試影片】菜單命令，是測試整個動畫作品的播放。 選擇【控制】【測試場景】菜單命令，是測

6、試當(dāng)前場景的動畫播放。2動畫的優(yōu)化是指減小文件的大小，加快動畫的下載速率。動畫優(yōu)化的方法有以下幾種：盡量減少文本中使用的字體和樣式。盡量減少逐幀動畫，而用漸變動畫代替。對動畫中所有相同的對象用同一個元件引用得到。對動畫中各元素分層管理。對動畫中的音頻，設(shè)置合理的壓縮模式和參數(shù)。建議使用MP3格式。返回第15頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例6.2導(dǎo)出影片返回練習(xí)目的練習(xí)要求操作步驟第16頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)目的掌握以SWF影片格式導(dǎo)出動畫的方法 返回第17頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)要求將影片以S

7、WF影片格式導(dǎo)出 返回第18頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三操作步驟（1）選擇【文件】【導(dǎo)出】【導(dǎo)出影片】菜單命令，打開如圖6-5所示的“導(dǎo)出影片”對話框。（2）在“保存在”下拉列表中選擇影片保存的文件夾；在“文件名”文本框中輸入影片的文件名；在“保存類型”下拉列表中選擇“Flash 影片（*.swf）”。（3）設(shè)置完成后，單擊“保存”按鈕。返回第19頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三圖 6-5 “導(dǎo)出影片”對話框返回第20頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例小結(jié)1SWF格式的文件必須安裝了Flash 播放器后才能播放。2導(dǎo)

8、出圖像的方法與案例6.2類似，選擇【文件】【導(dǎo)出】【導(dǎo)出圖像】菜單命令，打開 “導(dǎo)出圖像”對話框。該對話框的設(shè)置與“導(dǎo)出影片”對話框的設(shè)置方法相同。Flash 會把動畫中的每一幀依次導(dǎo)出為多個圖像。返回第21頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三6.2 影片的發(fā)布返回基本知識案例6.3 SWF格式發(fā)布 案例6.4HTML格式發(fā)布 案例6.5GIF格式發(fā)布 案例6.6JPEG格式發(fā)布 案例6.7 PNG格式發(fā)布 第22頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三基本知識用Flash MX制作的動畫是FLA格式的，在動畫制作完成后，需要將FLA格式的文件發(fā)布成能被Fl

9、ash MX播放器播放的SWF格式的文件用于網(wǎng)頁播放。Flash MX可以發(fā)布SWF、HTML、GIF、JPEG、PNG、Windows放映文件、Macintosh放映文件和QuickTime等多種格式的動畫文件，用戶可以根據(jù)自己的需要來定義所要發(fā)布的文件的格式。返回第23頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例6.3 SWF格式發(fā)布返回練習(xí)目的練習(xí)要求操作步驟案例小結(jié)注意事項與技巧第24頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)目的了解并掌握SWF格式發(fā)布影片的方法了解并掌握“發(fā)布設(shè)置”對話框中各項目的含義及功能 返回第25頁，共60頁，2022年，5月

10、20日，2點(diǎn)21分，星期三練習(xí)要求1利用“發(fā)布設(shè)置”對話框?qū)⒂捌碨WF格式發(fā)布。2將影片壓縮發(fā)布，JPEG品質(zhì)設(shè)為：80。返回第26頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三操作步驟（1）選擇【文件】【發(fā)布設(shè)置】菜單命令，彈出如圖6-6所示的“發(fā)布設(shè)置”對話框。（2）在該對話框中，選擇“Flash ”選項卡，彈出如圖6-7所示的對話框。（3）根據(jù)要求完成設(shè)置后，單擊“確定”按鈕，然后選擇【文件】【發(fā)布】菜單命令；或直接單擊“發(fā)布”按鈕，F(xiàn)lash MX會將動畫文件發(fā)布到源文件所在的文件夾中。返回第27頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三圖 6-6 “發(fā)布設(shè)置

11、”對話框返回第28頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三圖 6-7 設(shè)置Flash 文件格式返回第29頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例小結(jié)1在圖6-7對話框中，“版本”用于選擇所輸出的Flash 動畫的版本，如果用戶系統(tǒng)中沒有安裝高版本的插件，那么使用高版本輸出的Flash 動畫在此系統(tǒng)中不能被正常播放；如果使用低版本輸出，那么 Flash 動畫的一些新增功能無法正確運(yùn)行。因此要正確選擇版本。2“加載順序”是指當(dāng)動畫被讀入時所裝載的每一層的先后順序。3“JPEG品質(zhì)”通過調(diào)整滑條，可以設(shè)置位圖文件在Flash MX動畫中的JPEG壓縮比例和畫質(zhì)。在

12、文本框中輸入的數(shù)值越大，位圖質(zhì)量越高，文件體積也越大。4“音頻流”用于設(shè)置流式聲音，它是邊下載邊播放的聲音，它適合于播放長時間的聲音，比如背景音樂。單擊“設(shè)置”按鈕，會彈出如圖6-8所示的對話框。5“音頻事件”用于設(shè)置事件聲音，它是必須等到下載完成后才能播放的聲音，它適合于播放短時間的聲音。返回第30頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三圖6-8 “聲音設(shè)置”對話框 返回第31頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三注意事項與技巧 1SWF格式是Flash MX自身的動畫格式，它是輸出動畫的默認(rèn)格式。2圖6-7設(shè)置Flash 文件格式對話框中的“選項”各復(fù)選框

13、含義如下：生成大小報告：生成Flash MX動畫運(yùn)行的過程中傳輸數(shù)據(jù)的報告文件。防止導(dǎo)入：防止生成的動畫文件被他人導(dǎo)入到新的動畫文件中。在選中此項后，對話框中的“密碼”文本框被激活，可加入導(dǎo)入此動畫文件時所需的密碼。省略跟蹤動作：調(diào)試Flash MX動畫的腳本時經(jīng)常要使用跟蹤動作，調(diào)試完畢后，在發(fā)布時，忽略此動作可以避免查找并刪除跟蹤動作的過程。允許調(diào)試：允許在Flash MX外部跟蹤動畫文件。當(dāng)選中此項后，對話框的“密碼”文本框也被激活，可以在此設(shè)置密碼。壓縮影片：選中此項將在發(fā)布動畫時對視頻進(jìn)行壓縮處理，使文件便于在網(wǎng)上快速傳輸。返回第32頁，共60頁，2022年，5月20日，2點(diǎn)21分，

14、星期三案例6.4HTML格式發(fā)布返回練習(xí)目的練習(xí)要求操作步驟案例小結(jié)注意事項與技巧第33頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)目的了解并掌握HTML格式發(fā)布影片的方法了解并掌握“發(fā)布設(shè)置”對話框中各項目的含義及功能 返回第34頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)要求1利用“發(fā)布設(shè)置”對話框?qū)⒂捌碒TML格式發(fā)布。2設(shè)置回放時顯示菜單和循環(huán)播放，F(xiàn)lash對齊設(shè)為“居中”。返回第35頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三操作步驟（1）用同案例6.3的方法打開“發(fā)布設(shè)置”對話框。在該對話框中，選擇“HTML”選項卡，彈出如圖6-9所

15、示的對話框。（2）根據(jù)要求，設(shè)置完成后，單擊“確定”或“發(fā)布”按鈕。返回第36頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三6-9 設(shè)置HTML文件格式返回第37頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例小結(jié)1在該對話框中，“模板”用于選擇所使用的設(shè)計模板，這些模板文件均位于Flash 應(yīng)用程序文件夾的“HTML”文件夾中。2“尺寸”設(shè)置影片的寬度和高度值，其中包括“匹配影片”、“像素”、“百分比”三種選項。3“回放”用于對發(fā)布的影片進(jìn)行設(shè)置，其中包含以下幾個項目：“開始時暫?！北硎居捌婚_始處于暫停狀態(tài)，只有當(dāng)用戶單擊動畫中的“播放”按鈕或從快捷菜單中選擇【Pla

16、y】菜單命令后，動畫才開始播放?！把h(huán)”使動畫反復(fù)進(jìn)行播放?！帮@示菜單”使用戶在瀏覽器中單擊鼠標(biāo)右鍵時可以看到快捷菜單?！霸O(shè)置字體”項被選中后，可用反鋸齒系統(tǒng)字體取代用戶系統(tǒng)中未安裝的字體。4“品質(zhì)”用于設(shè)置動畫的品質(zhì)，其中包括“低”、“中”、“自動降低”、“自動升高”、“高”和“最佳”五個選項。返回第38頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例小結(jié)5“窗口模式”的設(shè)置用于安裝有Flash ActiveX的IE瀏覽器，可利用IE的透明顯示、絕對定位及分層功能。6“HTML對齊”用于決定動畫窗口在瀏覽器窗口中的位置。7“縮放”的下拉列表中，可以使用比例參數(shù)值定義影片在指定寬度

17、和高度邊界中的放置方式。8“Flash 對齊”決定動畫在動畫窗口中的對齊情況。9“顯示警告信息”復(fù)選框被選中會在標(biāo)簽設(shè)置出錯時顯示警告信息。返回第39頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三注意事項與技巧 要在Web瀏覽器中播放Flash 影片，必須創(chuàng)建HTML格式文檔。返回第40頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例6.5GIF格式發(fā)布返回練習(xí)目的練習(xí)要求操作步驟案例小結(jié)第41頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)目的了解并掌握GIF格式發(fā)布影片的方法了解并掌握“發(fā)布設(shè)置”對話框中各項目的含義及功能 返回第42頁，共60頁，2022

18、年，5月20日，2點(diǎn)21分，星期三練習(xí)要求1利用“發(fā)布設(shè)置”對話框?qū)⒂捌碐IF格式發(fā)布。2設(shè)置“尺寸”匹配影片，回放設(shè)置為“靜態(tài)”，選項設(shè)置為“優(yōu)化顏色”和“平滑”。返回第43頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三操作步驟（1）用同案例6.3的方法打開“發(fā)布設(shè)置”對話框。在該對話框中，選擇“GIF”選項卡，彈出如圖6-10所示的對話框。（2）根據(jù)要求，設(shè)置完成后，單擊“確定”或“發(fā)布”按鈕。返回第44頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三圖6-10 設(shè)置GIF文件格式 返回第45頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例小結(jié)1在圖6-10

19、對話框中，“尺寸”用于設(shè)置動畫的尺寸，單位為像素。也可用默認(rèn)設(shè)置“匹配影片”。2“回放”用于控制動畫的播放效果。“靜態(tài)”導(dǎo)出的動畫為靜止?fàn)顟B(tài)；“動畫”可導(dǎo)出連續(xù)播放的動畫，此時如果選中“不斷循環(huán)”單選按鈕，動畫可一直循環(huán)播放，如果選中“重復(fù)”單選按鈕，可設(shè)置重復(fù)播放的次數(shù)。3“選項”由多個復(fù)選框組成?！皟?yōu)化顏色”用于除去動畫中不用的顏色；“抖動純色”使純色產(chǎn)生漸變色效果；“交錯”在文件沒有完全下載完之前顯示圖片的基本內(nèi)容，在網(wǎng)速較慢時加速下載；“刪除漸變”使用漸變色中的第1種顏色代替漸變色；“平滑”用于減少位圖的鋸齒，提高畫面質(zhì)量，但是平滑處理后會增加文件的大小。4“透明”用于設(shè)置動畫背景的透

20、明度。5“抖動”用于確定像素的合并形式。抖動可以提高畫面的質(zhì)量，但會增加文件的大小。6“調(diào)色板類型”下拉列表中可設(shè)置一種調(diào)色板用于圖像的編輯。7“最多顏色”是在如果選擇最適色或接近網(wǎng)頁最適色時該文本框變?yōu)榭蛇x，在文本框中可填入0-255間的數(shù)值，可以去除超過這一設(shè)定值的顏色。當(dāng)設(shè)定的數(shù)值較小時，可以生成體積較小的文件，但畫面的質(zhì)量會變差。返回第46頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例6.6JPEG格式發(fā)布返回練習(xí)目的練習(xí)要求操作步驟案例小結(jié)注意事項與技巧第47頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)目的了解并掌握J(rèn)PEG格式發(fā)布影片的方法了解并掌握“

21、發(fā)布設(shè)置”對話框中各項目的含義及功能。 返回第48頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三練習(xí)要求1利用“發(fā)布設(shè)置”對話框?qū)⒂捌碕PEG格式發(fā)布。2設(shè)置JPEG“尺寸”為匹配影片，品質(zhì)設(shè)置為：80。返回第49頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三操作步驟（1）用同案例6.3的方法打開“發(fā)布設(shè)置”對話框。在該對話框中，選擇“JPEG”選項卡，彈出如圖6-11所示的對話框。（2）根據(jù)要求，設(shè)置完成后，單擊“確定”或“發(fā)布”按鈕。返回第50頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三圖6-11 設(shè)置JPEG文件格式返回第51頁，共60頁，2022年，5月20日，2點(diǎn)21分，星期三案例小結(jié)1在該對話框中，“尺寸”中可以設(shè)置導(dǎo)入的位圖圖像的大小。圖像質(zhì)量越好，則文件越大。2“品質(zhì)”通過調(diào)整滑條，可以設(shè)置位圖文件在Flash MX動畫中的JPEG壓縮比例和畫質(zhì)。在文本框中輸入的數(shù)值越大，位圖質(zhì)量越高，文件體積也越大。3“漸進(jìn)”復(fù)選框如果被選中，在瀏覽器中可以漸進(jìn)顯示圖像。如果網(wǎng)絡(luò)速度較慢，這一功能可以加快圖片的下載速度。返回第52頁，共60頁，2022年，5月20日，2點(diǎn)21分，