1、任課教師：章春芳任課教師：章春芳辦公室：辦公室：0250E-mail：p參考書：參考書：Flash中文版動(dòng)畫制作教程中文版動(dòng)畫制作教程 清華大學(xué)出版社清華大學(xué)出版社最新最新Flash實(shí)例標(biāo)準(zhǔn)教程實(shí)例標(biāo)準(zhǔn)教程 中國青年出版社中國青年出版社Flash ActionScript2.0編程技術(shù)教程編程技術(shù)教程 清華大學(xué)出版社清華大學(xué)出版社Flash動(dòng)畫設(shè)計(jì)動(dòng)畫設(shè)計(jì)學(xué)習(xí)及掌握的內(nèi)容學(xué)習(xí)及掌握的內(nèi)容（設(shè)計(jì)類）（設(shè)計(jì)類）pFALSH提供的三種文本類型（靜態(tài)文本，動(dòng)態(tài)文本，輸提供的三種文本類型（靜態(tài)文本，動(dòng)態(tài)文本，輸入文本）入文本）pFlash提供的三種圖層（普通圖層，引導(dǎo)層，遮罩層）提供的三種圖層（普通圖層

2、，引導(dǎo)層，遮罩層）pFALSH提供的三種元件類型（圖形，按鈕，影片剪輯）提供的三種元件類型（圖形，按鈕，影片剪輯）pFALSH提供的兩種動(dòng)畫（逐幀動(dòng)畫，補(bǔ)間動(dòng)畫）提供的兩種動(dòng)畫（逐幀動(dòng)畫，補(bǔ)間動(dòng)畫）學(xué)習(xí)及要掌握的內(nèi)容學(xué)習(xí)及要掌握的內(nèi)容（編程類）（編程類）p動(dòng)作腳本（動(dòng)作腳本（ActionScript）的基本語法）的基本語法pFLASH中常用的內(nèi)置類（中常用的內(nèi)置類（MovieClip，Button等）等）p使用組件、行為使用組件、行為p創(chuàng)建高級(jí)交互式動(dòng)畫創(chuàng)建高級(jí)交互式動(dòng)畫第第1篇篇 入門篇入門篇第第1 1章章 FlashFlash基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)pFlash動(dòng)畫常識(shí)動(dòng)畫常識(shí)p熟

3、悉熟悉Flash MX 2004的工作界面的工作界面p文檔的基本操作文檔的基本操作pFlash動(dòng)畫制作基本步驟動(dòng)畫制作基本步驟p優(yōu)秀優(yōu)秀Flash網(wǎng)站推薦網(wǎng)站推薦1.1 Flash動(dòng)畫常識(shí)動(dòng)畫常識(shí) pFlash是美國是美國Macromedia公司推出的一款經(jīng)典動(dòng)畫制作軟件，公司推出的一款經(jīng)典動(dòng)畫制作軟件，目前使用相當(dāng)廣泛。它對(duì)動(dòng)畫制作者的要求不高，而且簡目前使用相當(dāng)廣泛。它對(duì)動(dòng)畫制作者的要求不高，而且簡單易學(xué)，效果流暢生動(dòng)，畫面風(fēng)格多變，因此在動(dòng)畫制作單易學(xué)，效果流暢生動(dòng)，畫面風(fēng)格多變，因此在動(dòng)畫制作領(lǐng)域受到廣大用戶的青睞和好評(píng)。領(lǐng)域受到廣大用戶的青睞和好評(píng)。1.1 Flash動(dòng)畫常識(shí)動(dòng)畫常識(shí)

4、pFlash的歷史的歷史pFlash的特性的特性p動(dòng)畫基本原理動(dòng)畫基本原理 pFlash動(dòng)畫常用領(lǐng)域動(dòng)畫常用領(lǐng)域1. .1.1 Flash的歷史的歷史 p最早期的版本為最早期的版本為Future Splash Animatorp1996年賣給了年賣給了MM（Macromedia公司），改名為公司），改名為Flash1.0p1997年年6月推出了月推出了Flash2.0p1998年年5月推出了月推出了Flash3.0p. . .p自自Flash4.0開始有了自己的播放器開始有了自己的播放器Flash Player 1. .1.2 Flash的特性的特性 p友好的操作界面，容易學(xué)習(xí)友好的操作界面，

