《第9章--動畫的后期制作課件.ppt》由會員分享，可在線閱讀，更多相關(guān)《第9章--動畫的后期制作課件.ppt（68頁珍藏版）》請在匯文網(wǎng)上搜索。

1、,第9章 動畫的后期制作,9.1 調(diào)試動畫 9.2 動畫的測試與優(yōu)化 9.3 發(fā)布動畫 課堂實踐 疑難解析,調(diào)試動畫的目的是為了觀察動畫效果是否達到創(chuàng)作意圖。在動畫基本完成后，對整個動畫、動畫各個組成部分進行調(diào)試是一項重要的工作。在Flash中調(diào)試動畫主要是通過“控制”菜單下的命令來完成的，如圖9-1所示。,9.1 調(diào)試動畫,圖9-1 “控制”菜單,調(diào)試命令功能介紹如下： 播放：在舞臺場景中，從播放頭所在的位置開始播放動畫，在這種播放方式下不會顯示動畫中影片剪輯的動畫效果。 單步向前(向后)：播放頭向前(向后)移動一幀。 測試影片：彈出一個測試窗口，在該窗口內(nèi)播放完整的動畫效果，并在動畫源文件

2、的保存位置生成一個SWF文件。 調(diào)試影片：打開“調(diào)試器”面板，通過該面板可以在播放器播放影片時查找錯誤。, 測試場景：彈出測試窗口，測試當(dāng)前場景中的動畫效果。 循環(huán)播放：在舞臺場景中，讓動畫循環(huán)播放。 播放所有場景：一般測試過程中，僅僅是對當(dāng)前場景中的動畫進行測試，如果勾選此命令，將測試所有場景中的動畫效果。 啟用簡單幀動作：在舞臺場景中播放動畫時，啟動關(guān)鍵幀上的動作。 啟用簡單按鈕：在舞臺場景中播放動畫時，啟動按鈕上的動作。,通常情況下，對于比較簡單的動畫，比如補間動畫、幀動畫，用戶可以直接使用預(yù)覽影片(按Enter鍵)的方式在場景中觀察動畫效果；對于較復(fù)雜的、使用了影片剪輯的動畫，應(yīng)該使用

3、測試影片的方式來預(yù)覽動畫效果；如果動畫中添加了腳本，或使用了大量的影片剪輯元件，動畫中往往會出現(xiàn)一些漏洞，這時，用戶需要使用專門的調(diào)試工具來調(diào)試動畫，幫助發(fā)現(xiàn)其中的錯誤。,9.1.1 使用調(diào)試器 選擇【控制】【調(diào)試影片】命令，彈出“調(diào)試器”面板，如圖9-2所示。 調(diào)試器顯示了一個當(dāng)前加載到Flash Player中影片剪輯的分層顯示列表。使用調(diào)試器，用戶可以在影片播放時顯示和修改變量和屬性的值，可以通過設(shè)置斷點來暫停動畫播放，逐行跟蹤動作腳本代碼的執(zhí)行情況。,圖9-2 “調(diào)試器”面板,9.1.2 使用斷點 1在“動作”面板中設(shè)置和刪除斷點 在“動作”面板中設(shè)置斷點，只要在腳本代碼的行號左邊單擊

4、，就會出現(xiàn)一個紅點 ，這個紅點就是斷點，再次單擊紅點，即可刪除斷點；也可以使用“腳本”窗格上方的“調(diào)試選項”按鈕 來設(shè)置和刪除斷點。,2在“調(diào)試器”中設(shè)置和刪除斷點 在“調(diào)試器”中設(shè)置斷點，應(yīng)該在調(diào)試器剛啟動，程序還處于暫停狀態(tài)時進行。首先單擊調(diào)試器右上角的“動作下拉列表”按鈕 ，選擇要設(shè)置斷點的語句，然后在要設(shè)置斷點的代碼行號左邊單擊，就會出現(xiàn)紅色斷點，再次單擊即可刪除斷點；也可以使用調(diào)試器右上方的調(diào)試工具按鈕來設(shè)置和刪除斷點。 說明：在程序中可以設(shè)置多個斷點，只要程序遇到它們就會暫停。 下面以第8章學(xué)習(xí)的案例“愛心殘影”為例，學(xué)習(xí)斷點的設(shè)置及調(diào)試器的使用方法。,案例9-1：調(diào)試“愛心殘影”

