動(dòng)畫設(shè)計(jì)教程第1章.ppt

《動(dòng)畫設(shè)計(jì)教程第1章.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《動(dòng)畫設(shè)計(jì)教程第1章.ppt（50頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

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