5、容易學(xué)習(xí)p生成的動(dòng)畫文件可以獨(dú)立播放生成的動(dòng)畫文件可以獨(dú)立播放 p流媒體動(dòng)畫流媒體動(dòng)畫 p文件體積較小文件體積較小 p可自由縮放，自動(dòng)調(diào)整圖像尺寸可自由縮放，自動(dòng)調(diào)整圖像尺寸p具有交互式作用的多媒體影片具有交互式作用的多媒體影片 1.1.3 動(dòng)畫基本原理動(dòng)畫基本原理 p以前制作的動(dòng)畫都是通過由一幅幅靜止的相關(guān)畫面快速地以前制作的動(dòng)畫都是通過由一幅幅靜止的相關(guān)畫面快速地移動(dòng)，使人們?cè)谝曈X上產(chǎn)生運(yùn)動(dòng)感覺的，而移動(dòng)，使人們?cè)谝曈X上產(chǎn)生運(yùn)動(dòng)感覺的，而Flash動(dòng)畫由動(dòng)畫由矢矢量圖形量圖形組成，通過這些圖形的運(yùn)動(dòng)，產(chǎn)生運(yùn)動(dòng)變化效果。組成，通過這些圖形的運(yùn)動(dòng)，產(chǎn)生運(yùn)動(dòng)變化效果。它是以它是以“流流”的形式進(jìn)

6、行播放，在播放的同時(shí)還能自動(dòng)將的形式進(jìn)行播放，在播放的同時(shí)還能自動(dòng)將后面部分文件下載，實(shí)現(xiàn)多媒體的交互。后面部分文件下載，實(shí)現(xiàn)多媒體的交互。1.1.4 Flash動(dòng)畫常用領(lǐng)域動(dòng)畫常用領(lǐng)域p搞笑動(dòng)畫搞笑動(dòng)畫 pMTV p廣告廣告 p游戲游戲 p網(wǎng)頁網(wǎng)頁 p片頭動(dòng)畫片頭動(dòng)畫 p其他應(yīng)用領(lǐng)域其他應(yīng)用領(lǐng)域1搞笑動(dòng)畫搞笑動(dòng)畫 p制作搞笑動(dòng)畫的目的是讓觀眾開懷一笑，心情舒暢。一個(gè)好制作搞笑動(dòng)畫的目的是讓觀眾開懷一笑，心情舒暢。一個(gè)好的搞笑動(dòng)畫，制作的角色形象要滑稽、有趣、入木三分，而的搞笑動(dòng)畫，制作的角色形象要滑稽、有趣、入木三分，而且內(nèi)容爆笑、幽默。且內(nèi)容爆笑、幽默。2MTV p在網(wǎng)絡(luò)上觀看視頻在網(wǎng)絡(luò)上

7、觀看視頻MTV常常會(huì)因?yàn)榫W(wǎng)速過慢而時(shí)斷時(shí)續(xù)，常常會(huì)因?yàn)榫W(wǎng)速過慢而時(shí)斷時(shí)續(xù)，而而Flash文件相對(duì)于視頻文件來說要小很多，所以很多音樂文件相對(duì)于視頻文件來說要小很多，所以很多音樂網(wǎng)站上的歌曲都配有由網(wǎng)站上的歌曲都配有由Flash制作的制作的MTV。 3廣告廣告 p一個(gè)好的網(wǎng)站的瀏覽量很大，自然就有了網(wǎng)絡(luò)廣告。用一個(gè)好的網(wǎng)站的瀏覽量很大，自然就有了網(wǎng)絡(luò)廣告。用Flash制作的網(wǎng)絡(luò)廣告具有制作的網(wǎng)絡(luò)廣告具有直接明了、占用空間小和視覺沖直接明了、占用空間小和視覺沖擊力強(qiáng)擊力強(qiáng)等特點(diǎn)，正好滿足在網(wǎng)絡(luò)這種特殊環(huán)境下的要求。等特點(diǎn)，正好滿足在網(wǎng)絡(luò)這種特殊環(huán)境下的要求。 4游戲游戲 p相信大多數(shù)電腦愛好者都對(duì)

8、游戲很感興趣，如相信大多數(shù)電腦愛好者都對(duì)游戲很感興趣，如五子棋、俄羅五子棋、俄羅斯方塊、游戲戰(zhàn)機(jī)、拼圖游戲、迷宮游戲斯方塊、游戲戰(zhàn)機(jī)、拼圖游戲、迷宮游戲等等，曾經(jīng)伴等等，曾經(jīng)伴隨著我們度過許多美好的時(shí)光，如圖所示就是利用隨著我們度過許多美好的時(shí)光，如圖所示就是利用FlashFlash制作制作的一款拼圖游戲。的一款拼圖游戲。拼圖游戲拼圖游戲5網(wǎng)頁網(wǎng)頁 p用用Flash可以制作出個(gè)性化的動(dòng)態(tài)網(wǎng)頁，相對(duì)于平時(shí)所看到的網(wǎng)可以制作出個(gè)性化的動(dòng)態(tài)網(wǎng)頁，相對(duì)于平時(shí)所看到的網(wǎng)站更具有視覺上的沖擊力。雖然功能不如專業(yè)網(wǎng)頁制作軟件齊全，站更具有視覺上的沖擊力。雖然功能不如專業(yè)網(wǎng)頁制作軟件齊全，但制作一個(gè)數(shù)據(jù)量不大

