Flash動畫制作簡明教程素材與教學課件12.ppt

第12章動畫的輸出與發(fā)布 測試Flash作品優(yōu)化Flash作品導出Flash作品發(fā)布Flash作品上傳Flash作品 12 1測試Flash作品 在本地電腦上 FLash動畫的播放效果是否同預期一樣 Flash動畫的體積是否已經(jīng)是最小狀態(tài) 是不是還可以更小 是否能在網(wǎng)絡環(huán)境下正常地下載和觀看Flash動畫 測試動畫的目的是為了檢查Flash作品在本地電腦和Internet上的播放效果 測試Flash動畫時 我們應考慮以下幾個方面 下面我們以第9章制作的 浪花一朵朵 動畫為例 介紹測試動畫的具體方法 選擇模擬下載速度啟動或關(guān)閉模擬下載功能 1 打開素材文檔 按快捷鍵 Ctrl Enter 測試動畫 在動畫播放窗口中選擇 視圖 下載設(shè)置 菜單 選擇一個模擬下載速度 本例選擇 56K 4 7KB s 2 選擇 視圖 模擬下載 菜單 可啟動或關(guān)閉模擬下載功能 啟動模擬下載功能后 動畫的播放情況便是根據(jù)設(shè)置的傳輸速率 在網(wǎng)絡上的實際播放情況 下載信息圖表 3 選擇 視圖 帶寬設(shè)置 菜單 再選中 視圖 數(shù)據(jù)流圖標 菜單 將出現(xiàn)一個圖表 我們可以通過圖表右側(cè)窗格查看各幀數(shù)據(jù)下載情況 此時選擇任意一幀 播放將停止 可從左邊窗格中查看該幀詳細信息 數(shù)據(jù)流圖表 4 選擇 視圖 數(shù)據(jù)流圖表 菜單 可查看哪個幀需要比較多的時間傳輸 5 測試完畢后 可記下矩形條超過紅線的幀 并返回動畫文檔 對相關(guān)幀做相應的修改 以方便在網(wǎng)絡上播放 關(guān)閉動畫播放界面即可返回動畫文檔 12 2優(yōu)化Flash作品 12 2 1制作手法優(yōu)化 在制作動畫時 我們便應該養(yǎng)成優(yōu)化動畫的習慣 這主要包括以下幾方面內(nèi)容 多使用元件 在動畫中 同一對象只要被使用兩次以上 就最好將其轉(zhuǎn)換為元件 重復使用元件并不會使文件增大 盡量使用補間動畫 補間動畫中的過渡幀是通過系統(tǒng)計算得到 數(shù)據(jù)量相對較小 逐幀動畫需要用戶一幀一幀地添加對象 相對補間動畫來說 會增大文件體積 優(yōu)化幀 避免在同一個關(guān)鍵幀上放置多個包含動畫片斷的對象 例如放置多個影片剪輯 這樣會增加Flash處理文件的時間 優(yōu)化圖層 不要將包含動畫片斷的對象與其他靜態(tài)對象安排在同一個圖層里 應該將包含動畫片斷的對象安排在各自專屬的圖層內(nèi) 以便加速Flash動畫的處理過程 少用位圖制作動作 矢量圖可以任意縮放而不影響動畫畫質(zhì)和大小 位圖圖像一般只作為靜態(tài)元素或背景圖 Flash并不擅長處理位圖圖像的動作 應盡量避免使用位圖制作動作 文檔尺寸越小越好 文檔尺寸越小 Flash文件體積便越小 可以在制作動畫時使用小文檔尺寸 將動畫發(fā)布成HTML格式時再將文檔尺寸設(shè)置得大一點 12 2 2優(yōu)化動畫元素 位圖導入優(yōu)化 制作動畫時 盡量少導入位圖 如果必須導入 則導入前最好使用別的軟件將位圖尺寸修改得小一些 并使用JPEG格式 聲音導入優(yōu)化 使用聲音時 最好導入MP3格式的聲音 并參考我們前面介紹的內(nèi)容優(yōu)化輸出聲音 多用結(jié)構(gòu)簡單的矢量圖形 矢量圖形儲存大小同其尺寸沒有關(guān)系 而是同結(jié)構(gòu)有關(guān) 結(jié)構(gòu)越復雜 儲存尺寸越大 同時還會影響Flash處理動畫的速度 下面是優(yōu)化動畫元素需要注意的地方 少用虛線 繪制圖形時 盡量少用虛線 多用實線 此外 盡量減少線段節(jié)點數(shù) 繪制好圖形后 可以使用 優(yōu)化 或 平滑 命令優(yōu)化圖形 減少圖形的節(jié)點 少用漸變色 漸變色會增加矢量圖形的體積 繪制圖形時盡量多使用純色填充 不要應用太多字體和樣式 盡量不要使用太多不同的字體和樣式 使用的字體越多 Flash文件就越大 盡可能使用Flash內(nèi)定的字體 盡量不要將字體打散 字體打散后 會使文件增大 12 2 3優(yōu)化文本 制作動畫時 如果使用文本 需要注意以下幾個方面 12 3導出Flash作品 12 3 1導出swf動畫影片 swf格式是Flash默認的播放格式 也是用于在網(wǎng)絡上傳輸 播放 或制作網(wǎng)頁時嵌入動畫的格式 下面介紹導出動畫的方法 選擇 導出影片 菜單 1 打開素材文檔 然后選擇 文件 導出 導出影片 菜單 導出影片 對話框 2 在打開的 導出影片 對話框的 保存類型 下拉列表框中可以設(shè)置導出影片的格式 本例保持默認的swf類型 在 保存在 列表框中選擇文件保存路徑 并在 文件名 文本框中為導出文件取一個名稱 完成后單擊 保存 按鈕 導出FlashPlayer 對話框 3 在打開的 導出FlashPlayer 對話框中設(shè)置相關(guān)參數(shù)后 單擊 確定 按鈕 即可將將動畫導出為swf格式的文件 版本 可以選擇以何種版本導出swf影片 加載順序 設(shè)置在動畫中加載圖層的順序 可選擇 由下而上 或 由上而下 選項 選擇該區(qū)中的復選框 則導出的swf文件不能被導入到其他Flash文件中 選擇復選框可以讓Flash播放器自己壓縮影片 默認情況下被選中 密碼 選擇復選框后 可以在此輸入密碼 這樣在別的文檔中導入該swf動畫文件時 需要輸入密碼 導出FlashPlayer 對話框中各參數(shù)的含義如下 JPEG品質(zhì) 用于調(diào)整動畫中所有位圖的輸出品質(zhì) 品質(zhì)越高 圖像越清晰 但swf影片體積也會增大 拖動滾動條可調(diào)整品質(zhì) 音頻流 單擊該選項后的 設(shè)置 按鈕 可以在打開的對話框中調(diào)整動畫中所有 數(shù)據(jù)流 聲音的壓縮 音頻事件 用來調(diào)整動畫中所有 事件 聲音的壓縮 若要讓 音頻流 音頻事件 設(shè)置覆蓋對個別聲音的設(shè)置 選擇此復選框 如果取消選擇此復選框 則導出swf文件時會增大文件大小 設(shè)備聲音是一種以設(shè)備的本機音頻格式 如MIDI或MFi 編碼的聲音 一般情況下 不要選擇此項 12 3 2導出GIF動畫圖像 下面我們以導出 天鵝飛翔 fla 為例 說明在Flash中導出GIF動畫圖像的方法 導出影片 對話框 1 打開素材文檔 然后選擇 文件 導出 導出影片 菜單 在 導出影片 對話框 保存類型 下拉列表框中選擇 GIF動畫 類型 然后選擇文件保存路徑 輸入文件名稱 完成后單擊 保存 按鈕 導出GIF 對話框 2 在打開的 導出GIF 對話框中設(shè)置相關(guān)參數(shù) 本例中我們保持參數(shù)默認不變 單擊 確定 按鈕 完成GIF動畫圖形的導出 尺寸 設(shè)置導出的GIF動畫高和寬 分辨率 設(shè)置導出的GIF動畫分辨率 顏色 設(shè)置導出的GIF動畫的顏色 默認 標準顏色 是256色 顏色越多 圖像越清楚 相應的圖像會越大 當在網(wǎng)絡上查看GIF圖像時 交錯圖像會迅速地以低分辨率出現(xiàn) 然后在繼續(xù)下載過程中再過渡到高分辨率 勾選該復選框會去除文檔背景顏色 只顯示關(guān)鍵的圖像內(nèi)容 導出GIF 對話框中各參數(shù)的含義如下 勾選該復選框可以消除GIF圖像的鋸齒 勾選該復選框可以補償當前色板中沒有的顏色 該選項對于有復雜混色或漸變色動畫圖像非常有用 但這會使文件增大 動畫 設(shè)置GIF動畫重復播放次數(shù) 0次表示一直不停地播放 12 3 3導出靜態(tài)圖像 在Flash中利用 導出圖像 命令 可以導出各種格式的圖像 其具體操作方法如下 選中第313幀 1 打開素材文檔 然后選擇 文件 導出 導出圖像 菜單 打開 導出圖像 對話框 導出圖像 對話框 導出位圖 對話框 2 在 導出圖像 對話框中設(shè)置導出圖像的格式 保存路徑 文件名 本例選擇 位圖 bmp 將圖像導出為bmp格式 完成后單擊 保存 按鈕 3 在打開的 導出位圖 對話框的 包含 下拉列表中選擇 完整文檔大小 選項 將 寬 設(shè)為 150 像素 將 高 設(shè)為 109 像素 將 顏色深度 設(shè)為 8位彩色 然后單擊 確定 按鈕 完成位圖的導出 12 4發(fā)布Flash作品 12 4 1設(shè)置發(fā)布格式 發(fā)布Flash作品前 可以設(shè)置將Flash動畫發(fā)布為何種文件格式 還可具體對某種發(fā)布格式進行詳細設(shè)置 下面以發(fā)布一個Flash動畫為例進行說明 格式 選項卡 1 打開素材文檔 然后選擇 文件 發(fā)布設(shè)置 菜單 在打開的 發(fā)布設(shè)置 對話框中的 格式 選項卡 中可以選擇動畫發(fā)布格式 2 選中某格式后 對話框頂部會出現(xiàn)該格式的選項卡按鈕 用來設(shè)置該格式的發(fā)布選項 例如單擊 Flash 選項卡按鈕 切換到用于設(shè)置swf影片格式的 Flash 選項卡 該選項卡中的設(shè)置與12 3 1節(jié)介紹的相同 這里不再介紹 HTML 選項卡 3 再單擊 HTML 選項卡按鈕 切換到 HTML 選項卡 將動畫發(fā)布為網(wǎng)頁主要有兩個作用 一是可以測試動畫在網(wǎng)頁中的播放效果 二是在做網(wǎng)站的時候 可以直接使用這個網(wǎng)頁 模板 用于選擇網(wǎng)頁使用的模板 單擊后面的 信息 按鈕 會顯示選中的模板信息 檢測Flash版本 選擇該復選框 則網(wǎng)頁中的動畫影片會自動檢測瀏覽者使用的FlashPlayer播放器版本 并以瀏覽者的播放器版播放影片 通常不用選擇此項 尺寸 設(shè)置網(wǎng)頁中影片的寬度和高度 回放 用來設(shè)置影片在網(wǎng)頁中的播放情況 品質(zhì) 該選項可以讓影片在播放品質(zhì)和播放速度之間取得一個平衡點 由 低 到 最佳 HTML 選項卡中各參數(shù)的含義如下 窗口模式 用于設(shè)置影片同網(wǎng)頁中其他內(nèi)容的關(guān)系 HTML對齊 用來設(shè)置影片在瀏覽器窗口中的位置 縮放 如果在前面的 尺寸 選項中設(shè)置了與動畫原始大小不同的尺寸 則通過該選項可以將影片放在指定的網(wǎng)頁區(qū)域內(nèi) Flash對齊 設(shè)置如何在應用程序窗口內(nèi)放置影片內(nèi)容 以及在必要時將影片裁減到與窗口相同的尺寸 顯示警告信息 設(shè)計網(wǎng)頁時 設(shè)置HTML標簽代碼出現(xiàn)錯誤時是否發(fā)出警告信息 12 4 2發(fā)布動畫 設(shè)置好發(fā)布格式后 單擊 發(fā)布設(shè)置 對話框底部的 發(fā)布 按鈕 即可完成動畫的發(fā)布 發(fā)布的影片和網(wǎng)頁 動畫發(fā)布后 發(fā)布的影片或網(wǎng)頁等將保存在動畫文檔所在的文件夾中 雙擊這些文件即可播放發(fā)布的影片 12 5上傳Flash作品 下面以將 浪花一朵朵 swf 上傳到TO