5、 任務(wù) 打開隨書光盤中“第8章/案例6/愛心殘影.fla”文檔，通過設(shè)置斷點，利用調(diào)試器調(diào)試動畫，跟蹤“愛心”實例的創(chuàng)建，觀察變量的取值和“愛心”實例屬性的變化過程。 操作步驟 (1) 打開隨書光盤中“第8章/案例6/愛心殘影.fla”文檔。 (2) 給腳本代碼設(shè)置斷點。選擇第1幀，展開“動作”面板，在“duplicateMovieClip(”ball“, ”ball“+i, i);”代碼行左邊行號 的前面單擊，設(shè)置斷點 。,(3) 執(zhí)行【控制】【調(diào)試影片】命令，彈出“調(diào)試器”面板，每單擊一次“繼續(xù)”按鈕 ，就會運行一次duplicateMovieClip命令，創(chuàng)建一個“愛心”實例，觀察“顯示

6、列表”的變化。 (4) 在“顯示列表”中選擇“_level0.ball25”影片剪輯實例，單擊“屬性”標(biāo)簽，“_alpha”屬性為100，選擇“_level0.ball24”影片剪輯實例，其“_alpha”屬性為95.703125。 (5) 在“顯示列表”中選擇“_level0”，單擊“變量”標(biāo)簽，顯示變量n和i的值。如圖9-3所示。 (6) 繼續(xù)單擊“繼續(xù)”按鈕 ，可以看到25個影片剪輯實例的創(chuàng)建過程。在“屬性”標(biāo)簽下可查看每一個影片剪輯實例的各項屬性。其中，黑色字體的屬性為可編輯屬性，灰色字體的屬性不可編輯。,圖9-3 在“調(diào)試器”面板中監(jiān)視變量,9.1.3 使用輸出窗口 “輸出”窗口可以

7、顯示腳本代碼的語法錯誤以及動畫中所有對象和變量的列表信息，還可以顯示trace( )函數(shù)的輸出信息。 1顯示語法錯誤 如果腳本代碼中存在語法錯誤，則在“動作”面板中單擊“語法檢查”按鈕 后，或者測試影片時，就會彈出“輸出”窗口，顯示腳本代碼中的所有語法錯誤，如圖9-4所示。,圖9-4 “輸出”窗口中顯示語法錯誤,2顯示對象和變量的信息 在調(diào)試或測試影片時，在測試窗口中，選擇【調(diào)試】【對象列表】或【變量列表】命令，會彈出“輸出”窗口，其中顯示影片中對象或變量的信息，可以幫助診斷影片。如圖9-5所示為上例在測試影片模式下輸出窗口顯示的對象列表信息。,圖9-5 “輸出”窗口顯示對象和變量列表信息,3

8、顯示trace()函數(shù)的輸出信息 無論任何時候，當(dāng)程序的執(zhí)行遇到trace( )函數(shù)時，都會彈出輸出窗口，顯示trace( )函數(shù)中表達式的值。因此，可以在程序段中使用trace( )函數(shù)顯示變量、屬性、表達式的值，以判斷程序是否達到預(yù)期的執(zhí)行結(jié)果。,9.2 動畫的測試與優(yōu)化 測試動畫主要是為了了解動畫在網(wǎng)絡(luò)上的下載情況和播放效果。在Flash作品完成以后，有必要對其進行測試，為動畫的優(yōu)化提供理論依據(jù)。 9.2.1 測試動畫 下面以隨書光盤中“第9章/案例2-3/網(wǎng)站片頭.fla”文檔為例，介紹測試文檔下載性能的具體操作方法。,案例9-2：測試“網(wǎng)站片頭” 任務(wù) 以隨書光盤中“第9章/案例2-