9、的個(gè)人網(wǎng)站已經(jīng)足夠了。但制作一個(gè)數(shù)據(jù)量不大的個(gè)人網(wǎng)站已經(jīng)足夠了。6片頭動(dòng)畫片頭動(dòng)畫 pFlash還可以為還可以為網(wǎng)站、宣傳片、電影和光盤制作片頭動(dòng)畫網(wǎng)站、宣傳片、電影和光盤制作片頭動(dòng)畫。 7. 其他應(yīng)用領(lǐng)域其他應(yīng)用領(lǐng)域pFlash的應(yīng)用領(lǐng)域極為廣泛，除了以上所講的領(lǐng)域外，的應(yīng)用領(lǐng)域極為廣泛，除了以上所講的領(lǐng)域外，在在網(wǎng)絡(luò)廣播、教學(xué)課件、多媒體制作、電子賀卡網(wǎng)絡(luò)廣播、教學(xué)課件、多媒體制作、電子賀卡等領(lǐng)等領(lǐng)域，域，F(xiàn)lash的身影也時(shí)常出現(xiàn)。的身影也時(shí)常出現(xiàn)。1.2 熟悉熟悉Flash MX 2004的界面的界面 Flash MX 2004開始界面開始界面p打開最近項(xiàng)目：打開最近項(xiàng)目：選擇打開最近

10、編輯過的文件選擇打開最近編輯過的文件p創(chuàng)建新項(xiàng)目：創(chuàng)建新項(xiàng)目：選擇要?jiǎng)?chuàng)建文件的類型選擇要?jiǎng)?chuàng)建文件的類型p從模板創(chuàng)建：從模板創(chuàng)建：選擇所需要的模板，快速創(chuàng)建項(xiàng)目選擇所需要的模板，快速創(chuàng)建項(xiàng)目Flash MX 2004工作界面工作界面pFlash MX 2004的工作界面的工作界面: 舞臺(tái)舞臺(tái) 時(shí)間軸與圖層時(shí)間軸與圖層 常用工具常用工具 屬性面板屬性面板 浮動(dòng)面板浮動(dòng)面板 主要工具欄主要工具欄Flash MX 2004工作界面工作界面1. 場景與舞臺(tái)場景與舞臺(tái) p舞臺(tái)：舞臺(tái)：在在Flash中編輯動(dòng)畫內(nèi)容通常是在工作界面中間的中編輯動(dòng)畫內(nèi)容通常是在工作界面中間的白白色區(qū)域色區(qū)域（區(qū)域顏色是可以設(shè)置的

11、）中進(jìn)行的，我們把這個(gè)（區(qū)域顏色是可以設(shè)置的）中進(jìn)行的，我們把這個(gè)白色區(qū)域叫做白色區(qū)域叫做“舞臺(tái)舞臺(tái)”。用戶可以在其中進(jìn)行圖形的繪制。用戶可以在其中進(jìn)行圖形的繪制和編輯等工作。和編輯等工作。p工作區(qū)：工作區(qū)：舞臺(tái)（白色區(qū)域）外部有一大片舞臺(tái)（白色區(qū)域）外部有一大片灰色區(qū)域灰色區(qū)域，這個(gè)，這個(gè)灰色區(qū)域稱為灰色區(qū)域稱為工作區(qū)工作區(qū)。工作區(qū)中的內(nèi)容在最終播放動(dòng)畫時(shí)。工作區(qū)中的內(nèi)容在最終播放動(dòng)畫時(shí)是不會(huì)顯示出來的。是不會(huì)顯示出來的。p場景：場景：舞臺(tái)和工作區(qū)舞臺(tái)和工作區(qū)組合起來就成為組合起來就成為“場景場景”。1. 場景與舞臺(tái)場景與舞臺(tái)p尺寸尺寸p匹配匹配p背景顏色背景顏色p幀頻幀頻p標(biāo)尺單位標(biāo)尺單位

