電子課件-《Flash-CC動畫設計與制作》-A06-2765-第九章-Flash-CC動畫優(yōu)化和發(fā)布

FlashCC動畫設計與制作第九章FlashCC動畫優(yōu)化和發(fā)布教學目標1.掌握動畫發(fā)布設置。2.掌握網(wǎng)頁發(fā)布設置。3.掌握圖片發(fā)布設置。教學內(nèi)容：

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

9.1動畫發(fā)布9.2網(wǎng)友發(fā)布9.3圖片發(fā)布本章小結9.1動畫發(fā)布

9.1.1案例描述

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

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

9.1.2制作步驟

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

9.1.3案例小結——傳統(tǒng)補間、SWF動畫的運用

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

9.1.4能力擴展

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

9.2.1案例描述

9.2.2制作步驟9.2.3案例小結——網(wǎng)頁發(fā)布設置9.2.4能力擴展9.2.1案例描述

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

9.2.2制作步驟

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

9.2.3案例小結——網(wǎng)頁發(fā)布設置

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

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

9.3.1案例描述

9.3.2制作步驟9.3.3案例小結——網(wǎng)頁發(fā)布設置9.3.4能力擴展

9.3.1案例描述

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

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

9.3.4能力擴展

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