9、3/網(wǎng)站片頭.fla”文檔為例，學(xué)習(xí)測試文檔下載性能的具體操作步驟和方法。操作步驟 (1) 打開隨書光盤中“第9章/案例2-3/網(wǎng)站片頭.fla”文檔，單擊【控制】【測試影片】或【測試場景】命令。 (2) 在測試窗口中，單擊【視圖】【下載設(shè)置】命令，在下拉菜單中選擇一個下載速度來確定Flash模擬的數(shù)據(jù)流速率，本例中選56K，如圖9-6所示。,圖9-6 選擇下載速度,(3) 單擊【視圖】【帶寬設(shè)置】命令，打開下載性能圖表，再執(zhí)行【視圖】【數(shù)據(jù)流圖表】命令，顯示文檔的數(shù)據(jù)流下載性能圖表，如圖9-7所示。,圖9-7 顯示數(shù)據(jù)流圖表,在下載性能圖表的左側(cè)顯示了有關(guān)文檔的信息、文檔測試狀態(tài)等；在圖表的

10、右側(cè)顯示了時間軸標(biāo)題和下載圖表。 在圖表窗口中，每個條形代表文檔中的一個幀，條形的高度對應(yīng)幀的字節(jié)數(shù)大小。時間軸標(biāo)題下面的紅線為下載警戒線，如果某個條形超出紅色警戒線，說明在設(shè)定速率下，動畫會出現(xiàn)暫?，F(xiàn)象，文檔必須等待這個幀的加載。,(4) 單擊【視圖】【模擬下載】命令，開始模擬在設(shè)定的下載速度下網(wǎng)絡(luò)上的播放效果。在本例中，第79幀的條形超出了紅色警戒線，當(dāng)動畫播放到第79幀時會出現(xiàn)暫停，需要等待該幀上的內(nèi)容下載完才能繼續(xù)播放。 (5) 單擊【視圖】【幀數(shù)圖表】命令，顯示幀數(shù)圖表，如圖9-8所示。單擊某個條形，在左邊窗口會顯示這個幀的大小，從中可以看出哪些幀會導(dǎo)致數(shù)據(jù)流延時。 (6) 測試時，

11、記下超出紅色警戒線的幀，關(guān)閉測試窗口，返回動畫文檔，對延時的幀進行優(yōu)化修改。,圖9-8 顯示幀數(shù)圖表,9.2.2 優(yōu)化動畫 通過測試可以看出，隨著Flash文件體積的增大，在網(wǎng)絡(luò)上下載和播放動畫時，速度會變慢，有時還會產(chǎn)生停頓的現(xiàn)象。因此，在導(dǎo)出或發(fā)布動畫作品之前，有必要對動畫進行優(yōu)化。 1優(yōu)化文檔 (1) 多使用元件：對于多次出現(xiàn)的元素，最好使用元件，重復(fù)使用元件不會使文件增大。 (2) 盡量使用補間動畫：創(chuàng)建動畫效果時，盡可能使用補間動畫。逐幀動畫會大大增加文件的體積。,(3) 少用位圖：位圖體積比較大，一般只用它作靜態(tài)的背景。盡量避免使用位圖制作動畫效果。 (4) 優(yōu)化幀：在同一個幀上不

12、要放置過多的對象，這樣會增加Flash處理文件的時間。 (5) 優(yōu)化圖層：最好把不同對象的動畫效果放置在不同的圖層上，這樣可以加快Flash處理文檔的速度。,2優(yōu)化元素和線條 (1) 組合元素：盡量把不同的元素組合在一起，形成群組對象。 (2) 分離不同效果的元素：使用圖層將動畫過程中發(fā)生變化的元素與保持不變的元素分離。 (3) 限制特殊線條類型：實線所需的內(nèi)存較少，而虛線、點線、鋸齒線等所需的內(nèi)存較多。 (4) 使用MP3的聲音格式：MP3的聲音格式占用空間最少，使用聲音時，最好在音頻編輯處理軟件中剪輯好聲音，不要把不需要的部分導(dǎo)入。,3優(yōu)化文本和字體 (1) 限制字體和字體樣式：盡量不要使

