FlashCC動畫設計與制作第九章FlashCC動畫優化和發布教學目標1.掌握動畫發布設置。2.掌握網頁發布設置。3.掌握圖片發布設置。教學內容：

本章主要講述如何將制作的Flash動畫作品進行發布。可以輸出的影片類型很多，為了避免輸出多種格式時每一次都需要進行設置，可以從發布設置對話框中選擇需要的全部發布格式，并進行設置。運用前面章節所學知識點，通過制作動畫案例，重點從動畫發布、網頁發布和圖片發布，三種格式進行設置。這對以后把自己的動畫作品發布到網上有很大的幫助，是必須熟練掌握的的知識點。目錄

9.1動畫發布9.2網友發布9.3圖片發布本章小結9.1動畫發布

9.1.1案例描述

9.1.2制作步驟9.1.3案例小結——傳統補間、SWF動畫的運用9.1.4能力擴展9.1.1案例描述

本案例主要使用“鋼筆工具”繪制蝴蝶停在梅花上舞動效果。蝴蝶翅膀的舞動效果，運用傳統補間，實現同一個元件的大小屬性的變化。制作過程中主要使用新建元件、傳統補間、鋼筆工具、矩形工具、刷子工具等組合完成。作品完成后，發布動畫。

9.1.2制作步驟

制作過程中主要使用“傳統補間”、“鋼筆”工具、“矩形”工具、“刷子”工具等組合完成。作品完成后，發布動畫。

9.1.3案例小結——傳統補間、SWF動畫的運用

制作傳統補間動畫，動畫的元素必須是元件或組合對象，元件由一個位置到另一個位置的變化。在關鍵幀之間的任意一幀，右鍵選擇“創建傳統補間”即可實現同一個元件的大小、位置、顏色、透明度、旋轉等屬性的變化。SWF動畫是在瀏覽網頁時常見的具有交互功能的動畫。它是以.swf為后綴的文件，擁有動畫、聲音和交互等全部功能，需要在瀏覽器中安裝Flash播放器才能看到。

9.1.4能力擴展

綜合運用前面所寫知識，制作蝴蝶在梅花林中的飛舞動畫，如上圖所示“擴展效果圖”。9.2網頁發布

9.2.1案例描述

9.2.2制作步驟9.2.3案例小結——網頁發布設置9.2.4能力擴展9.2.1案例描述

本案例是制作網頁視頻播放時緩慢加載的進度條，進度條制作簡單，主要用形狀補間動畫把里面的填充色塊逐幀擴大。制作過程中不需要用到代碼，主要使用矩形工具、創建形狀補間、文本工具等組合完成。

9.2.2制作步驟

制作過程中主要使用“矩形”工具、創建形狀補間、“文本”工具等組合完成。

9.2.3案例小結——網頁發布設置

Flash影片發布(HTML)的時候，如果在網頁瀏覽窗口中，影片偏左或偏右，無法選擇居中。這樣的情況，在發布設置“大小（Z）”選擇“百分比”，“縮放（C）”選擇“無縮放”這樣影片就會在網頁居中位置。如果有白邊，可以設置“縮放（C）”選擇“無邊框”，去掉白邊，但畫面會放大。另一種方法，設置“縮放（C）”選擇“進度匹配”，也可以去掉白邊，但畫面會被拉伸變形。9.2.4能力擴展

結合進度表運動原理制作，運用傳統補間動畫，制作玻璃瓶水滿效果動畫，如上圖所示“擴展效果圖”。9.3圖片發布

9.3.1案例描述

9.3.2制作步驟9.3.3案例小結——網頁發布設置9.3.4能力擴展

9.3.1案例描述

9.3.2制作步驟本案例主要使用鋼筆工具繪制云朵、草、山等,完成一幅清晰的風景畫,作品完成后,發布圖片.

9.3.3案例小結——細節元素上的優化在制作圖片文件時如果需要導入位圖,導入后可以按Ctrl＋L組合鍵打開“庫”面板,雙擊庫中已導入的圖片元件,彈出“位圖屬性”面板,把“使用導入的JPEG數據”前的勾去掉,在品質欄里輸入“９８”(不要輸入“１００”),單擊“更新”按鈕,導入的位圖即得到大幅度壓縮.在制作時注意限制線條類型的數量也可以控制文件的大小.例如,少用虛線、點２３３狀線等,盡量使用實線,因為它所占體積較小.另外,用鉛筆工具生成的線條比用刷子工具筆觸生成的線條體積小.

9.3.4能力擴展

綜合運用前面所學的知識,制作如上圖所示的PNG網頁圖像