項(xiàng)目十四：將動畫上傳到網(wǎng)絡(luò)

1、將動畫上傳到網(wǎng)絡(luò) 任務(wù)一 測試和優(yōu)化動畫 任務(wù)二 發(fā)布和導(dǎo)出動畫 任務(wù)三 將動畫上傳到網(wǎng)絡(luò) 參考視頻14-1.avi。1任務(wù)一 測試和優(yōu)化動畫 一、測試動畫 在本地電腦上，F(xiàn)Lash動畫的播放效果是否同預(yù)期一樣。Flash動畫的體積是否已經(jīng)是最小狀態(tài)，是不是還可以更小。是否能在網(wǎng)絡(luò)環(huán)境下正常地下載和觀看Flash動畫。 測試動畫的目的是為了檢查Flash作品在本地電腦和Internet上的播放效果。測試Flash動畫時(shí)，我們應(yīng)考慮以下幾個(gè)方面： 2選擇模擬下載速度 啟動或關(guān)閉模擬下載功能下面，我們就來學(xué)習(xí)測試的方法： 打開素材文檔，按下快捷鍵【Ctrl+Enter】測試動畫，在動畫播放窗口中選

2、擇“視圖”“下載設(shè)置” “56K（4.7KB/S）”菜單選擇“視圖”“模擬下載”菜單，可啟動或關(guān)閉模擬下載功能。啟動模擬下載功能后，動畫播放情況便是根據(jù)剛才設(shè)置的傳輸速率，在網(wǎng)絡(luò)上的實(shí)際播放情況 3下載信息圖表 選擇“視圖”“帶寬設(shè)置”菜單，再選中“視圖”“數(shù)據(jù)流圖標(biāo)”菜單，將出現(xiàn)一個(gè)圖表，我們可以通過圖表右側(cè)窗格查看各幀數(shù)據(jù)下載情況，此時(shí)選擇任意一幀，播放將停止，可從左邊窗格中查看該幀詳細(xì)信息 4幀數(shù)圖表 選擇“視圖”“幀數(shù)圖表”菜單，可查看哪個(gè)幀需要比較多的時(shí)間傳輸，每個(gè)矩形條代表一個(gè)幀，矩形條越高，該幀在網(wǎng)絡(luò)上傳輸?shù)臅r(shí)間越長。當(dāng)矩形條超過紅線時(shí)，說明動畫播放到該幀時(shí)需要經(jīng)過等待才能繼續(xù)播

3、放。在第1幀等待加載是很正常的，不用對動畫做任何修改 5二、優(yōu)化動畫 設(shè)置位圖屬性 下面，我們對動畫進(jìn)行優(yōu)化： 雙擊“水墨畫.psd資源”文件夾中的“松樹”位圖元件，在打開的“位圖屬性”對話框中取消勾選“使用文檔默認(rèn)品質(zhì)”復(fù)選框，然后在“品質(zhì)”編輯框中輸入“50”，并單擊“確定”按鈕 6多使用元件：在動畫中，同一對象只要被使用兩次以上，就最好將其轉(zhuǎn)換為元件。重復(fù)使用元件并不會使文件增大。盡量使用補(bǔ)間動畫：補(bǔ)間動畫中的過渡幀是通過系統(tǒng)計(jì)算得到，數(shù)據(jù)量相對較小，逐幀動畫需要用戶一幀一幀地添加對象，相對補(bǔ)間動畫來說，會增大文件體積。優(yōu)化幀：避免在同一個(gè)關(guān)鍵幀上放置多個(gè)包含動畫片斷的對象，例如放置多個(gè)

