《Flash8動(dòng)畫設(shè)計(jì)》 導(dǎo)出和發(fā)布動(dòng)畫.ppt

《《Flash8動(dòng)畫設(shè)計(jì)》 導(dǎo)出和發(fā)布動(dòng)畫.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《《Flash8動(dòng)畫設(shè)計(jì)》 導(dǎo)出和發(fā)布動(dòng)畫.ppt（21頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

第8章導(dǎo)出和發(fā)布動(dòng)畫 本章主要內(nèi)容 8 1動(dòng)畫的測(cè)試與優(yōu)化8 2導(dǎo)出動(dòng)畫8 3發(fā)布動(dòng)畫 第8章導(dǎo)出和發(fā)布動(dòng)畫 8 1動(dòng)畫的測(cè)試與優(yōu)化 在制作動(dòng)畫的過程中 需要經(jīng)常測(cè)試當(dāng)前編輯的動(dòng)畫 以便于觀察動(dòng)畫效果是否符合設(shè)計(jì)者的思路 為了保證動(dòng)畫在網(wǎng)絡(luò)上的播放效果 還應(yīng)隨時(shí)測(cè)試動(dòng)畫的下載性能 并對(duì)動(dòng)畫進(jìn)行有針對(duì)性的優(yōu)化 8 1 1動(dòng)畫的測(cè)試測(cè)試動(dòng)畫有以下幾種情況 簡(jiǎn)單動(dòng)畫的測(cè)試 動(dòng)畫中腳本代碼的測(cè)試 動(dòng)畫下載性能的測(cè)試 1 簡(jiǎn)單動(dòng)畫的測(cè)試對(duì)于簡(jiǎn)單的動(dòng)畫 可使用以下方法測(cè)試動(dòng)畫 l執(zhí)行 控制 播放 菜單命令 測(cè)試動(dòng)畫 l按 Enter 鍵進(jìn)行測(cè)試 執(zhí)行 窗口 工具欄 控制器 菜單命令 打開 控制器 面板 利用其中的按鈕來測(cè)試 如果動(dòng)畫中帶有簡(jiǎn)單的幀或按鈕動(dòng)作語句 則執(zhí)行 控制 啟用簡(jiǎn)單幀動(dòng)作 命令 然后再使用上述方法進(jìn)行測(cè)試 如果動(dòng)畫中引用了影片剪輯元件實(shí)例 或動(dòng)畫中包含多個(gè)場(chǎng)景 則必須使用 控制 測(cè)試影片 或 測(cè)試場(chǎng)景 菜單命令 到FlashPlayer中對(duì)動(dòng)畫進(jìn)行測(cè)試 2 動(dòng)畫中腳本代碼的測(cè)試對(duì)于動(dòng)畫中的腳本代碼 Flash8也提供了幾種工具對(duì)其進(jìn)行測(cè)試 調(diào)試器 執(zhí)行 控制 調(diào)試影片 命令 可以打開當(dāng)前影片的調(diào)試器面板 該面板可以顯示一個(gè)當(dāng)前加載到FlashPlayer中的影片剪輯的分層顯示列表 并在動(dòng)畫播放時(shí)動(dòng)態(tài)地顯示和修改變量與屬性的值 而且可以使用斷點(diǎn)停止影片 同時(shí)逐行跟蹤動(dòng)作腳本代碼 輸出面板 可以顯示動(dòng)畫中的錯(cuò)誤信息以及變量和對(duì)象列表 幫助用戶查找錯(cuò)誤 Trace語句 用戶可以在動(dòng)畫中使用Trace語句將特定的信息發(fā)送到輸出面板中 3 動(dòng)畫下載性能的測(cè)試動(dòng)畫作品制作完畢后 在輸出或發(fā)布之前 通常要對(duì)動(dòng)畫進(jìn)行測(cè)試 使用帶寬設(shè)置可以以圖形化方式查看下載性能 它會(huì)根據(jù)所設(shè)置的調(diào)制解調(diào)器的傳輸速率 將動(dòng)畫中每幀的傳輸數(shù)據(jù)以圖形方式顯示出來 下載速度是Flash根據(jù)一般的網(wǎng)絡(luò)性能設(shè)定的一個(gè)模擬近似值 而不是精確的調(diào)制解調(diào)器速度 例如 若選擇模擬28 8kbps的調(diào)制解調(diào)器速度 理論上能以3 5KB s的速度下載數(shù)據(jù) 但在Internet上其實(shí)際速度達(dá)不到這個(gè)值 但為了更逼真地模擬網(wǎng)絡(luò)特性 Flash將實(shí)際下載速率設(shè)為2 3KB s 8 1 2動(dòng)畫的優(yōu)化Flash在導(dǎo)出SWF文件時(shí) 會(huì)自動(dòng)進(jìn)行一些優(yōu)化 用戶也可以自己對(duì)動(dòng)畫進(jìn)行優(yōu)化處理 在導(dǎo)出或發(fā)布影片之前 可以從以下幾個(gè)方面對(duì)動(dòng)畫文件進(jìn)行整體優(yōu)化 1 減少文件的大小l對(duì)于多次出現(xiàn)的元素 應(yīng)盡量轉(zhuǎn)換為元件 l盡量使用漸變動(dòng)畫 因?yàn)闈u變動(dòng)畫的關(guān)鍵幀比逐幀動(dòng)畫要少 所以文件容量也較小 l盡量避免位圖圖像的動(dòng)畫 應(yīng)將位圖作為背景或靜態(tài)元素 l對(duì)于動(dòng)畫序列 要使用影片剪輯而不是圖形元件 l限制在每個(gè)關(guān)鍵幀中的變化區(qū)域 在盡可能小的區(qū)域中執(zhí)行動(dòng)作 l對(duì)于聲音文件 應(yīng)盡可能使用MP3這種數(shù)據(jù)量較小的格式 2 優(yōu)化元素和線條l盡可能地將元素組合起來 l將在整個(gè)過程中變化的元素與不變的元素分放在不同的圖層上 l限制使用特殊線條類型的數(shù)量 如 虛線 點(diǎn)狀線 波浪線等 盡量使用實(shí)線 因?yàn)閷?shí)線占用的內(nèi)存較小 用鉛筆工具生成的線條比用畫筆工具生成的線條所需的內(nèi)存更少 l使用 修改 形狀 優(yōu)化 命令 3 文本和字體的優(yōu)化l限制字體數(shù)量和字體樣式 盡量少嵌入字體 l對(duì)于 嵌入字體 選項(xiàng) 只選擇需要的字符 不要包括所有字體 4 優(yōu)化顏色l在元件的 屬性 面板中 使用 顏色 菜單創(chuàng)建一個(gè)元件具有不同顏色屬性的多個(gè)實(shí)例 l使用混色器使動(dòng)畫的調(diào)色板與瀏覽器調(diào)色板相匹配 l盡量少用漸變色 因?yàn)闈u變填充要比實(shí)色填充多占50個(gè)字節(jié) l盡量減少透明度 Alpha 的使用 因?yàn)樗鼤?huì)降低回放速度 5 動(dòng)作腳本優(yōu)化l在 發(fā)布設(shè)置 的 Flash 選項(xiàng)卡中 選中 省略跟蹤動(dòng)作 復(fù)選框 從而在發(fā)布的影片中將不會(huì)有 輸出 窗口彈出 l在腳本編程中盡量使用局部變量 l在腳本編程中盡量將經(jīng)常重復(fù)的代碼段定義為函數(shù) 8 2導(dǎo)出動(dòng)畫 8 2 1導(dǎo)出概述將動(dòng)畫優(yōu)化并測(cè)試完其下載性能后 就可以將動(dòng)畫導(dǎo)出到其它應(yīng)用程序中去 例如 可將動(dòng)畫導(dǎo)出為包括GIF JPEG BMP PNG AVI或QuickTime等不同格式的動(dòng)態(tài)或靜態(tài)圖像 在導(dǎo)出過程中有多種格式可供選擇 但每次只能按一種格式導(dǎo)出 在Flash8中 可以通過執(zhí)行 文件 導(dǎo)出 菜單命令 選擇導(dǎo)出圖像或?qū)С鲇捌?第8章導(dǎo)出和發(fā)布動(dòng)畫 在導(dǎo)出的過程中要注意以下兩點(diǎn) 1 在將Flash圖像導(dǎo)出為矢量圖形文件 如AdobeIllustrator格式 時(shí) 將保留其矢量信息 用戶可以使用其他的矢量圖形軟件編輯這些文件 但是不能將這些圖像導(dǎo)入到大多數(shù)的頁面布局和字處理程序中 2 在將Flash圖像導(dǎo)出為位圖圖形文件 如JPEG BMP或GIF等 時(shí) 圖像矢量信息將丟失 僅以像素信息保存 此時(shí)只能使用圖像編輯軟件 如AdobePhotoshop 編輯圖像 8 2 2導(dǎo)出文件的格式用戶可以用多種不同的格式導(dǎo)出Flash內(nèi)容和圖像 下面介紹幾種常用的文件格式 lFlash影片 swf 這是Flash動(dòng)畫的默認(rèn)文件格式 這種文件只有在Flash播放器中才能播放 lWindowsAVI avi 該格式是標(biāo)準(zhǔn)的Windows動(dòng)畫格式 因?yàn)锳VI是基于位圖格式 所以高分辨率或較長(zhǎng)的動(dòng)畫會(huì)使文件容量變得更大 lGIF動(dòng)畫 gif 可導(dǎo)出一個(gè)包含多個(gè)連續(xù)畫面的GIF動(dòng)畫文件 lGIF序列文件 gif 將動(dòng)畫中的每一幀轉(zhuǎn)換為單獨(dú)的GIF格式位圖文件序列 lGIF圖像 gif 導(dǎo)出一個(gè)GIF格式的靜態(tài)圖像文件 lJPEG序列文件 jpg 導(dǎo)出JPEG格式的文件序列 每幀轉(zhuǎn)換為單獨(dú)的JPEG文件 lJPEG圖像 jpg 導(dǎo)出一個(gè)JPEG格式的靜態(tài)圖像文件 l位圖文件序列 bmp 導(dǎo)出一組位圖圖像 即每一幀對(duì)應(yīng)一個(gè)BMP文件 lAdobeIllustrator ai 是Flash與其他矢量繪圖程序 如FreeHand 之間交換圖形的最好格式 這種格式支持曲線 線條類型 填充信息的精確轉(zhuǎn)換 lWMF序列文件 wmf 該格式是標(biāo)準(zhǔn)的Windows圖形格式 可將動(dòng)畫中的每一幀轉(zhuǎn)換為單獨(dú)的WMF文件 整個(gè)動(dòng)畫輸出為WMF格式圖形文件序列 lWAV音頻 wav 將當(dāng)前動(dòng)畫中的所有聲音輸出到一個(gè)WAV格式的文件中保存 lPNG序列文件和PNG圖像 png 可導(dǎo)出PNG格式的文件 PNG圖像是惟一支持透明度 包含alpha通道 不易失真便于傳輸?shù)目缙脚_(tái)位圖格式 請(qǐng)進(jìn)入Flash窗口通過實(shí)例介紹幾種常用格式 8 3發(fā)布動(dòng)畫 當(dāng)測(cè)試完動(dòng)畫并運(yùn)行無誤后 可以發(fā)布動(dòng)畫了 Flash8為用戶集成了發(fā)布命令 默認(rèn)情況下 使用發(fā)布命令可以創(chuàng)建Flash swf 播放文件并將動(dòng)畫插入到瀏覽器窗口中的HTML文件中 除以SWF格式發(fā)布Flash影片外 還可利用其他文件格式發(fā)布Flash影片 如GIF JPEG PNG及QuickTime格式等 另外 還可將影片發(fā)布為能夠獨(dú)立運(yùn)行的程序 exe 第8章導(dǎo)出和發(fā)布動(dòng)畫 8 3 1發(fā)布設(shè)置Flash能夠發(fā)布為8種格式的文件 在發(fā)布之前 可選擇 文件 發(fā)布設(shè)置 命令 在彈出的 發(fā)布設(shè)置 對(duì)話框中 選擇和指定所需格式 每選擇一種格式類型 在對(duì)話框的上方將出現(xiàn)關(guān)于該類型的選項(xiàng)卡 選擇了所有的類型的 發(fā)布設(shè)置 對(duì)話框 8 3 2發(fā)布預(yù)覽在發(fā)布動(dòng)畫之前 可以使用 文件 菜單中的 發(fā)布預(yù)覽 命令 并從子菜單中選擇所要預(yù)覽的文件類型 Flash將按所選的文件類型在默認(rèn)瀏覽器中輸出并打開動(dòng)畫 該命令不僅輸出并顯示所在菜單中選中的文件類型輸出的文件 而且還按在發(fā)布設(shè)置對(duì)話框中選定的所有文件格式輸出 Thankyouverymuch 本章到此結(jié)束 謝謝您的光臨