動畫設(shè)計教程第1章.ppt

1 1Flash簡介1 2Flash8的新增功能1 3Flash8的文件操作1 4關(guān)于FlashPlayer1 5文件的打開和保存1 6打開并修改文件過關(guān)練習(xí) 第1章Flash8入門知識 1 1Flash簡介Macromedia公司成立于1992年 它在1998年收購了一家開發(fā)制作Director網(wǎng)絡(luò)發(fā)布插件 FutureSplash的小公司 并且繼續(xù)發(fā)展了FutureSplash插件 這就是后來廣泛流行的Flash Flash是一款矢量圖形編輯和動畫創(chuàng)作軟件 用它可以將聲音 文字 圖像甚至視頻融合在一起 制作出高品質(zhì)的動畫效果 1 1 1Flash8的特點和以前版本的Flash軟件相比 Flash8具有以下特點 1 交互式設(shè)計Flash8具有強大的交互功能 使用它可以創(chuàng)建按鈕 多級彈出式菜單 復(fù)選框及交互式游戲等 使用戶可以隨心所欲地控制動畫 2 采用矢量圖使用Flash8制作的動畫中的圖形都為矢量圖 因此 即使將動畫的播放界面放大或縮小 也不會影響動畫的品質(zhì) 如圖1 1 1所示 圖1 1 1放大矢量圖不會失真 3 作品下載時間短Flash8支持 流技術(shù) 下載 克服了目前網(wǎng)絡(luò)傳輸速度較慢的缺點 并且允許用戶邊下載邊觀看動畫 而不用等待將整個動畫下載完后再觀看 4 支持導(dǎo)入音頻和視頻在Flash8中 用戶可以將外部的音頻和視頻文件導(dǎo)入用戶的動畫中 還可以根據(jù)需要對其進行編輯和加工處理 以使其符合用戶的實際需要 5 插件工作方式Flash8的工作方式為插件方式 任何安裝有ShockwaveFlash插件的網(wǎng)絡(luò)用戶 都可通過網(wǎng)頁瀏覽器觀看Flash動畫 6 適用范圍廣使用Flash不僅可以制作動畫 還可以制作教學(xué)課件 產(chǎn)品功能展示 MTV和Flash游戲等 總之 隨著計算機技術(shù)的發(fā)展 Flash應(yīng)用的范圍已經(jīng)越來越廣 7 支持遮罩在Flash中恰當?shù)厥褂谜谡?可以創(chuàng)建獨特的動畫透視效果 1 1 2Flash的應(yīng)用由于新版的Windows操作系統(tǒng)預(yù)裝了Flash插件 使得Flash得到了迅速發(fā)展 它主要應(yīng)用于以下幾個方面 1 網(wǎng)站廣告動畫 目前 Flash已成為網(wǎng)站廣告動畫的主要形式 如新浪 搜狐等大型門戶網(wǎng)站都很大程度地使用了Flash動畫 如圖1 1 2所示為搜狐網(wǎng)站中雪花啤酒的廣告動畫 圖1 1 2搜狐網(wǎng)站中雪花啤酒的廣告動畫 2 音樂MTV 由于Flash支持MP3音頻 而且能夠邊下載邊播放 大大節(jié)省了下載的時間和所占用的帶寬 因此被廣泛應(yīng)用于音樂MTV的制作 如圖1 1 3所示 圖1 1 3音樂MTV 3 產(chǎn)品功能演示 在產(chǎn)品被開發(fā)出來后 為了讓人們了解它的功能 開發(fā)商常常用Flash制作一個演示片 以便能全面地展示產(chǎn)品的特點 使用Flash制作的產(chǎn)品功能展示不僅圖文并茂 而且能通過生動的語言講解產(chǎn)品的新功能 克服了平面廣告宣傳不到位的缺點 如圖1 1 4所示為一個汽車演示動畫 圖1 1 4汽車演示動畫 4 教學(xué)課件 對于教師們來說 Flash是個好的教學(xué)幫手 由它開發(fā)的教學(xué)課件操作簡單 文件體積小 交互性強 非常有利于教學(xué)的互動 如圖1 1 5所示 5 故事片 提到故事片 相信大家可以舉出一大堆經(jīng)典的Flash故事片 如三國系列 春水系列 大話西游系列等 制作故事片需要有好的手繪功底 如圖1 1 6所示 圖1 1 5教學(xué)課件圖1 1 6故事片 大話李白 6 網(wǎng)站片頭 為了使瀏覽者對自己的網(wǎng)站過目不忘 現(xiàn)在幾乎所有的個人網(wǎng)站或設(shè)計類網(wǎng)站都有網(wǎng)站片頭動畫 如圖1 1 7所示為銳志汽車的片頭動畫 圖1 1 7銳志汽車的片頭動畫 7 網(wǎng)站導(dǎo)航 使用Flash制作的網(wǎng)站導(dǎo)航條 美觀且具有超強的交互性 因此被用于制作具有獨特風(fēng)格的網(wǎng)站導(dǎo)航條 如圖1 1 8所示 8 游戲 游戲可以為我們的生活增添樂趣 通過在Flash中進行ActionScript編程 可以制作出小而有趣的游戲 如圖1 1 9所示 圖1 1 8網(wǎng)站導(dǎo)航條圖1 1 9Flash游戲 1 2Flash8的新增功能新推出的Flash有FlashBasic8和FlashProfessional8兩個版本 其中FlashBasic8是面向Web設(shè)計人員 交互式媒體專業(yè)人員和開發(fā)多媒體內(nèi)容的版本 它注重創(chuàng)建 導(dǎo)入和處理多種類型的媒體 音頻 視頻 位圖 矢量 文本和數(shù)據(jù) FlashProfessional8是Macromedia公司專為高級Web設(shè)計人員和應(yīng)用程序構(gòu)建人員而設(shè)計的 它除了具備FlashBasic8的所有功能之外 還新增了以下幾種強大的功能 1 對象繪制模型 在Flash8中 新增的 對象繪制 模型可以讓用戶使用繪圖工具繪制出獨立于其他形狀的圖形對象 該圖形不會影響其下方的其他圖形 如圖1 2 1所示 圖1 2 1對象繪制模型下的圖形不相互影響 2 增強填充變形工具的功能 新的填充變形工具可以讓用戶對舞臺上的對象應(yīng)用復(fù)雜的漸變 并能夠精確地控制漸變中心點的位置 以創(chuàng)建不同的漸變效果 而且能對漸變應(yīng)用其他參數(shù) 如圖1 2 2所示 圖1 2 2改進的放射狀漸變功能 3 腳本助手模式 在動作面板中新增了腳本助手 可使用戶在不太了解ActionScript的情況下也能創(chuàng)建動作腳本 如圖1 2 3所示為普通模式和腳本助手模式下的動作面板 圖1 2 3普通模式和腳本助手模式下的動作面板 4 擴展的舞臺工作區(qū) 當用戶制作的圖形不能全部放置于舞臺中時 可將它們放置于舞臺周圍的空白區(qū)域 即工作區(qū) 中 將其暫時存儲起來以備不時之需 且該區(qū)域中的圖形在播放SWF文件時不顯示在舞臺中 5 文件選項卡 用戶可以在同一個Flash應(yīng)用程序窗口中打開多個Flash文件 并可以使用位于工作區(qū)頂部的文件選項卡在它們之間進行切換 6 改進的 首選參數(shù) 對話框 Flash8精簡了 首選參數(shù) 對話框的設(shè)計 對其重新布局 使該對話框更簡潔易用 7 單一庫面板 在以前發(fā)布的版本中 若要查看多個Flash文件的庫元素 必須同時打開多個庫面板 而Flash8對庫面板進行了集成設(shè)計 即只要打開一個庫面板即可查看多個Flash文件的庫元素 如圖1 2 4所示 圖1 2 4在FlashMX2004與Flash8中查看多個文件的庫項目 8 改進的發(fā)布界面 Flash8簡化了 發(fā)布設(shè)置 對話框 使得SWF文件的發(fā)布更加快捷 輕松 9 新的曲線算法 在使用鉛筆工具和刷子工具繪圖時 Flash8采用了新的曲線算法 允許用戶在屬性面板中設(shè)置平滑度 從而通過增加平滑度的數(shù)值減少曲線的點數(shù) 最終縮小文件的大小 10 自定義緩動控制 使用Flash8中新增的緩動控制 可以精確地控制時間軸中應(yīng)用了補間的圖形在舞臺上的變化過程 使用這種新的控制 可以使對象在一個補間內(nèi)在舞臺上前后移動 也可以創(chuàng)建其他復(fù)雜的補間效果 如圖1 2 5所示即為 自定義緩入 緩出 對話框 圖1 2 5 自定義緩入 緩出 對話框 11 圖形效果濾鏡 用戶可以使用Flash8中的濾鏡為對象添加發(fā)光 投影等多種效果或效果的組合 如圖1 2 6所示 圖1 2 6多種濾鏡效果 12 平滑位圖 Flash8中新增的平滑位圖功能 可以使用戶在放大或縮小位圖圖像時改善圖像的外觀 13 改進的消除文本鋸齒功能 用戶可以應(yīng)用新的消除鋸齒設(shè)置 使正常大小和較小的文本顯示得更清晰 14 新的視頻編碼器 Flash8附帶了一個新的視頻編碼器 它是一個獨立的應(yīng)用程序 可以方便地將視頻文件轉(zhuǎn)換為Flash視頻格式 flv 該程序還可以用來執(zhí)行視頻文件的批處理 15 混合模式 Flash8提供了多種圖像混合模式 使用它們可以更改一個對象與位于其下方的各個對象的組合方式 從而獲得多種復(fù)合效果 如圖1 2 7所示 圖1 2 7多種混合模式效果 16 對象層級撤銷模式 在以前發(fā)布的版本中 若要進行撤銷操作 會一步一步地將所有的代碼和對象撤銷 而Flash8提供了兩種撤銷方式 一種是文檔級別的撤銷 如只撤銷輸入的代碼 一種是對象級別的撤銷 如只撤銷場景中的對象操作 如圖1 2 8所示 17 Flash8增強了查找和替換功能 用戶可以查找和替換文字 字體 顏色 元件 聲音 視頻和導(dǎo)入的位圖等多種對象 如圖1 2 9所示 圖1 2 8兩種撤銷方式圖1 2 9增強的查找和替換功能 1 3Flash8的文件操作在Flash8中有兩種文件 一種是以 swf為后綴名的動畫文件 另一種是以 fla為后綴名的源文件 Flash8的文件操作是創(chuàng)建動畫的基本操作 它包括新建 打開 保存和導(dǎo)出文件等 1 3 1新建文件用戶新建的文件都是以 fla為后綴名的源文件 新建文件主要有以下4種方法 1 從開始頁新建 啟動Flash8軟件 打開開始頁 選擇 創(chuàng)建新項目 選項組中的 Flash文檔 選項 如圖1 3 1所示 2 從菜單欄新建 選擇 文件 新建 命令 彈出 新建文檔 對話框 在 類型 選項組中選擇 Flash文檔 選項 如圖1 3 2所示 然后單擊 確定 按鈕 圖1 3 1從開始頁新建文件圖1 3 2 新建文檔 對話框 3 通過快捷鍵新建 按 Ctrl N 鍵 彈出 新建文檔 對話框 然后按照方法 2 繼續(xù) 4 從模板新建 單擊 新建文檔 對話框中的 模板 標簽 此時 新建文檔 對話框?qū)⒆優(yōu)槿鐖D1 3 3所示的 從模板新建 對話框 在 類別 選項組中選擇文件的類型 在 模板 選項組中選擇文件的樣式 然后單擊 確定 按鈕 1 3 2打開文件要編輯Flash8的動畫文件 必須先打開該動畫文件 這里所說的文件是指Flash源文件 即可編輯的 fla文件 而不是 swf文件 打開文件主要有以下3種方法 1 從開始頁打開 啟動Flash8軟件 打開開始頁 最近編輯過的文件會顯示在 打開最近項目 選項組中 用鼠標單擊相應(yīng)的文件名稱即可將其打開 2 從菜單欄打開 選擇 文件 打開 命令 彈出 打開 對話框 選擇需要打開的文件 如圖1 3 4所示 然后單擊 打開 按鈕 圖1 3 3 從模板新建 對話框圖1 3 4 打開 對話框 3 通過快捷鍵打開 按 Ctrl O 鍵 彈出 打開 對話框 然后按照方法 2 繼續(xù) 1 3 3保存文件動畫完成后須將其保存起來 Flash8提供了 保存 另存為 保存并壓縮 另存為模板 和 全部保存 5個保存命令 1 保存 保存當前文件 并將新增信息追加到該文件中 2 另存為 將當前文件以新的名稱保存到不同的位置 3 保存并壓縮 保存當前文件 并對文件數(shù)據(jù)進行壓縮 4 另存為模板 將當前文件保存為模板 選擇該命令將彈出 另存為模板 對話框 用戶可以在 名稱 文本框中輸入模板的名稱 在 類別 下拉列表中選擇一個模板類別 在 描述 文本框中輸入對模板的說明 如圖1 3 5所示 然后單擊 保存 按鈕 圖1 3 5輸入模板信息 5 全部保存 將當前打開的所有文件一次性全部保存 1 3 4關(guān)閉文件當用戶將Flash動畫制作完成后 可將該文件關(guān)閉 使操作界面更簡潔 可采用以下幾種方法關(guān)閉Flash文件 1 在菜單欄中選擇 文件 關(guān)閉 命令 可將目前正在操作的文件關(guān)閉 2 選擇 文件 全部關(guān)閉 命令 可將打開的多個文件同時關(guān)閉 3 單擊工作窗口右上角的 關(guān)閉 按鈕 可快速關(guān)閉目前正在操作的文件 1 4關(guān)于FlashPlayerFlashPlayer是Flash動畫的播放器 目前的最高版本為8 0 即使用FlashPlayer8可以在最大范圍內(nèi) 在各種平臺 瀏覽器和設(shè)備上 以同一方式播放所有后綴名為 swf的文件 如果用戶要播放后綴名為 swf的文件 必須保證在本地計算機上安裝了FlashPlayer播放器 在默認情況下 FlashPlayer將隨Flash8應(yīng)用程序一起安裝 如圖1 4 1所示 圖1 4 1FlashPlayer8 如果用戶沒有安裝FlashPlayer插件 可通過以下幾種方法安裝 1 安裝Flash8 2 從M下載免費的插件進行安裝 3 在安裝光盤的softwares FlashPlayer 目錄下找到該插件的安裝文件進行安裝 在FlashPlayer工作窗口中包含4個菜單項 分別為 文件 查看 控制 和 幫助 文件 菜單中包括打開 關(guān)閉 打印 創(chuàng)建播放器和退出命令 用戶可以使用這些命令進行關(guān)于文件的操作 查看 菜單中包括100 顯示全部 放大 縮小 全屏和品質(zhì)命令 用戶可以使用這些命令改變Flash播放器的工作窗口及其顯示清晰度 控制 菜單中包括播放 后退 向前 向后和循環(huán)命令 用戶可以使用這些命令控制動畫播放時的進度 幫助 菜單中包括關(guān)于MacromediaFlashPlayer8命令 選擇該命令 會彈出一個顯示Flash播放器版本信息的對話框 1 5文件的打開和保存在Flash8中打開已經(jīng)創(chuàng)建好的文件 效果如圖1 5 1所示 圖1 5 1打開創(chuàng)建的文件 操作步驟如下 1 啟動Flash8軟件 2 選擇 文件 打開 命令 彈出 打開 對話框 在 查找范圍 下拉列表中選擇路徑為 C ProgramFiles Macromedia Flash8 SamplesandTutorials Samples Components Jukebox jukebox fla 的文件 3 單擊 打開 按鈕將其打開 如圖1 5 2所示 圖1 5 2打開的文件 4 選擇 文件 另存為 命令 在彈出的 另存為 對話框中單擊按鈕 將路徑切換至桌面 如圖1 5 3所示 5 單擊 保存 按鈕完成操作 6 按 Ctrl Enter 鍵預(yù)覽 效果如圖1 5 1所示 圖1 5 3 另存為 對話框 1 6打開并修改文件將已經(jīng)制作好的Flash文件打開 并對其進行修改 如圖1 6 1所示 圖1 6 1修改Flash文件 操作步驟如下 1 啟動Flash8軟件 2 選擇 文件 打開 命令 彈出 打開 對話框 3 在 查找范圍 下拉列表中選擇路徑為 C ProgramFiles Macromedia Flash8 SamplesandTutorials Samples Graphics AnimatedDropShadow animation and gradients fla 的文件 如圖1 6 2所示 4 單擊 打開 按鈕將其打開 如圖1 6 3所示 圖1 6 2選擇文件圖1 6 3打開文件 5 選擇 修改 文檔 命令 彈出 文檔屬性 對話框 如圖1 6 4所示 6 在 幀頻 文本框中輸入數(shù)值 24 7 單擊 背景顏色 后的 顏色 按鈕 在打開的顏色列表中選取值為 996600 的顏色 如圖1 6 5所示 8 單擊 確定 按鈕 更改動畫文件 animation and gradients fla 的背景顏色和幀頻 9 按 Ctrl Enter 鍵 預(yù)覽動畫效果 如圖1 6 1所示 圖1 6 4 文檔屬性 對話框圖1 6 5在顏色列表中選取顏色 過關(guān)練習(xí)填空題1 Flash的前身是 即早期流行的矢量動畫插件 2 Flash8新增了 當在該模型下繪制圖形時 新圖形不會改變位于它下面的其他圖形 3 Flash采用Shockwave技術(shù) 按照 方式傳輸多媒體數(shù)據(jù) 用戶可以邊下載邊播放 從而節(jié)省了等待時間 4 Flash8的特點包括 和 選擇題1 Flash源文件指后綴名為 的文件 A fla B swf C exe D html2 下列 不屬于Flash8的新增功能 A 漸變增強 B 腳本助手模式 C 位圖平滑 D 時間軸特效3 Flash8自帶的播放器是 A FlashPlayer5 B FlashPlayer6 C FlashPlayer7 D FlashPlayer8 簡答題1 簡述矢量圖形的優(yōu)點 2 如果用戶要播放后綴名為 swf的文件 必須保證在本地計算機上安裝了什么 3 Flash8的新增功能有哪些 上機操作題1 檢查自己電腦的系統(tǒng)配置是否符合安裝Flash8的系統(tǒng)要求 如果符合 嘗試在計算機上安裝Flash8應(yīng)用軟件 2 設(shè)置系統(tǒng)的首選參數(shù) 3 自定義Flash8中的快捷鍵 4 創(chuàng)建一個尺寸為 500px 200px 背景顏色為 紅色 幀頻為 30 名稱為 a 的動畫文件