4、影片剪輯。這樣會增加Flash處理文件的時(shí)間。延伸閱讀一、優(yōu)化動畫的方法 1制作手法優(yōu)化 7優(yōu)化圖層：不要將包含動畫片斷的對象與其他靜態(tài)對象安排在同一個(gè)圖層里。應(yīng)該將包含動畫片斷的對象安排在各自專屬的圖層內(nèi)，以便加速Flash動畫的處理過程。少用位圖制作動作：矢量圖可以任意縮放而不影響動畫畫質(zhì)和大小，位圖圖像一般只作為靜態(tài)元素或背景圖，F(xiàn)lash并不擅長處理位圖圖像的動作，應(yīng)盡量避免使用位圖制作動作。文檔尺寸越小越好：文檔尺寸越小，F(xiàn)lash文件體積便越小?？梢栽谥谱鲃赢嫊r(shí)使用小文檔尺寸，將動畫發(fā)布成HTML格式時(shí)再將文檔尺寸設(shè)置得大一點(diǎn)。82優(yōu)化動畫元素 位圖導(dǎo)入優(yōu)化：制作動畫時(shí)，盡量少導(dǎo)入

5、位圖，如果必須導(dǎo)入，則導(dǎo)入前最好使用別的軟件將位圖尺寸修改得小一些，并使用JPEG格式。聲音導(dǎo)入優(yōu)化：使用聲音時(shí)，最好導(dǎo)入MP3格式的聲音，并優(yōu)化輸出聲音。多用結(jié)構(gòu)簡單的矢量圖形：矢量圖形儲存大小同其尺寸沒有關(guān)系，而是同結(jié)構(gòu)有關(guān)，結(jié)構(gòu)越復(fù)雜，儲存尺寸越大，同時(shí)還會影響Flash處理動畫的速度。少用虛線：繪制圖形時(shí)，盡量少用虛線，多用實(shí)線，此外，盡量減少線段節(jié)點(diǎn)數(shù)。繪制好圖形后，可以使用“優(yōu)化”或“平滑”命令優(yōu)化圖形，減少圖形的節(jié)點(diǎn)。少用漸變色：漸變色會增加矢量圖形的體積，繪制圖形時(shí)盡量多使用純色填充。 92優(yōu)化動畫元素 不要應(yīng)用太多字體和樣式：盡量不要使用太多不同的字體和樣式，使用的字體越多，

6、Flash文件就越大。盡量不要將字體打散：字體打散后，會使文件增大。 10任務(wù)二 發(fā)布和導(dǎo)出動畫 一、發(fā)布動畫利用Flash的發(fā)布功能，可以將Flash作品發(fā)布成swf動畫影片、html網(wǎng)頁以及各種圖像形式。下面，我們就將“水墨動畫.fla”文件發(fā)布為swf動畫影片： “格式”選項(xiàng)卡選擇“文件”“發(fā)布設(shè)置”菜單，在打開的“發(fā)布設(shè)置”對話框中的“格式”選項(xiàng)卡中，可以選擇動畫發(fā)布格式，此處我們勾選“Flash（.swf）”復(fù)選框和“HTML” 復(fù)選框 11“Flash”選項(xiàng)卡 單擊對話框頂部的“Flash”選項(xiàng)卡按鈕，可切換到用于設(shè)置swf影片格式的“Flash”選項(xiàng)卡，此處我們保持默認(rèn)不變 12

7、版本：可以選擇以何種版本導(dǎo)出swf影片。 加載順序：設(shè)置在動畫中加載圖層的順序，可選擇“由下而上”或“由上而下”。 ActionScript版本：在此選項(xiàng)的下拉列表中，可選擇文件中所使用的動作腳本的版本號。 選項(xiàng)：選擇該區(qū)中的 復(fù)選框，則導(dǎo)出的swf文件不能被導(dǎo)入到其他Flash文件中；選擇 復(fù)選框可以讓Flash播放器自己壓縮影片，默認(rèn)情況下被選中?！癋lash”選項(xiàng)卡中部分選項(xiàng)的含義如下： 13密碼：選擇 復(fù)選框后，可以在此輸入密碼，這樣在別的文檔中導(dǎo)入該swf動畫文件時(shí)，需要輸入密碼。PEG品質(zhì)：用于調(diào)整動畫中所有位圖的輸出品質(zhì)，品質(zhì)越高，圖像越清晰，但swf影片體積也會增大。 音頻流：

