第7-flash二維動畫制作

1、第7章 動畫發(fā)布,將Flash發(fā)布為網(wǎng)絡(luò)上播放的動畫將Flash輸出為非網(wǎng)絡(luò)上播放的動畫,本章重點：,在Flash動畫制作完成后，可以根據(jù)播放環(huán)境的需要將其輸出為多種格式。如可以輸出適合于網(wǎng)絡(luò)播放的.swf和.html格式，也可以輸出適合于非網(wǎng)絡(luò)播放的.avi和.mov格式。通過本章學(xué)習(xí)應(yīng)掌握以下內(nèi)容：,7.1 發(fā)布為網(wǎng)絡(luò)上播放的動畫,Flash主要用于網(wǎng)絡(luò)動畫，因此默認發(fā)布為.swf和.html格式的動畫文件。,由于全球用戶使用的網(wǎng)

2、絡(luò)傳輸速度不同，可能一些用戶使用的是寬帶，而一些用戶卻還在使用撥號上網(wǎng)。在這種情況下，如果制作的動畫文件較大，常會讓那些網(wǎng)速不是很快的用戶失去耐心，因此在不影響動畫播放質(zhì)量的前提下，盡可能地優(yōu)化動畫文件是十分必要的。優(yōu)化Flash動畫文件可以分為在制作靜態(tài)元素時進行優(yōu)化、在制作動畫時進行優(yōu)化、在導(dǎo)入音樂時進行優(yōu)化三個方面。,7.1.1 優(yōu)化動畫文件,,（1）多使用元件重復(fù)使用元件并不會使動畫文件明顯增大，因此對于在動畫中反復(fù)使用的對象

3、，應(yīng)將其轉(zhuǎn)換為元件，然后重復(fù)使用該元件即可。（2）多采用實線線條虛線線條（如點狀線、斑馬線）相對于實線的線條復(fù)雜，因此應(yīng)較少虛線線條的數(shù)量，而多采用構(gòu)圖最簡單的實線線條。（3）優(yōu)化線條矢量圖形越復(fù)雜，CPU運算起來就越費力，因此在制作矢量圖形后，可以通過執(zhí)行菜單中的“修改|形狀|優(yōu)化”命令，將矢量圖形中不必要的線條刪除，從而減小文件大小。,1.在制作靜態(tài)元素時進行優(yōu)化,,（4）導(dǎo)入盡可能小的位圖圖像Flash CS5提供了JP

4、EG、GIF和PNG三種位圖壓縮格式。在Flash中壓縮位圖的方法有兩種：一是在屬性面板中設(shè)置位圖壓縮格式；二是在發(fā)布時設(shè)置位圖壓縮格式。在屬性面板中設(shè)置位圖壓縮格式在屬性面板中進行設(shè)置的具體步驟如下：1）執(zhí)行菜單中的“窗口|庫”命令，調(diào)出庫面板。2）右擊要壓縮的位圖，在彈出的快捷菜單中選擇“屬性”命令，彈出圖7-1所示的“位圖屬性”對話框。在該對話框中顯示了當(dāng)前位圖的格式以及可壓縮的格式，此時該圖為.tif格式，壓縮為“照片（

5、JPEG）”。如果選中“自定義”單選按鈕，還可以對其壓縮品質(zhì)進行具體設(shè)置，如圖7-2所示。,圖7-1“位圖屬性”對話框 圖7-2對壓縮品質(zhì)進行具體設(shè)置,3）如果選擇壓縮為“無損（PNG/GIF）”，則可對位圖進行20%~55%的壓縮。圖7-3所示為對原圖進行20%的壓縮。在發(fā)布時設(shè)置位圖壓縮格式在發(fā)布時進行設(shè)置的具體步驟如下：1）執(zhí)行菜單中的“文件|發(fā)布設(shè)置”命令

6、。2）在彈出的對話框中選擇“Flash”選項卡，如圖7-4所示。然后選中“壓縮影片”復(fù)選框，在“JPEG品質(zhì)”文本框中填上相應(yīng)的數(shù)值，單擊“確定”或“發(fā)布”按鈕即可。,圖7-3對原圖進行20%的壓縮 圖7-4選擇“Flash”選項卡,,（5）限制字體和字體樣式的數(shù)量使用的字體種類越多，動畫文件就越大，因此應(yīng)盡量不要使用太多的不同字體，而盡可能使用Flash內(nèi)定的字體

7、。,,（1）多采用補間動畫由于Flash動畫文件的大小與幀的多少成正比，因此應(yīng)盡量以補間動畫的方式產(chǎn)生動畫效果，而少用逐幀方式生成動畫。（2）多用矢量圖形由于Flash并不擅長處理位圖圖像的動畫，通常只用于靜態(tài)元素和背景圖，而矢量圖形可以任意縮放而不影響Flash的畫質(zhì)，因此在生成動畫時應(yīng)多用矢量圖形。（3）盡量縮小動作區(qū)域動作區(qū)域越大，F(xiàn)lash動畫文件就越大，因此應(yīng)限制每個關(guān)鍵幀中發(fā)生變化的區(qū)域，使動畫發(fā)生在盡可能小的區(qū)域

8、內(nèi)。（4）盡量避免在同一時間內(nèi)多個元素同時產(chǎn)生動畫由于在同一時間內(nèi)多個元素同時產(chǎn)生動畫會直接影響到動畫的流暢播放，因此應(yīng)盡量避免在同一時間內(nèi)多個元素同時產(chǎn)生動畫。同時，還應(yīng)將產(chǎn)生動畫的元素安排在各自專屬的圖層中，以便加快Flash動畫的處理過程。,2.在制作動畫時進行優(yōu)化,,（5）制作小電影為減小文件，可以將Flash中的電影尺寸設(shè)置得小一些，然后將其在發(fā)布為HTML格式時進行放大。下面舉例說明，具體操作步驟如下：1）在Flas