13、用太多的字體和樣式，因為它們會增加文件的體積。 (2) 不要將文字打散：文字被打散后，會變成圖像，這樣會增大文件的體積。,4優(yōu)化顏色 (1) 使用元件屬性改變顏色：使用“屬性”面板中的“顏色”菜單，可為單個元件創(chuàng)建多個不同顏色的實例。 (2) 盡量少用漸變色：使用漸變色填充區(qū)域比使用純色填充區(qū)域需要的更多的字節(jié)數(shù)。 (3) 盡量少用Alpha透明度：Alpha透明度會減慢播放速度。,9.2.3 導(dǎo)出動畫 利用Flash導(dǎo)出功能導(dǎo)出的作品，可以作為素材供其他軟件使用。用戶可以從Flash動畫中導(dǎo)出各種格式的動畫影片和靜態(tài)圖像。 1導(dǎo)出SWF動畫 SWF格式的動畫文件是Flash默認的播放文件，目

14、前大多數(shù)應(yīng)用軟件都支持這種格式的導(dǎo)入。下面以導(dǎo)出隨書光盤中“第9章/案例2-3/網(wǎng)站片頭.fla”文檔為例，學(xué)習(xí)導(dǎo)出動畫的操作步驟和方法。,案例9-3：導(dǎo)出“網(wǎng)站片頭” 任務(wù) 以隨書光盤中“第9章/案例2-3/網(wǎng)站片頭.fla”文檔為例，學(xué)習(xí)導(dǎo)出動畫的操作步驟和方法。操作步驟 (1) 打開隨書光盤中“第9章/案例2-3/網(wǎng)站片頭.fla”文檔，單擊【文件】【導(dǎo)出】【導(dǎo)出影片】命令，彈出“導(dǎo)出影片”對話框，如圖9-9所示。,圖9-9 “導(dǎo)出影片”對話框,(2) 在“保存類型”下拉列表中選擇“Flash影片(*.swf)”類型，在“保存在”列表框中選擇文件的保存路徑，并在“文件名”文本框中輸入導(dǎo)出

15、文件的名稱“網(wǎng)站片頭”，最后單擊“保存”按鈕。 (3) 單擊“保存”按鈕后，彈出“導(dǎo)出Flash Player”對話框，如圖9-10所示。,圖9-10 “導(dǎo)出Flash Player”對話框,對話框中各參數(shù)含義說明如下。 版本：“版本”下拉列表用來選擇針對何種版本的Flash Player播放器導(dǎo)出SWF動畫。 說明：隨著Flash Player播放器版本的提高，安全性的考慮越來越多，語法也越來越規(guī)范，以前在低版本中能正確播放的動畫在高版本的播放器上可能會失效。 加載順序：設(shè)置動畫加載圖層順序?！坝上露稀笔侵赶燃虞d時間軸底部的圖層，“由上而下”正好相反。 ActionScript版本：選擇與

16、編程規(guī)范相匹配的ActionScript版本號。, 選項：選中“選項”欄中的“生成大小報告”復(fù)選框，可以在導(dǎo)出SWF文件的同時，在Flash源文件的存放路徑下生成一個名為“文件名+Report.txt”的報告文件，報告文件中詳細記錄了每一幀的數(shù)據(jù)量，并對場景和元件的數(shù)據(jù)量進行統(tǒng)計；選中“防止導(dǎo)入”復(fù)選框，可以對作品的版權(quán)進行一定程度的保護，使導(dǎo)出的SWF文件不能被導(dǎo)入到其他Flash文件中；選中“省略trace動作”復(fù)選框，將忽略程序中所有的trace函數(shù)，在程序的執(zhí)行過程中也就不會彈出“輸出”窗口。 密碼：當(dāng)勾選“防止導(dǎo)入”后，可以在此輸入密碼，這樣當(dāng)在其他文檔中導(dǎo)入SWF文件時，會彈出“導(dǎo)入所需密碼”對話框，如圖9-11所示，此時需要輸入密碼才能導(dǎo)入。,圖9-11 “導(dǎo)入所需密碼”對話框,說明：關(guān)于JPEG圖像壓縮和音頻壓縮請參閱第7章多媒體素材的使用。 (4) 按需要設(shè)置SWF動畫的導(dǎo)出參數(shù)，最后單擊“確定”按鈕，完成動畫影片的導(dǎo)出。,2導(dǎo)出GIF動畫 GIF動畫支持透明背景，廣泛應(yīng)用于網(wǎng)絡(luò)和其他應(yīng)用軟件。Flash只能導(dǎo)出主時間軸上的動畫內(nèi)容，如果動畫中有影片剪輯、動作腳本，F(xiàn)