8、單擊該選項(xiàng)后的“設(shè)置”按鈕，可以在打開的對話框中調(diào)整動畫中所有“數(shù)據(jù)流”聲音的壓縮 。音頻事件：用來調(diào)整動畫中所有“事件”聲音的壓縮。 14 ：若要讓“音頻流”、“音頻事件”設(shè)置覆蓋對個(gè)別聲音的設(shè)置，選擇此復(fù)選框。如果取消選擇此復(fù)選框，則導(dǎo)出swf文件時(shí)，F(xiàn)lash 會掃描文檔中的所有音頻（包括導(dǎo)入視頻中的聲音），然后按照各個(gè)設(shè)置中最高的設(shè)置發(fā)布所有音頻流。如果一個(gè)或多個(gè)音頻具有較高的導(dǎo)出設(shè)置，會增大文件大小。 ：設(shè)備聲音是一種以設(shè)備的本機(jī)音頻格式（如 MIDI 或 MFi）編碼的聲音。一般情況下，不要選擇此項(xiàng)。 15“HTML”選項(xiàng)卡 發(fā)布的影片和網(wǎng)頁 再單擊“HTML”選項(xiàng)卡按鈕，切換到“

9、HTML”選項(xiàng)卡，保持默認(rèn)參數(shù)不便，并單擊“發(fā)布”按鈕 設(shè)置好發(fā)布格式后，單擊“發(fā)布設(shè)置”對話框底部的“發(fā)布”按鈕，即可完成動畫的發(fā)布。動畫發(fā)布后，發(fā)布的影片或網(wǎng)頁等將保存在動畫文檔所在的文件夾中 16模板：用于選擇網(wǎng)頁使用的模板，單擊后面的“信息”按鈕，會顯示選中的模板信息。 檢測Flash版本：選擇該復(fù)選框，則網(wǎng)頁中的動畫影片會自動檢測瀏覽者使用的Flash Player播放器版本，并以瀏覽者的播放器版播放影片。通常不用選擇此項(xiàng)。 尺寸：設(shè)置網(wǎng)頁中影片的寬度和高度?；胤牛河脕碓O(shè)置影片在網(wǎng)頁中的播放情況?！癏TML”選項(xiàng)卡中各參數(shù)的含義如下： 17品質(zhì)：該選項(xiàng)可以讓影片在播放品質(zhì)和播放速度之

10、間取得一個(gè)平衡點(diǎn)。窗口模式：用于設(shè)置影片同網(wǎng)頁中其他內(nèi)容的關(guān)系。 HTML對齊：用來設(shè)置影片在瀏覽器窗口中的位置。 縮放：如果在前面的“尺寸”選項(xiàng)中設(shè)置了與動畫原始大小不同的尺寸，則通過該選項(xiàng)可以將影片放在指定的網(wǎng)頁區(qū)域內(nèi)。 Flash對齊：設(shè)置如何在應(yīng)用程序窗口內(nèi)放置影片內(nèi)容，以及在必要時(shí)將影片裁減到與窗口相同的尺寸。 顯示警告信息：設(shè)計(jì)網(wǎng)頁時(shí)，設(shè)置HTML標(biāo)簽代碼出現(xiàn)錯(cuò)誤時(shí)是否發(fā)出警告信息。 18二、導(dǎo)出靜態(tài)圖片 “導(dǎo)出圖像”對話框由于上傳的需要，我們要從“水墨動畫.fla”文件中導(dǎo)出一幅.jpg格式的位圖。具體操作如下： 單擊主時(shí)間軸的第56幀將播放頭轉(zhuǎn)到第56幀，然后選擇“文件”“導(dǎo)出

11、”“導(dǎo)出圖像”菜單，在打開的“導(dǎo)出圖像”對話框中選擇保存路徑，在“文件名”編輯框中輸入“水墨動畫”字樣，在“保存類型”下拉列表中選擇“JPEG（*.jpg）”選項(xiàng)，然后單擊“保存”按鈕 19“導(dǎo)出位圖”對話框在打開的“導(dǎo)出位圖”對話框的“包含”下拉列表中選擇“完整文檔大小”選項(xiàng)，然后單擊“確定”按鈕，完成位圖的導(dǎo)出 20延伸閱讀一、導(dǎo)出swf動畫影片 “導(dǎo)出影片”對話框swf格式是Flash默認(rèn)的播放格式，也是用于在網(wǎng)絡(luò)上傳輸、播放，或制作網(wǎng)頁時(shí)嵌入動畫的格式。下面，我們就來介紹導(dǎo)出swf格式動畫影片的方法： 打開Flash文檔后，選擇“文件”“導(dǎo)出”“導(dǎo)出影片”菜單，在打開的“導(dǎo)出影片”對話