12、2. 常用工具常用工具p默認(rèn)情況下，工具欄位于工作界面的左側(cè)，它將默認(rèn)情況下，工具欄位于工作界面的左側(cè)，它將Flash中最中最常用的工具匯集到了該工具欄中，其中包括常用的工具匯集到了該工具欄中，其中包括繪圖工具、填繪圖工具、填色工具和編輯工具色工具和編輯工具等等p在工具欄中包含了繪制和編輯圖形的各種工具，分為在工具欄中包含了繪制和編輯圖形的各種工具，分為“工工具具” 、“查看查看”、“顏色顏色”和和“選項(xiàng)選項(xiàng)”4個(gè)區(qū)域。個(gè)區(qū)域。3. 時(shí)間軸時(shí)間軸 p時(shí)間軸的作用：時(shí)間軸的作用：在制作在制作Flash動(dòng)畫時(shí)，主要就是在時(shí)間軸中動(dòng)畫時(shí)，主要就是在時(shí)間軸中對(duì)幀進(jìn)行編輯對(duì)幀進(jìn)行編輯動(dòng)畫的動(dòng)畫的播放也是

13、靠時(shí)間軸來控制播放也是靠時(shí)間軸來控制的。的。p時(shí)間軸的布局：時(shí)間軸的布局：左邊為左邊為圖層區(qū)圖層區(qū)，右邊由，右邊由播放指針、幀、時(shí)播放指針、幀、時(shí)間軸標(biāo)尺及狀態(tài)欄間軸標(biāo)尺及狀態(tài)欄等組成，如圖所示：等組成，如圖所示：時(shí)間軸時(shí)間軸4. 常用面板常用面板 pFlash MX 2004中包括了許多浮動(dòng)中包括了許多浮動(dòng)面板，如面板，如“屬性屬性”面板、面板、“動(dòng)作動(dòng)作”面板、面板、“混色器混色器”面板和面板和“組件組件”面板等。這些面板主要用于對(duì)舞臺(tái)面板等。這些面板主要用于對(duì)舞臺(tái)中對(duì)象的各種屬性進(jìn)行設(shè)置。中對(duì)象的各種屬性進(jìn)行設(shè)置。1.3 文檔的基本操作文檔的基本操作 p在在Flash中，對(duì)文檔的基本操作

14、主要包括新建、保存、中，對(duì)文檔的基本操作主要包括新建、保存、關(guān)閉和打開等，下面分別進(jìn)行講解：關(guān)閉和打開等，下面分別進(jìn)行講解：新建Flash文檔 保存Flash文檔 關(guān)閉Flash文檔 打開Flash文檔 1. 新建新建Flash文檔文檔 p在制作在制作Flash動(dòng)畫之前必須新建一個(gè)動(dòng)畫之前必須新建一個(gè)Flash文檔，新建文檔，新建Flash文文檔有以下檔有以下3種方法：種方法：在開始頁的在開始頁的“創(chuàng)建新項(xiàng)目創(chuàng)建新項(xiàng)目”欄下面單擊欄下面單擊“Flash文文檔檔” 。選擇選擇“文件文件/新建新建”命令或按命令或按Ctrl+N鍵，在打開的鍵，在打開的“新新建文檔建文檔”對(duì)話框中選擇對(duì)話框中選擇“F

15、lash文檔文檔”選項(xiàng)。選項(xiàng)。在在“新建文檔新建文檔”對(duì)話框中單擊對(duì)話框中單擊“模板模板”標(biāo)簽，在其中標(biāo)簽，在其中選擇相應(yīng)的模板文檔選擇相應(yīng)的模板文檔1. 新建新建Flash文檔文檔新建動(dòng)畫文檔新建動(dòng)畫文檔新建模板文檔新建模板文檔2. 保存保存Flash文檔文檔 p編輯完編輯完Flash文檔后，選擇文檔后，選擇“文件文件/保存保存”命令或按命令或按Ctrl+S鍵鍵進(jìn)行保存。進(jìn)行保存。p如果用戶之前并未保存過此文檔，那么將打開如果用戶之前并未保存過此文檔，那么將打開“另存為另存為”對(duì)話框，選擇保存的位置，為文檔命名并選擇保存類型后。對(duì)話框，選擇保存的位置，為文檔命名并選擇保存類型后。3. 關(guān)閉關(guān)