9、h CS5中創(chuàng)建一個400像素×300像素的載入條動畫，然后將其發(fā)布為SWF電影，如圖7-5所示。,圖7-5發(fā)布為SWF電影,2）執(zhí)行菜單中的“文件|發(fā)布設(shè)置”命令，在彈出的“發(fā)布設(shè)置”對話框中選擇“HTML”選項卡，然后將“尺寸”設(shè)為“像素”，大小設(shè)為800像素×600像素，如圖7-6所示，單擊“發(fā)布”按鈕，將其進行發(fā)布為HTML格式。接著打開發(fā)布后的HTML，可以看到在網(wǎng)頁中的電影尺寸放大了，而畫質(zhì)卻絲毫無損，如

10、圖7-7所示。,,,圖7-6 設(shè)置文件尺寸 圖7-7放大文件尺寸后的畫面效果,,Flash支持的聲音格式有波形音頻格式WAV和MP3，不支持WMA、MIDI音樂格式。WAV格式的音頻品質(zhì)比較好，但相對于MP3格式來說它比較大，因此建議多使用MP3格式。在Flash CS5中可以將WAV轉(zhuǎn)換為MP3格式，具體操作步驟如下： 1）右擊“

11、庫”面板中要轉(zhuǎn)換格式的WAV文件。 2）在彈出的快捷菜單中選擇“屬性”命令，然后在彈出的“聲音屬性”對話框中設(shè)置“壓縮”為“MP3”，如圖7-8所示，單擊“確定”按鈕即可。,3.在導(dǎo)入音樂時進行優(yōu)化,圖7-8設(shè)置“壓縮”為“MP3”,,Flash CS5默認發(fā)布的動畫文件為.swf格式，具體發(fā)布步驟如下：1）執(zhí)行菜單中的“文件|發(fā)布設(shè)置”命令，在彈出的對話框中選擇“格式”選項卡，然后選中“Flash（.swf）”復(fù)選框

12、，如圖7-9所示。2）選擇“Flash”選項卡，如圖7-10所示。其主要參數(shù)含義如下：,7.1.2 發(fā)布動畫文件,圖7-9選中“Flash（.swf）”復(fù)選框 圖7-10選中“Flash（.swf）”復(fù)選框,,播放器：用于設(shè)置輸出的動畫可以在哪種瀏覽器上進行播放。版本越低，瀏覽器對其的兼容性越強，但低版本無法容納高版本的Flash技術(shù)，播放時會失掉高版本技術(shù)創(chuàng)建的部分。版本越高，F(xiàn)lash技術(shù)越多

13、，但低版本的瀏覽器無法支持其播放。因此，要根據(jù)需要選擇適合的版本。腳本：與前面的“播放器”相關(guān)聯(lián)，高版本的動畫必須搭配高版本的腳本程序，否則高版本動畫中的很多新技術(shù)無法實現(xiàn)。它有“動作腳本1.0”、“動作腳本2.0”和“動作腳本3.0”三個選項可供選擇。音頻流：是指聲音只要前面幾幀有足夠的數(shù)據(jù)被下載就可以開始播放了，它與網(wǎng)上播放動畫的時間線是同步的。可以通過單擊其右側(cè)的“設(shè)置”按鈕，來設(shè)置音頻流的壓縮方式。音頻事件：是指聲音必須完

14、全下載后才能開始播放或持續(xù)播放?？梢酝ㄟ^單擊其右側(cè)的“設(shè)置”按鈕，來設(shè)置音頻事件的壓縮方式。SWF設(shè)置：常用的有“壓縮影片”功能，它與上面的“JPEG品質(zhì)”相結(jié)合，用于控制動畫的壓縮比。,,高級：常用的有“防止導(dǎo)入”功能。選中“防止導(dǎo)入”復(fù)選框，可以防止別人引入自己的動畫文件，并將其編譯成Flash源文件。當(dāng)選中該復(fù)選框后，其下的“密碼”文本框?qū)⒓せ睿藭r可以輸入密碼，此后導(dǎo)入該SWF文件將彈出圖7-11所示的對話框，只有輸入正確的密

15、碼才可以導(dǎo)入影片，否則將彈出圖7-12所示的提示對話框。3）設(shè)置完成后，單擊“確定”按鈕，即可將文件進行發(fā)布。提示：執(zhí)行菜單中的“文件|導(dǎo)出|導(dǎo)出影片”命令，也可以發(fā)布SWF格式的文件。,圖7-11 “導(dǎo)入所需密碼”對話框 圖7-12無效輸入提示對話框,,Flash動畫除了能發(fā)布成SWF動畫外，還能直接輸出為AVI視頻格式的動畫。 發(fā)布AVI格式的視頻

16、文件的具體操作步驟如下：1）執(zhí)行菜單中的“文件|導(dǎo)出|導(dǎo)出影片”命令，在彈出的對話框中設(shè)置“保存類型”為“Windows AVI(*.avi)”，然后輸入相應(yīng)的文件名，如圖7-15所示。2）單擊“保存”按鈕，在彈出的圖7-16所示的對話框中設(shè)置相應(yīng)的參數(shù)后，單擊“確定”按鈕，即可將文件發(fā)布為AVI格式的視頻文件。,7.2 發(fā)布為非網(wǎng)絡(luò)上播放的動畫,圖7-15 設(shè)置保存信息