12、框中設(shè)置保存路徑，在“保存類型”下拉列表框中選擇“Flash影片（*.swf）”選項(xiàng)并在“文件名”文本框中輸入名稱，然后單擊單擊“保存”按鈕 21“導(dǎo)出Flash Player”對話框在打開的“導(dǎo)出Flash Player”對話框中設(shè)置相關(guān)參數(shù)后，單擊“確定”按鈕，即可將動畫導(dǎo)出為swf格式的動畫影片，“導(dǎo)出Flash Player”對話框中的參數(shù)與“發(fā)布設(shè)置”對話框中“Flash”選項(xiàng)卡中的參數(shù)一樣 22二、導(dǎo)出GIF動畫圖像 “導(dǎo)出影片”對話框把Flash文件導(dǎo)出為GIF動畫圖像時(shí)，需要注意的是Flash文件中不要有包含動畫片斷的影片剪輯，也不能有動作腳本，因?yàn)镕lash只能導(dǎo)出主時(shí)間幀上

13、的動畫內(nèi)容。下面，我們就來介紹導(dǎo)出GIF動畫圖像的方法： 打開素材文檔，選擇“文件”“導(dǎo)出”“導(dǎo)出影片”菜單，在“導(dǎo)出影片”對話框“保存類型”下拉列表框中選擇“GIF動畫”類型，然后選擇文件保存路徑，輸入文件名稱，完成后單擊“保存”按鈕 23“導(dǎo)出GIF”對話框在打開的“導(dǎo)出GIF”對話框中設(shè)置相關(guān)參數(shù)，這里我們保持參數(shù)默認(rèn)不變，單擊“確定”按鈕，完成GIF動畫圖形的導(dǎo)出 24尺寸：設(shè)置導(dǎo)出的GIF動畫高和寬。分辨率：設(shè)置導(dǎo)出的GIF動畫分辨率。顏色：設(shè)置導(dǎo)出的GIF動畫的顏色，默認(rèn)“標(biāo)準(zhǔn)顏色”是256色。 ：當(dāng)在網(wǎng)絡(luò)上查看GIF圖像時(shí)，交錯(cuò)圖像會迅速地以低分辨率出現(xiàn)，然后在繼續(xù)下載過程中再過

14、渡到高分辨率。 ：勾選該復(fù)選框會去除文檔背景顏色，只顯示關(guān)鍵的圖像內(nèi)容。 ：勾選該復(fù)選框可以消除GIF圖像的鋸齒。 ：勾選該復(fù)選框可以補(bǔ)償當(dāng)前色板中沒有的顏色，該選項(xiàng)對于有復(fù)雜混色或漸變色動畫圖像非常有用。但這會使文件增大。 動畫：設(shè)置GIF動畫重復(fù)播放次數(shù)，0次表示一直不停地播放。 “導(dǎo)出GIF”對話框中各參數(shù)的含義如下： 25任務(wù)三 將動畫上傳到網(wǎng)絡(luò) 一、注冊用戶 單擊“注冊”按鈕下面我們在TOM網(wǎng)站的Flash頻道注冊： 打開TOM網(wǎng)站的Flash頻道，網(wǎng)址為“”，在打開的網(wǎng)頁中單擊“注冊”按鈕 26填寫相關(guān)內(nèi)容 在打開的“用戶注冊”頁面中，按照網(wǎng)頁上的提示填寫相關(guān)內(nèi)容，然后在“驗(yàn)證碼”編輯框中輸入右側(cè)顯示的驗(yàn)證碼，這里需要注意區(qū)分大小寫，填寫完畢后單擊“下一步”按鈕 27“激活帳號”頁面 在打開的“激活帳號”頁面中根據(jù)提示填寫更加詳細(xì)的資料，然后單擊“下一步”按鈕 28二、上傳動畫 登錄用戶 單擊“上傳作