16、閉Flash文檔文檔 p選擇選擇“文件文件/關(guān)閉關(guān)閉”命令命令p按按Ctrl+W鍵鍵p單擊單擊 上方的上方的 按鈕將其關(guān)閉。按鈕將其關(guān)閉。4. 打開打開Flash文檔文檔 p選擇選擇“文件打開文件打開”命令命令p按按Ctrl+O鍵鍵1.4 Flash動(dòng)畫制作基本步驟動(dòng)畫制作基本步驟 p要制作出一個(gè)出色的要制作出一個(gè)出色的Flash動(dòng)畫作品，應(yīng)該用心把握每個(gè)環(huán)動(dòng)畫作品，應(yīng)該用心把握每個(gè)環(huán)節(jié)，其制作過程大致可分為以下幾個(gè)步驟：節(jié)，其制作過程大致可分為以下幾個(gè)步驟：前期策劃 搜集素材制作動(dòng)畫 后期調(diào)試與優(yōu)化 測試動(dòng)畫 發(fā)布動(dòng)畫 1.4.1 前期策劃前期策劃 p在制作動(dòng)畫之前，應(yīng)首先明確制作在制作動(dòng)畫

17、之前，應(yīng)首先明確制作動(dòng)畫的目的動(dòng)畫的目的、知道、知道動(dòng)畫動(dòng)畫的最終效果的最終效果應(yīng)達(dá)到什么樣的效果和反響、應(yīng)達(dá)到什么樣的效果和反響、動(dòng)畫的整體風(fēng)格動(dòng)畫的整體風(fēng)格應(yīng)該以什么為主及應(yīng)用什么形式將其體現(xiàn)出來。應(yīng)該以什么為主及應(yīng)用什么形式將其體現(xiàn)出來。p在制定了一套完整的方案后，就可以為要制作的動(dòng)畫做初在制定了一套完整的方案后，就可以為要制作的動(dòng)畫做初步的策劃，包括動(dòng)畫中出現(xiàn)的步的策劃，包括動(dòng)畫中出現(xiàn)的人物、背景、音樂及動(dòng)畫劇人物、背景、音樂及動(dòng)畫劇情的設(shè)計(jì)、動(dòng)畫分鏡頭情的設(shè)計(jì)、動(dòng)畫分鏡頭的制作手法和動(dòng)畫片段的過渡等構(gòu)的制作手法和動(dòng)畫片段的過渡等構(gòu)思。思。1.4.2 搜集素材搜集素材 p完成了前期策劃

18、之后，要根據(jù)完成了前期策劃之后，要根據(jù)前期策劃的風(fēng)格、目的和形前期策劃的風(fēng)格、目的和形式式來有針對(duì)性地搜集素材，這樣就能有效地節(jié)約制作時(shí)間。來有針對(duì)性地搜集素材，這樣就能有效地節(jié)約制作時(shí)間。1.4.3 制作動(dòng)畫制作動(dòng)畫 p創(chuàng)作動(dòng)畫中比較關(guān)鍵的步驟就是制作創(chuàng)作動(dòng)畫中比較關(guān)鍵的步驟就是制作Flash動(dòng)畫，前期策劃動(dòng)畫，前期策劃和素材的搜集都是為制作動(dòng)畫而做的準(zhǔn)備。要將之前的想和素材的搜集都是為制作動(dòng)畫而做的準(zhǔn)備。要將之前的想法完美地表現(xiàn)出來，就需要作者細(xì)致地制作。法完美地表現(xiàn)出來，就需要作者細(xì)致地制作。動(dòng)畫的最終動(dòng)畫的最終效果很大程度上取決于動(dòng)畫的制作過程。效果很大程度上取決于動(dòng)畫的制作過程。1.4.4 后期調(diào)試與優(yōu)化后期調(diào)試與優(yōu)化 p動(dòng)畫制作完畢后，為了使整個(gè)動(dòng)畫看起來更加流暢、緊湊，動(dòng)畫制作完畢后，為了使整個(gè)動(dòng)畫看起來更加流暢、緊湊，必須對(duì)動(dòng)畫進(jìn)行調(diào)試。必須對(duì)動(dòng)畫進(jìn)行調(diào)試。p調(diào)試動(dòng)畫主要是針對(duì)調(diào)試動(dòng)畫主要是針對(duì)動(dòng)畫對(duì)象的細(xì)節(jié)、分鏡頭和動(dòng)畫片段動(dòng)畫對(duì)象的細(xì)節(jié)、分鏡頭和動(dòng)畫片段的銜接、聲音與動(dòng)畫播放是否同步的銜接、聲音與動(dòng)畫播放是否同步等進(jìn)行調(diào)整，以此保證等進(jìn)行調(diào)整，以此保證動(dòng)畫作品的最終效果與