中職flash教案 高等教育出版社

1、動(dòng)畫設(shè)計(jì) 2008.09 高等教育出版社 專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第1課課 題動(dòng)畫設(shè)計(jì)概述教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知認(rèn)識(shí)Flash MX 2004的歷史、特點(diǎn)技 能懂得安裝Flash MX 2004情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)安裝Flash MX 2004難 點(diǎn)安裝Flash MX 2004關(guān) 鍵安裝Flash MX 2004教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間開始部分：介紹這節(jié)課要講的知識(shí)點(diǎn)：1、Flash MX的歷史2、Flash MX的特點(diǎn)3、Flash MX的安裝展開部分：Flash MX概述111 Flash的歷史

2、Flash的前身是美國(guó)一家電腦公司生產(chǎn)的一個(gè)很小的計(jì)算機(jī)軟件，早期稱為FutureSplash。從flash1.0發(fā)展到現(xiàn)在的flash9.0。我最常用的還是flashMX2004版本。112 Flash的特點(diǎn) 1使用矢量圖形和流式播放技術(shù)。 2通過(guò)使用關(guān)鍵幀和元件，使得所生成的.swf格式的動(dòng)畫文件非常小。3將音樂(lè)、動(dòng)畫、聲效融合在一起。這樣使得越來(lái)越多的人把Flash作為網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)的首選工具。4擁有功能強(qiáng)大的ActionScript語(yǔ)言，有自己的ActionScript函數(shù)、屬性和目標(biāo)對(duì)象等，兼容并支持Flash低版本。另外，它與當(dāng)今最流行的網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver配合默契，可

3、以直接嵌入網(wǎng)頁(yè)的任一位置，非常方便。Flash MX的特點(diǎn)還有很多，需要我們?cè)趯W(xué)習(xí)本教程的過(guò)程中，認(rèn)真仔細(xì)的去體會(huì)。Flash MX安裝121 Flash MX的系統(tǒng)需求600MHz英特爾奔騰處理器或以上。Windows 98 SE，Windows 2000，或Windows XP。128MB內(nèi)存（Flash MX 較以前版本，占用內(nèi)存較大，建議使用256MB內(nèi)存）。190MB可用硬盤空間。 122 Flash MX的安裝過(guò)程 現(xiàn)場(chǎng)展示安裝過(guò)程。作業(yè)復(fù)習(xí)課堂知識(shí)。專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第2課課 題動(dòng)畫設(shè)計(jì)概述教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知熟悉Flash MX

4、2004的常用工具和面板技 能能使用Flash MX 2004的常用工具和面板情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)Flash MX 2004的常用工具和面板難 點(diǎn)Flash MX 2004的常用工具和面板關(guān) 鍵Flash MX 2004的常用工具和面板教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間Flash MX的工作環(huán)境 分別介紹以下幾個(gè)知識(shí)點(diǎn)：1、標(biāo)題欄： 2、菜單欄： 3、時(shí)間軸： 4、工具箱： 5、舞臺(tái)：6、各種面板： 133場(chǎng)景與舞臺(tái)134 時(shí)間軸窗口 135 工具欄 136 浮動(dòng)面板1、屬性面板 2、混色器面板 3、顏色面板 4、信息面板5、變形面板 6、動(dòng)作面板

5、7、電影瀏覽器面板 8、庫(kù)面板板 書設(shè) 計(jì)作業(yè)復(fù)習(xí)課堂知識(shí)。專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第3課課 題逐幀動(dòng)畫教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知理解時(shí)間軸和幀的概念及操作技 能懂得繪圖工具的使用和圖形顏色的編輯情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)逐幀動(dòng)畫的制作難 點(diǎn)逐幀動(dòng)畫的生成關(guān) 鍵逐幀動(dòng)畫的生成教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間開始部分：在了解FLASH的歷史、特點(diǎn)，以及相應(yīng)的工作環(huán)境后，心急的你一定想親自動(dòng)手制作動(dòng)畫了吧？展開部分：繪圖工具的使用動(dòng)畫里包含各種各樣精彩的圖形，使用工具箱里的基本畫圖工具就可以繪制出自己想要的圖形。比較常用的

6、有鉛筆工具、鋼筆工具、直線工具、橢圓工具、矩形工具等，盡管使用這些工具創(chuàng)建的矢量圖形比較簡(jiǎn)單，但是這些簡(jiǎn)單的圖形對(duì)象是創(chuàng)建復(fù)雜矢量圖形的基礎(chǔ)。下面我們通過(guò)一些簡(jiǎn)單實(shí)例來(lái)介紹如何使用這些工具創(chuàng)建矢量圖形。實(shí)例剖析幀幀動(dòng)畫，也叫逐幀動(dòng)畫，是由若干個(gè)連續(xù)關(guān)鍵幀組成的動(dòng)畫序列，是和傳統(tǒng)的動(dòng)畫制作方式類似的最為基礎(chǔ)的動(dòng)畫制作方式。在制作這種動(dòng)畫時(shí)，需要對(duì)每一幀的內(nèi)容進(jìn)行逐個(gè)繪制，工作量非常大，但是其所產(chǎn)生的動(dòng)畫效果，也是相當(dāng)強(qiáng)的。幀幀動(dòng)畫非常適合于制作復(fù)雜的動(dòng)畫場(chǎng)景，這樣可以通過(guò)每一幀的內(nèi)容來(lái)表現(xiàn)對(duì)象發(fā)生的微妙過(guò)程。但幀幀動(dòng)畫對(duì)于人員的繪圖技巧有著較高的要求，而且文件的數(shù)據(jù)量也變得非常大。下面介紹其制作

7、步驟。 編輯幀幀動(dòng)畫的具體步驟如下：1單擊某個(gè)圖層使其成為當(dāng)前層；2在該層上選擇起始幀；3把起始幀設(shè)置為關(guān)鍵幀；4設(shè)置背景圖； 5在起始幀建立動(dòng)畫內(nèi)容；6設(shè)置起始幀后的第2幀，將該幀設(shè)置為關(guān)鍵幀，然后編輯內(nèi)容；7重復(fù)第6步，設(shè)計(jì)其他的每一幀；8執(zhí)行【控制】菜單中的【測(cè)試影片】命令觀看設(shè)計(jì)效果；9關(guān)閉播放窗口，回到編輯舞臺(tái)，如不滿意重新編輯；10重復(fù)第8、第9步，直到設(shè)計(jì)出滿意的效果為止。作業(yè)習(xí)題專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第4課課 題逐幀動(dòng)畫教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知理解時(shí)間軸和幀的概念及操作技 能懂得繪圖工具的使用和圖形顏色的編輯情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)

8、生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)逐幀動(dòng)畫的制作難 點(diǎn)逐幀動(dòng)畫的生成關(guān) 鍵逐幀動(dòng)畫的生成教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間制作一個(gè)小跳動(dòng)的秒表，具體操作步驟如下：選擇【文件】菜單中的【新建】命令，在彈出的【新建文檔】對(duì)話框中選擇“Flash文檔”。在文檔【屬性】對(duì)話框中將舞臺(tái)大小設(shè)置為500*100像素，背景色為淡紫色，使用默認(rèn)幀頻12fps（幀/秒），如圖2-27所示。實(shí)例剖析在工具箱中選擇文本工具，在舞臺(tái)下邊的【屬性】面板中設(shè)置字體為Arial Black，字體大小為60磅，字體顏色為黑色，如圖2-28所示。在舞臺(tái)中間單擊鼠標(biāo)，看見文本輸入標(biāo)志，輸入數(shù)值“01”，在上邊的時(shí)間軸中可以看到第

9、1幀出現(xiàn)了一個(gè)黑色圓點(diǎn)，表示已經(jīng)建議了一個(gè)有內(nèi)容的關(guān)鍵幀，如圖2-29所示。 在時(shí)間軸上單擊第2幀，按F6鍵，即插入一關(guān)鍵幀，可以看到第2幀的位置上出現(xiàn)了一個(gè)黑色圓點(diǎn)，表示第1幀的內(nèi)容被完全復(fù)制到了第2幀上。選中第2幀，將原來(lái)的“01”刪除，改成“02”，這樣第2個(gè)關(guān)鍵幀所對(duì)應(yīng)的內(nèi)容為數(shù)字“02”，如圖2-30所示。 按照第5步的方法繼續(xù)下去，在第3幀上插入一個(gè)關(guān)鍵幀，將舞臺(tái)上的數(shù)字改成“03”。在第4幀上插入一個(gè)關(guān)鍵幀，將舞臺(tái)上的數(shù)字改成“04”依次類推，到第10幀的數(shù)字為“10”，如圖2-31所示。用鼠標(biāo)單擊第一幀，指定第一幀為當(dāng)前幀。執(zhí)行【控制】菜單下的【測(cè)試影片】命令，可以觀看到數(shù)字變

10、化的過(guò)程。 作業(yè)習(xí)題專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第5課課 題補(bǔ)間動(dòng)畫教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知懂得圖形工具的使用技 能掌握形狀動(dòng)畫和動(dòng)作動(dòng)畫的制作情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)形狀動(dòng)畫和動(dòng)作動(dòng)畫的制作難 點(diǎn)形狀動(dòng)畫和動(dòng)作動(dòng)畫的制作關(guān) 鍵形狀動(dòng)畫和動(dòng)作動(dòng)畫的制作教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間在舞臺(tái)上創(chuàng)建圖形后，常常需要對(duì)其進(jìn)行修改、編輯等操作。Flash MX 2004提供了多種編輯矢量圖形的工具，對(duì)于對(duì)象的處理方式也多種多樣，包括選擇對(duì)象、移動(dòng)對(duì)象、對(duì)齊對(duì)象、組合和打散對(duì)象等，使用圖形編輯工具對(duì)已經(jīng)創(chuàng)建的矢量圖形進(jìn)行加工處理

11、，是使基本的對(duì)象最終變得豐富多彩的必要手段。一選擇對(duì)象1、使用【箭頭】工具選擇對(duì)象2、使用【套索】工具選擇對(duì)象二、刪除、移動(dòng)和復(fù)制對(duì)象刪除、移動(dòng)和復(fù)制對(duì)象是編輯對(duì)象中最基本的操作，這些操作都很簡(jiǎn)單。1、刪除對(duì)象2、移動(dòng)對(duì)象 3、復(fù)制對(duì)象三改變對(duì)象的大小與形狀在Flash MX 2004中，可以改變對(duì)象的大小與形狀，如使用箭頭工具可以任意改變對(duì)象的大小或進(jìn)行縮放，使用菜單命令可以精確調(diào)整對(duì)象等等。1、使用箭頭工具任意改變對(duì)象的大小與形狀2使用任意變形工具改變對(duì)象的形狀3使用命令菜單精確調(diào)整對(duì)象4、使用【變形】面板精確進(jìn)行調(diào)整5、使用【信息】面板進(jìn)行精確調(diào)整四對(duì)齊對(duì)象在制作動(dòng)畫的過(guò)程中，用戶需要借

12、助許多輔助工具來(lái)布局、管理所制作的對(duì)象。其中【對(duì)齊】工具為用戶控制對(duì)象的布局提供了很大的方便。1【對(duì)齊】面板2對(duì)象間的分布與對(duì)齊3對(duì)齊到場(chǎng)景五組合對(duì)象在Flash MX 2004中，經(jīng)常用到對(duì)象的組合，它使用戶更加輕松地將對(duì)象進(jìn)行有機(jī)的結(jié)合，使操作更加合理、使用更加方便、繪圖更加快捷。1建立組合對(duì)象2. 編輯組合對(duì)象3解散組合對(duì)象六分離對(duì)象 分離對(duì)象，也叫作打散對(duì)象。當(dāng)需要分離對(duì)象時(shí)，執(zhí)行【修改】菜單下的【分離】命令，即可將所選對(duì)象分離。分離命令用來(lái)將集合、文本塊、實(shí)例、位圖和OLE對(duì)象分成獨(dú)立的可編輯的元素。它可以顯著地減少輸入圖形的文件尺寸。作業(yè)專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí)

13、 間第6課課 題補(bǔ)間動(dòng)畫教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知懂得圖形工具的使用技 能掌握形狀動(dòng)畫和動(dòng)作動(dòng)畫的制作情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)形狀動(dòng)畫和動(dòng)作動(dòng)畫的制作難 點(diǎn)形狀動(dòng)畫和動(dòng)作動(dòng)畫的制作關(guān) 鍵形狀動(dòng)畫和動(dòng)作動(dòng)畫的制作教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間實(shí)例剖析 制作動(dòng)畫除了有逐幀動(dòng)畫外，還有一種補(bǔ)間動(dòng)畫方式。在補(bǔ)間動(dòng)畫中，又分為補(bǔ)間形狀和補(bǔ)間動(dòng)作兩種類型。 形狀漸變動(dòng)畫就是使圖形對(duì)象在異端時(shí)間內(nèi)由一種形態(tài)變成另一種形態(tài)。形態(tài)包括圖形對(duì)象的外觀樣式、位置、大小和顏色等。形狀漸變動(dòng)畫的對(duì)象只能是矢量圖形。如果要對(duì)符號(hào)、文字或者位圖圖片進(jìn)行變形動(dòng)畫的話，需

14、要先將他們打散，讓它們變成矢量圖。 動(dòng)作動(dòng)畫就是改變物體兩幀之間的位置，令物體從一個(gè)位置移動(dòng)到另一個(gè)位置的動(dòng)畫。動(dòng)作動(dòng)畫的對(duì)象是組、符號(hào)（實(shí)例）、文本塊和位圖圖形等。除了實(shí)現(xiàn)對(duì)象位置的移動(dòng)外，還可以使對(duì)象產(chǎn)生大小、旋轉(zhuǎn)和顏色的漸變效果等。動(dòng)作動(dòng)畫是Flash MX 2004中常用的一種動(dòng)畫制作方法。但動(dòng)畫制作也有局限性，如初學(xué)者經(jīng)常在舞臺(tái)上繪制一些矢量圖形，在沒(méi)有轉(zhuǎn)換成元件之前，是不能創(chuàng)建動(dòng)作動(dòng)畫的。 下面通過(guò)兩個(gè)具體的例子來(lái)學(xué)習(xí)形狀動(dòng)畫和動(dòng)作動(dòng)畫。 321 形狀漸變動(dòng)畫圓變化為正方形 如下步驟中我們制作一由圓變化為正方形的形狀漸變動(dòng)畫。 （1）選擇【文件】菜單下的【新建文件】，建立一flas

15、h文件。 （2）在工具箱中選擇橢圓工具，關(guān)閉筆觸顏色，選用綠色填充色。在舞臺(tái)中畫出一個(gè)正圓。 （3）選中時(shí)間軸上任一幀，如第15幀，單擊鼠標(biāo)右鍵，選擇“插入空白關(guān)鍵幀”，如圖3-62所示。 （4）在工具箱中選擇矩形工具，在舞臺(tái)中畫出一個(gè)矩形，看到時(shí)間軸上第15幀變成有黑圓點(diǎn)的關(guān)鍵幀，如圖3-63所示。 （5）在時(shí)間軸上單擊第1幀，指定這一幀為當(dāng)前幀。在“屬性”欄“補(bǔ)間”下拉框中選擇“形狀”選項(xiàng)?？吹綍r(shí)間軸上從變形起始幀到結(jié)束幀之間產(chǎn)生了一條帶箭頭的實(shí)線，如圖3-64所示。 （6）到此，形狀漸變動(dòng)畫已經(jīng)制作完畢。按回車鍵，可以看到起始幀的圓逐漸變成了結(jié)束幀的正方形。 321 動(dòng)作動(dòng)畫顏色漸變的運(yùn)

16、動(dòng)球 下面步驟我們制作一個(gè)運(yùn)動(dòng)的球，在運(yùn)動(dòng)過(guò)程中顏色從綠色到無(wú)色，再?gòu)臒o(wú)色到綠色。 （1）選擇【文件】菜單下的【新建文件】，建立一flash文件。 （2）在工具箱中選擇橢圓工具，關(guān)閉筆觸顏色，選用綠色為填充色。在舞臺(tái)中畫出一個(gè)正圓。 （3）選中繪制的圓，將其轉(zhuǎn)化為“圖形元件”，名稱為“球”。 （4）選中第1幀，將球拖放到舞臺(tái)的最左邊。 （5）選中第10幀，按F6鍵，復(fù)制一關(guān)鍵幀。選中球，將球拖放到舞臺(tái)中間。在【屬性】面板【顏色】選項(xiàng)中，選擇“Alpha”，將其設(shè)置為“0%”。如圖3-65所示。 （6）選中第20幀，按F6鍵，復(fù)制一關(guān)鍵幀。選中球，將球拖放到舞臺(tái)最右邊。在【屬性】面板【顏色】選項(xiàng)

17、中，選擇“Alpha”，將其設(shè)置為“100%”。 （7）在時(shí)間軸上單擊第1幀，指定這一幀為當(dāng)前幀。在“屬性”欄“補(bǔ)間”下拉框中選擇“動(dòng)作”選項(xiàng)。選種第10幀，做同樣的設(shè)置?？吹綍r(shí)間軸上從變形起始幀到結(jié)束幀之間產(chǎn)生了一條帶箭頭的實(shí)線，如圖3-66所示。 （8）至此，動(dòng)作動(dòng)畫已經(jīng)制作完畢。按Ctrl+回車鍵測(cè)試影片?？梢钥吹角驈奈枧_(tái)的最左邊運(yùn)動(dòng)到舞臺(tái)的最右邊。同時(shí)，在運(yùn)動(dòng)的過(guò)程中，球的顏色從綠色變化到無(wú)色，再?gòu)臒o(wú)色到綠色。板 書設(shè) 計(jì)作業(yè)專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第7課課 題元件的介紹教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知理解元件和實(shí)例的概念及區(qū)別技 能懂得創(chuàng)作三種類型的元件

18、情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)創(chuàng)作三種類型的元件并知道他們之間的區(qū)別。難 點(diǎn)圖形元件與影片剪輯元件的區(qū)別關(guān) 鍵圖形元件與影片剪輯元件的區(qū)別教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間展示上節(jié)課好的作品以及需要完善的作品。和學(xué)生一起點(diǎn)評(píng)所展示作品的優(yōu)缺點(diǎn)。做動(dòng)畫，用得最多的是三種元件，用它可以編輯豐富多彩的場(chǎng)景畫面。這三種元件就是：圖形元件、按鈕元件和影片剪輯元件。下面我們深入認(rèn)識(shí)它們。展開部分：元件和實(shí)例是制作動(dòng)畫的基礎(chǔ)。在Flash MX 2004中，無(wú)論是簡(jiǎn)單的漸變動(dòng)畫，還是復(fù)雜的動(dòng)作腳本，都是基于元件的。 一、元件和實(shí)例1元件和實(shí)例的概念元件又稱為符號(hào)（Symbo

19、l）或圖符，它是在元件庫(kù)中存放的各種圖形、動(dòng)畫、按鈕或者導(dǎo)入的聲音和電影文件。這里我們所講的圖形可以是內(nèi)部創(chuàng)建的矢量圖形，也可以是從外部導(dǎo)入的JPG、GIF和BMP等各種Flash MX 2004所支持的圖形格式。可以先制作或?qū)朐?，然后將其存在?kù)中。當(dāng)用戶想使用時(shí)，只要打開這個(gè)庫(kù)，直接引用它。此時(shí)用戶使用的元件只是該元件的一個(gè)復(fù)制品而已。實(shí)例就是將元件從庫(kù)中拖放到舞臺(tái)上創(chuàng)建的一個(gè)該元件的引用。用戶可以隨意地對(duì)引用的元件進(jìn)行編輯和修改，而不會(huì)影響該元件的屬性。如圖3-32所示為由元件創(chuàng)建的3個(gè)實(shí)例。這3個(gè)實(shí)例分別是原形、經(jīng)過(guò)縮放和旋轉(zhuǎn)后的圖形。 1、元件和實(shí)例的關(guān)系我們可以把元件看作是一種模

20、板，使用同一個(gè)模板能夠創(chuàng)建多個(gè)互不相同的實(shí)例。也就是說(shuō)，舞臺(tái)上表演的是元件的實(shí)例，而不是元件本身。對(duì)元件的屬性，如顏色和形狀以及邊線的粗細(xì)等，我們也可以改變。當(dāng)對(duì)元件的屬性更改后，舞臺(tái)上所有實(shí)例的屬性也跟著發(fā)生相應(yīng)的變化。2、將圖形轉(zhuǎn)化為實(shí)例的優(yōu)點(diǎn) 根據(jù)上面的介紹可以看出，使用元件的優(yōu)點(diǎn)，就是在將圖形轉(zhuǎn)化為元件后，可以創(chuàng)建出理論上無(wú)限多個(gè)實(shí)例，并且對(duì)該元件的修改可以全部賦予它的所有實(shí)例，而不必逐一去修改。當(dāng)制作多個(gè)相同的陣列式的圖象時(shí)，可以方便用戶的操作，大大減少工作量。另一方面，使用元件還可以大大減小文件的體積，將多個(gè)分離的圖形元素合并成一個(gè)元件后，所需的存儲(chǔ)空間遠(yuǎn)遠(yuǎn)小于單獨(dú)存儲(chǔ)時(shí)占用的空間

21、，而且一個(gè)元件的多個(gè)實(shí)例只占一個(gè)元件的空間，這樣就能加快動(dòng)畫的播放速度，加快動(dòng)畫在網(wǎng)絡(luò)中的傳輸速度等。 3、元件的分類 元件主要有圖形、影片剪輯和按鈕3種類型，不同類型的元件有著不同的作用?！緢D形】元件主要用來(lái)制作動(dòng)畫中的靜態(tài)圖形，不具有交互性。圖形元件具有相對(duì)獨(dú)立的編輯區(qū)域和播放時(shí)間，當(dāng)應(yīng)用到場(chǎng)景中時(shí)，會(huì)受到當(dāng)前場(chǎng)景中幀序列和其他交互式設(shè)置的影響?！居捌糨嫛吭址Q為影片片段，是可單獨(dú)重復(fù)使用的動(dòng)畫片段。它有自己的時(shí)間線，主要用來(lái)制作獨(dú)立于主影片時(shí)間軸的動(dòng)畫，可以包括交互性控制、聲音甚至其他影片的部分剪輯，也可以把影片剪輯實(shí)例加載到按鈕的時(shí)間軸中，從而實(shí)現(xiàn)動(dòng)畫按鈕。有時(shí)候?yàn)榱藢?shí)現(xiàn)動(dòng)畫的交互

22、性，還可以將單獨(dú)的圖象制作成影片剪輯元件。影片剪輯元件和圖形元件都可以是一個(gè)動(dòng)畫，但是在播放時(shí)是有區(qū)別的，影片剪輯實(shí)例只需要一個(gè)關(guān)鍵幀就可以播放，它是完全獨(dú)立于主場(chǎng)景的。如果主場(chǎng)景播放已經(jīng)結(jié)束，但它的時(shí)間軸還是繼續(xù)向前播放，直到影片剪輯播放完，然后它將返回到影片剪輯的第1幀。而圖形實(shí)例必須放在需要它的每一幀里，所以圖形實(shí)例動(dòng)畫可以設(shè)置其播放的具體位置?！景粹o】元件是一個(gè)只含有4幀的特殊影片剪輯。主要用于創(chuàng)建在影片中對(duì)標(biāo)準(zhǔn)的鼠標(biāo)事件（如點(diǎn)擊、滑過(guò)或移離等）做出響應(yīng)的交互性按鈕。按鈕元件有四種狀態(tài)，即彈起、指針經(jīng)過(guò)、按下和點(diǎn)擊，每種狀態(tài)都可以通過(guò)圖形、元件以及聲音來(lái)定義。作業(yè)專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫

23、設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第8課課 題元件的介紹教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知理解元件和實(shí)例的概念及區(qū)別技 能懂得創(chuàng)作三種類型的元件情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)創(chuàng)作三種類型的元件并知道他們之間的區(qū)別。難 點(diǎn)圖形元件與影片剪輯元件的區(qū)別關(guān) 鍵圖形元件與影片剪輯元件的區(qū)別教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間 一、導(dǎo)入外部素材為元件 Flash 本身有很強(qiáng)的圖象和動(dòng)畫的制作過(guò)程，但是還是有很多素材不能夠也不需要由Flash制作。Flash MX 2004有一非常開放的工作環(huán)境，可以把動(dòng)畫、圖像、聲音等由外部直接引入。跟元件一樣，所有引入的素材都可以放置在【庫(kù)

24、】面板中。 在這里我們導(dǎo)入的外部素材主要包括3種類型：圖象素材、視頻素材和音頻素材。 圖象素材：常用的兩種格式是JPG和GIF格式。 視頻素材：常用的格式為mov，它是QuickTime視頻格式文件，但是這種格式的文件，不能在Flash中直接播放，必須安裝QuickTime播放器才能觀看。 音頻素材：音頻素材的類型有WAV格式，其具體的導(dǎo)入和編輯方法在以后的章節(jié)中會(huì)具體講到。 一、創(chuàng)建元件 1、創(chuàng)建圖形元件 圖形元件可以是矢量圖形、圖象、動(dòng)畫或聲音，它主要用來(lái)制作動(dòng)畫中的靜態(tài)圖形。創(chuàng)建圖形元件主要有兩種方式，一是使用菜單命令創(chuàng)建一個(gè)新的空的圖形元件，然后再通過(guò)元件編輯舞臺(tái)進(jìn)行修改、添加內(nèi)容。二

25、是直接將舞臺(tái)工作區(qū)中的圖形、圖像對(duì)象轉(zhuǎn)化為圖形元件。還可以將外部的GIF動(dòng)畫轉(zhuǎn)化為圖形元件，甚至將舞臺(tái)工作區(qū)的動(dòng)畫轉(zhuǎn)化為圖形元件。下面重點(diǎn)介紹前兩種方法。 將舞臺(tái)工作區(qū)的對(duì)象轉(zhuǎn)換為元件 （1）選擇【文件】菜單下的【導(dǎo)入】命令，用前面的導(dǎo)入外部素材的方法，導(dǎo)入一圖片到舞臺(tái)，如圖3-41所示。 將舞臺(tái)工作區(qū)的對(duì)象轉(zhuǎn)換為元件 （1）選擇【文件】菜單下的【導(dǎo)入】命令，用前面的導(dǎo)入外部素材的方法，導(dǎo)入一圖片到舞臺(tái)，如圖3-41所示。 （2）單擊選中該圖片，選擇菜單【插入】下的【轉(zhuǎn)換為元件】命令，或按F8鍵，打開【轉(zhuǎn)換為元件】對(duì)話框，在該對(duì)話框中的【名稱】文本框中輸入“碧海藍(lán)天”，然后在【行為】下的單選框

26、中選擇“圖形”單選按鈕，如圖3-42所示。單擊“確定”按鈕，將對(duì)象轉(zhuǎn)化為圖形元件。 （3）照前面介紹的方法，打開【信息】面板，選擇中心對(duì)齊，并且將中心的坐標(biāo)設(shè)置為（0，0）。在【庫(kù)】面板中可以看到剛才所創(chuàng)建的“碧海藍(lán)天”圖形元件。 注意： 在同一個(gè)元件庫(kù)中，元件的名稱必須是唯一的，無(wú)論它們的類型是否相同，因?yàn)橄到y(tǒng)在識(shí)別同一個(gè)庫(kù)中所有元件時(shí)，只記錄元件名稱。 2創(chuàng)建按鈕元件 按鈕元件跟圖形元件不一樣，它不是一個(gè)單一的圖形。按鈕一般有4個(gè)幀，用來(lái)表示按鈕的4種狀態(tài)，即彈起、指針經(jīng)過(guò)、按下和單擊。這4種狀態(tài)分別是指： 彈起：指鼠標(biāo)沒(méi)有接觸按鈕時(shí)，按鈕處于彈起位置。 指針經(jīng)過(guò)：指鼠標(biāo)指針移到按鈕上面，

27、但沒(méi)有單擊時(shí)的鼠標(biāo)狀態(tài)。 按下：指鼠標(biāo)移到了按鈕上，并單擊了鼠標(biāo)的左鍵時(shí)，按鈕所處的狀態(tài)。 單擊：這個(gè)狀態(tài)一般是按鈕的核心狀態(tài)，也是響應(yīng)事件的狀態(tài)。在此狀態(tài)下可以定義鼠標(biāo)事件的相應(yīng)范圍和鼠標(biāo)事件的動(dòng)作。在這種狀態(tài)下，關(guān)鍵幀的動(dòng)作是不顯示的。 專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第9課課 題元件的介紹教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知理解元件和實(shí)例的概念及區(qū)別技 能懂得創(chuàng)作三種類型的元件情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)創(chuàng)作三種類型的元件并知道他們之間的區(qū)別。難 點(diǎn)圖形元件與影片剪輯元件的區(qū)別關(guān) 鍵圖形元件與影片剪輯元件的區(qū)別教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)

28、生活動(dòng)時(shí)間按鈕的制作過(guò)程需要繪制圖案、添加關(guān)鍵幀和編寫事件3個(gè)步驟。下面我們通過(guò)一個(gè)具體的實(shí)例來(lái)介紹按鈕的制作過(guò)程。（1）執(zhí)行【插入】菜單下的【新建元件】命令，打開【創(chuàng)建新元件】對(duì)話框。在【創(chuàng)建新元件】對(duì)話框中，輸入元件的名稱，如play，選擇“按鈕”類型。單擊“確定”按鈕。（2）舞臺(tái)切換到按鈕的編輯窗口，可以看到此時(shí)的時(shí)間軸上面有4個(gè)幀，名稱分別為“彈起”、“指針經(jīng)過(guò)”、“按下”、“單擊”，如圖3-43所示。（3）選中“彈起”幀，然后選擇工具箱中的矩形工具，選擇邊框顏色為黑色，填充顏色為橘紅色，繪制一正方形。然后選擇“橢圓”工具，設(shè)置邊框顏色為黑色，填充顏色為紅黑漸變色，繪制一圓。如圖3-4

29、4所示。 （4）在“鼠標(biāo)經(jīng)過(guò)”這一幀中插入關(guān)鍵幀，在工具欄中選中文本工具，在按鈕的正下方加入文本，內(nèi)容為“我會(huì)動(dòng)”。這是當(dāng)鼠標(biāo)停止在按鈕的上面的時(shí)候出現(xiàn)的提示文字。然后選中圓，將其放大為原來(lái)的兩倍。如圖3-45所示。（5）與上面步驟相類似，在“按下”這一幀中插入關(guān)鍵幀，用工具欄中的箭頭工具，拉出一個(gè)框，選中圖標(biāo)中除文字之外所有的內(nèi)容，用任意變形工具將其縮小。然后選中正方形中間的圓，將其縮小到原來(lái)的一半。選擇文本工具，并且用它選中按鈕中的文本框，將其中間的文字改為“果然動(dòng)了吧”。這一幀是當(dāng)鼠標(biāo)按下時(shí)的圖象。如圖3-46所示。 （6）至此，play按鈕元件就基本制作好了。打開【庫(kù)】面板，我們可以看

30、到已經(jīng)有了剛剛繪制的按鈕元件，如圖3-47所示。單擊【庫(kù)】面板右上角的播放按鈕，可以看到它是一個(gè)可動(dòng)的按鈕元件。（7）返回場(chǎng)景編輯舞臺(tái)。從【庫(kù)】面板中將制作好的元件拖動(dòng)到舞臺(tái)工作區(qū)中，即可創(chuàng)建它的按鈕實(shí)例。（8）按鈕制作完畢后，打開【控制】菜單下的【測(cè)試場(chǎng)景】命令，對(duì)按鈕效果進(jìn)行測(cè)試。3影片剪輯元件 當(dāng)在影片中需要重復(fù)使用一個(gè)已經(jīng)創(chuàng)建的動(dòng)畫時(shí)，最簡(jiǎn)單的方法就是將該動(dòng)畫轉(zhuǎn)換為影片剪輯元件。影片剪輯元件的創(chuàng)建和圖形元件的創(chuàng)建非常相似，只是在后期需要設(shè)置交互動(dòng)畫的名字屬性，這是一個(gè)比較復(fù)雜的過(guò)程。下面通過(guò)一個(gè)簡(jiǎn)單實(shí)例介紹影片剪輯元件的制作過(guò)程。在這個(gè)實(shí)例中制作一個(gè)球的連續(xù)跳動(dòng)，我們通過(guò)和圖形元件對(duì)比

31、的方式來(lái)講述影片剪輯元件，在制作過(guò)程中會(huì)用到多個(gè)圖層，我們將在下一章重點(diǎn)介紹。建立一個(gè)影片剪輯元件（1）選擇【插入】菜單下的【新建元件】命令，在彈出的面板中選擇“影片剪輯”單選按鈕，將元件命名為“連續(xù)跳動(dòng)的球”，單擊“確定”按鈕退出。如圖3-54所示。 （2）進(jìn)入“連續(xù)跳動(dòng)的球”影片剪輯元件編輯狀態(tài)。用鼠標(biāo)從【庫(kù)】面板中將“球”元件拖放到影片編輯區(qū)正中間。（3）象制作“跳動(dòng)的球”一樣在第10幀和第20幀處按F6鍵插入關(guān)鍵幀，將第10幀的球位置向上移動(dòng)。再設(shè)置相臨兩關(guān)鍵幀的補(bǔ)間動(dòng)畫。按回車鍵可以看到球會(huì)跳了，如圖3-55所示。至此，“連續(xù)跳動(dòng)的球”影片剪輯元件制作完畢。 （4）在編輯區(qū)左上方單擊

32、場(chǎng)景1，回到舞臺(tái)中。在圖層欄中單擊增加新圖層圖標(biāo)，生成“圖層2”。選中“圖層2”的第1幀，用鼠標(biāo)從【庫(kù)】面板中將“連續(xù)跳動(dòng)的球”拖到舞臺(tái)中來(lái)，如圖3-56所示。 （5）按Ctrl+回車鍵測(cè)試動(dòng)畫，可以看到，影片剪輯是完整的運(yùn)動(dòng)，而圖形元件由于舞臺(tái)幀數(shù)不符而不能正常運(yùn)動(dòng)。（6）用鼠標(biāo)將“圖層1”和“圖層2”中第2幀以后的幀都選中，然后刪除，文件只有一幀，如圖3-57所示。 （7）按Ctrl+回車鍵測(cè)試動(dòng)畫，看到雖然只有一幀，但是影片剪輯能夠正常完整播放，而圖形元件則不能正常播放。如圖3-58所示。二修改元件1.在元件編輯窗口中修改元件2.復(fù)制元件3.刪除元件 4.重命名元件5.使用文件夾存放元件

33、 作業(yè)專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第10課課 題文字動(dòng)畫：教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知懂得運(yùn)用文本工具技 能掌握文字特效的創(chuàng)建情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)文字特效的創(chuàng)建難 點(diǎn)理解三種類型文本的用途關(guān) 鍵理解三種類型文本的用途教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間基礎(chǔ)知識(shí)411 文本的屬性設(shè)置 用鼠標(biāo)單擊工具箱中的文本工具，或直接按鍵盤上的T鍵，就可以選中文本工具。選中文本工具后，在舞臺(tái)中單擊，就會(huì)出現(xiàn)一個(gè)空白的字符輸入框，此時(shí)用戶可以在輸入框中輸入文字。在輸入文字之前，常常需要設(shè)置文本的不同屬性，或在輸入文本后修改文本的屬性。文本工

34、具處于選中的狀態(tài)，【屬性】面板中即出現(xiàn)與文本相對(duì)應(yīng)的屬性設(shè)置，如圖4-1所示。 介紹文本【屬性】面板的功能：（1）字體（2）字體大?。?）文本（填充）顏色 （4）切換粗體（5）切換斜體（6）改變文本方向（7）段落對(duì)齊（8）字符間距（9）字符位置（10）格式設(shè)置（基礎(chǔ)知識(shí)412 文本的類型在Flash MX 2004中，文本類型可分為3種，分別是“靜態(tài)文本”、“動(dòng)態(tài)文本”和“輸入文本”。 在文字【屬性】面板中我們可以看到，默認(rèn)輸入的文本被定義為“靜態(tài)文本”，在動(dòng)畫播放過(guò)程中，文本區(qū)域的文本是不可以編輯的。而動(dòng)態(tài)文本就是可編輯的文本，在動(dòng)畫播放過(guò)程中，文本區(qū)域的文本內(nèi)容可以通過(guò)事件的激發(fā)來(lái)改變。輸

35、入文本就是在動(dòng)畫播放過(guò)程中，提供用戶輸入文本，產(chǎn)生交互。這三種文本類型的切換與設(shè)置可以通過(guò)【屬性】面板中的列表選項(xiàng)來(lái)選擇。 1靜態(tài)文本的介紹下面通過(guò)一個(gè)實(shí)例來(lái)認(rèn)識(shí)靜態(tài)文本的特效：本例中我們制作一個(gè)文本的邊緣顏色不斷變化，形成閃光效果的動(dòng)畫。（1）新建一Flash文檔，將背景顏色設(shè)置為黑色。（2）選取文本工具，文本類型選擇“靜態(tài)類型”，設(shè)置字體為“Verdana”，大小為120磅，字體顏色為綠色，加粗，傾斜，設(shè)置完畢后輸入文本“flash”，如圖4-24所示。（3）選中文本，連續(xù)兩次執(zhí)行【修改】【分離】命令，將文字打散。注意，第1次分離命令是將整個(gè)文本框分離成單個(gè)的字，第2次分離命令是將逐個(gè)文字

36、變成一般的矢量圖形，即打散。效果如圖4-25所示。（4）【筆觸顏色】設(shè)置為黃色，用繪圖工具箱中的【墨水瓶】工具將文字填充邊線色，單擊各個(gè)筆畫的邊線后，可以看到文字的邊緣增加了黃色的線條，如圖4-26所示。 （5）選取選擇工具，按住Shift鍵，逐一選取文字的邊線色。執(zhí)行【修改】菜單下的【形狀】【將線條轉(zhuǎn)換為填充色】命令，就可以將邊緣的所有線條轉(zhuǎn)換為填充。（6）執(zhí)行【修改】菜單下的【形狀】【柔化填充邊緣】命令，在彈出的【柔化填充邊緣】對(duì)話框中，進(jìn)行如圖4-27所示的設(shè)置。 （7）單擊“確定”按鈕，就可以對(duì)黃色線條填充線進(jìn)行柔化，熒光效果如圖4-28所示。如果將【柔化填充邊緣】對(duì)話框中的數(shù)據(jù)選大一

37、些，熒光邊緣就會(huì)更寬些 （8）選中第3幀，按F6鍵，復(fù)制一個(gè)關(guān)鍵幀。選中第3幀的對(duì)應(yīng)圖形的邊線，將其填充色設(shè)置為紫色，如圖4-29所示。值得注意的是，改變邊線的顏色是改變邊線填充色的顏色，如果在這里改變筆觸顏色，將不起任何作用。（9）選中第5幀，按F6鍵，復(fù)制一個(gè)關(guān)鍵幀。重復(fù)第八步，將第5幀所對(duì)邊線填充色改變?yōu)楹谏?。多次重?fù)第8步，根據(jù)自己的需要進(jìn)行顏色的設(shè)置，設(shè)置完畢后，如圖4-30所示。 （10）熒光文字的動(dòng)畫制作完畢。按Ctrl+Enter測(cè)試動(dòng)畫，可以看到文字的邊緣顏色不斷變化，形成閃光效果。如圖4-31所示。作業(yè)專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第11課課 題文字動(dòng)畫：

38、教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知懂得運(yùn)用文本工具技 能掌握文字特效的創(chuàng)建情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)文字特效的創(chuàng)建難 點(diǎn)理解三種類型文本的用途關(guān) 鍵理解三種類型文本的用途教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間2動(dòng)態(tài)文本的介紹下面我們通過(guò)一具體實(shí)例來(lái)看動(dòng)態(tài)文本的應(yīng)用。 （1）新建一個(gè)文檔，設(shè)置背景顏色為藍(lán)色。選擇文本工具，文本類型選擇“靜態(tài)文本”，字體選擇Webdings，字體大小為96，字體顏色設(shè)為白色，在舞臺(tái)上輸入字母m，可以看到顯示的是個(gè)“人”的圖標(biāo)。如圖4-11所示。 （2）選中這個(gè)小人，按Ctrl+B打散，打散后如圖4-12所示。（3）選中文本工具

39、，文本類型選擇“動(dòng)態(tài)文本”，字體設(shè)置為楷體，大小為40，顏色為白色，在小人右邊靠邊上拖出一個(gè)動(dòng)態(tài)文本框，設(shè)置文本框大小為240*60，在“實(shí)例名稱”文本框中輸入“name”。如圖4-13所示。 （4）同理再在文本框下拖出一個(gè)動(dòng)態(tài)文本框，字體為Arial，大小為30，顏色為白色。設(shè)置文本框的大小為350*50，在“變量”文本框中輸入文本名稱“地址”。如圖4-14所示。 （5）單擊選中第1幀，按F9鍵進(jìn)入【動(dòng)作面板】，輸入語(yǔ)句：name.text=“flash mx 2004 論壇”地址=“”如圖4-15所示。 (6)動(dòng)態(tài)文本的值設(shè)置好后，按Ctrl+Enter測(cè)試，可以看到論壇名稱和地址在動(dòng)態(tài)文

40、本框中顯示出來(lái)了。如圖4-16所示。 在這個(gè)簡(jiǎn)單的例子中，我們用到了【動(dòng)作】面板，在后面章節(jié)我們將會(huì)詳細(xì)介紹。 3輸入文本的介紹下面通過(guò)一個(gè)具體實(shí)例來(lái)輸入文本框的使用方法，在這個(gè)例子中我們計(jì)算兩數(shù)之和。（1）新建Flash文檔，選中文本工具，文本類型選擇“輸入文本”，在舞臺(tái)中拉出兩個(gè)文本框，第1個(gè)輸入文本框變量名為“a”，第2個(gè)輸入文本框變量名為“b”，大小為60*40，字體格式設(shè)置為居中對(duì)齊，單擊【在文本周圍顯示邊框】按鈕，如圖4-18所示。 （2）選中文本工具，文本類型選擇“靜態(tài)文本”，在舞臺(tái)中拉出一個(gè)文本框，在文本框中輸入“+”，調(diào)整三個(gè)文本框的位置，如圖4-19所示 （3）選中文本工具

41、，文本類型選擇“動(dòng)態(tài)文本”，在舞臺(tái)中拉出一個(gè)文本框，文本框變量名為“s”，調(diào)整四個(gè)文本框的位置，如圖4-20所示。（4）選擇【窗口】菜單下的【其他面板】【公用庫(kù)】命令，從中選擇一個(gè)按鈕，拖放到舞臺(tái)中，調(diào)整按鈕的合適位置，如圖4-21所示。（5）選中按鈕，打開【動(dòng)作】面板，輸入語(yǔ)句：on(release)s=Number(a)+Number(b),如圖4-22所示。 （6）按Ctrl+Enter鍵測(cè)試，可以在前兩個(gè)文本框中輸入數(shù)值，輸入數(shù)值后，單擊按鈕，則在動(dòng)態(tài)文本框中顯示前兩數(shù)相加的和專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第12課課 題引導(dǎo)層動(dòng)畫和遮罩層動(dòng)畫的制作教 法講授課 型新授

42、教 學(xué)目 標(biāo)認(rèn) 知認(rèn)識(shí)圖層的相關(guān)知識(shí)技 能懂得創(chuàng)建遮罩層動(dòng)畫情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)懂得創(chuàng)建引導(dǎo)層動(dòng)畫難 點(diǎn)遮罩層和引導(dǎo)層的理解關(guān) 鍵遮罩層和引導(dǎo)層的理解教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間展示上節(jié)課好的作品以及需要完善的作品。和學(xué)生一起點(diǎn)評(píng)所展示作品的優(yōu)缺點(diǎn)。前面幾章的動(dòng)畫太簡(jiǎn)單了？那是因?yàn)槲覀冎挥昧艘粋€(gè)圖層。本章我們重點(diǎn)學(xué)習(xí)圖層的相關(guān)知識(shí)，然后再學(xué)引導(dǎo)層動(dòng)畫和遮罩層動(dòng)畫的制作。學(xué)習(xí)完本章，再?gòu)?fù)雜的動(dòng)畫我們也可以制作啦！展開部分：這章書我們要學(xué)習(xí)的知識(shí)點(diǎn)是：1、圖層的基本知識(shí)2、引導(dǎo)層3、遮罩層4、引導(dǎo)層動(dòng)畫5、遮罩層動(dòng)畫511圖層 “層”和“幀”是Fl

43、ash對(duì)于動(dòng)畫的兩種最重要的組織手段，從空間維度和時(shí)間維度將動(dòng)畫有效地組合了起來(lái)。圖層這個(gè)概念在很多圖形軟件中都會(huì)出現(xiàn)，而且它也是專業(yè)級(jí)的圖形軟件必備的工具。圖層可以看成是疊放在一起的透明的膠片，如果層上沒(méi)有任何東西的話，你就可以透過(guò)它直接看到下一層。所以我們可以根據(jù)需要，在不同層上繪制不同的圖形或動(dòng)畫而互不影響，并在放映時(shí)得到合成的效果。使用圖層并不會(huì)增加動(dòng)畫文件的大小，相反它可以更好地幫助我們安排和組織圖形、文字和動(dòng)畫。圖層是Flash中最基本而且重要的內(nèi)容，因而需要很好地掌握。一具體認(rèn)識(shí)圖層舉一個(gè)典型的圖層例子，我們通過(guò)該圖來(lái)認(rèn)識(shí)在層操作區(qū)中的圖標(biāo)。 二圖層的編輯 1、圖層的創(chuàng)建2、圖層

44、的選取3、圖層的刪除 4、圖層的復(fù)制5、圖層名的更改6、圖層位置的改變?nèi)龑拥膶傩?查看圖層屬性的方法和介紹層屬性的各個(gè)參數(shù)：名稱、顯示、鎖定、正常、引導(dǎo)層、被引導(dǎo)、遮罩層、被遮罩、文件夾、輪廓顏色、圖層高度512 引導(dǎo)層的創(chuàng)建與使用在前面我們已經(jīng)提到過(guò)引導(dǎo)層和遮罩層，這是兩種特殊的圖層，在制作動(dòng)畫時(shí)能產(chǎn)生非常實(shí)用的效果?！耙龑?dǎo)層”也被稱為“輔助層”。顧名思義，輔助層是起輔助作用的的層，它和普通層具有很大的區(qū)別。比如我們想讓一個(gè)對(duì)象沿著某條路徑運(yùn)動(dòng)，就可以增加一個(gè)引導(dǎo)層，在引導(dǎo)層里畫出運(yùn)動(dòng)路徑，做一定的設(shè)置，對(duì)象就能沿著自定義的路徑運(yùn)動(dòng)。有時(shí)候?yàn)榱诵枰?，?huì)添加多個(gè)引導(dǎo)層。當(dāng)引導(dǎo)層過(guò)多的時(shí)候會(huì)不會(huì)

45、影響圖層中的對(duì)象呢？這個(gè)不用擔(dān)心，引導(dǎo)層的內(nèi)容不會(huì)輸出到動(dòng)畫，在發(fā)布后的影片中不會(huì)出現(xiàn)，它只是一個(gè)非常實(shí)用的輔助工具。 下面我們以一個(gè)作曲線運(yùn)動(dòng)的小球?yàn)槔齺?lái)說(shuō)明引導(dǎo)層在動(dòng)畫中的應(yīng)用。（1）新建flash文檔，將其命令為“沿曲線運(yùn)動(dòng)的球”。（2）在工具箱中選擇【橢圓】工具，關(guān)閉邊線色，選紅黑漸變色為填充色，再舞臺(tái)的左側(cè)繪制一個(gè)圓。如圖5-7所示。（3）選擇箭頭工具，單擊剛才繪制的球?qū)⑵溥x中，按F8鍵彈出“轉(zhuǎn)換為符號(hào)”面板，選中“圖形”單選按鈕，單擊“確定”按鈕退出，這個(gè)球就被轉(zhuǎn)換為圖形元件了，如圖5-8所示。（4）在時(shí)間軸上單擊第40幀，按F6鍵，插入一關(guān)鍵幀，用鼠標(biāo)將這一幀的球拖放到舞臺(tái)右邊。

46、（5）選中第一幀，在【屬性】面板中的【補(bǔ)間】選項(xiàng)里選擇“運(yùn)動(dòng)”，創(chuàng)建兩關(guān)鍵幀之間的運(yùn)動(dòng)動(dòng)畫。如圖5-9所示。（6）按Enter鍵測(cè)試動(dòng)畫，可以看到球沿著直線從舞臺(tái)左邊運(yùn)動(dòng)到舞臺(tái)右邊。（7）在圖層欄的下方單擊“添加運(yùn)動(dòng)引導(dǎo)層”按鈕，在圖層1上方增加一個(gè)引導(dǎo)層，如圖5-10所示。（8）在工具箱中選擇鉛筆工具，在工具箱下邊的選項(xiàng)欄里打開鉛筆模式選項(xiàng)，選中“平滑”選項(xiàng)。用鉛筆在舞臺(tái)中畫一條曲線，這條曲線就是將要引導(dǎo)元件運(yùn)動(dòng)的路徑。如圖5-11所示。 （9）選中圖層1的第1幀，按住球元件中心點(diǎn)，將其移動(dòng)到引導(dǎo)線的開始處，如圖5-12所示。（10）選中圖層1中的第40幀，按住球元件中心點(diǎn)，將其移動(dòng)到引導(dǎo)線

47、的結(jié)尾處，如圖5-13所示。（11）“沿曲線運(yùn)動(dòng)的球”制作完畢，按Ctrl+Enter測(cè)試動(dòng)畫，可以看到球沿著曲線運(yùn)動(dòng)，而曲線是不會(huì)顯示出來(lái)的。教 學(xué)總 結(jié)專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第13課課 題引導(dǎo)層動(dòng)畫和遮罩層動(dòng)畫的制作教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知認(rèn)識(shí)圖層的相關(guān)知識(shí)技 能懂得創(chuàng)建遮罩層動(dòng)畫情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)懂得創(chuàng)建引導(dǎo)層動(dòng)畫難 點(diǎn)遮罩層和引導(dǎo)層的理解關(guān) 鍵遮罩層和引導(dǎo)層的理解教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間513 遮罩層的創(chuàng)建與使用 使用遮罩層可以獲得類似于探照燈的效果。當(dāng)遮罩層作用于某個(gè)普通層時(shí)，普通層上內(nèi)容

48、會(huì)透過(guò)遮罩層上有內(nèi)容的部分（即不是白色的部分）而顯示出來(lái)。普通層也就是指被遮罩層，被遮罩層中的項(xiàng)目可以是任何Flash允許的動(dòng)畫元素，如填充的形狀、文字對(duì)象、圖形元件等。將多個(gè)層結(jié)合到一個(gè)遮罩層，可以創(chuàng)建出很復(fù)雜的效果。通常應(yīng)用遮罩層時(shí)，都將遮罩項(xiàng)目運(yùn)動(dòng)起來(lái)，使其遮罩效果更加逼真。對(duì)于用作遮罩的填充形狀，可以使用形狀動(dòng)畫；對(duì)于文字對(duì)象、圖形實(shí)例或影片剪輯，可以使用運(yùn)動(dòng)動(dòng)畫。當(dāng)使用影片剪輯實(shí)例作為遮罩時(shí)，可以讓遮罩沿運(yùn)動(dòng)路徑運(yùn)動(dòng)。 一、遮罩層在動(dòng)畫中的應(yīng)用下面通過(guò)一個(gè)具體的例子來(lái)學(xué)習(xí)遮罩層在動(dòng)畫中的應(yīng)用。（1）新建一個(gè)Flash文檔，在【屬性】面板中將背景顏色設(shè)為黑色，影片大小設(shè)置為：500*2

49、00。如5-14所示。 （2）將“圖層1”改名為“文本”。選擇工具箱中的【文本】工具，在相應(yīng)的【屬性】面板中，設(shè)置好字體、顏色、字距等參數(shù)，在舞臺(tái)中輸入“快樂(lè)家園你我他”，如圖5-15所示。（3）單擊【插入圖層】按鈕新增加一個(gè)圖層，將該圖層名給為“圓”。單擊工具箱中的【橢圓】工具，將【筆觸顏色】設(shè)為無(wú)色，【填充色】設(shè)為黃色，在繪圖窗口中繪制一個(gè)圓形。如圖5-16所示。 （4）選中“文本”圖層的第30幀，按F5鍵，插入幀。（5）選中“圓”圖層的第30幀，按F6鍵，插入關(guān)鍵幀，并將圓的位置調(diào)整到文本的右邊，如圖5-17所示。（6）在“圓”圖層傷但擊鼠標(biāo)右鍵，從彈出的快截菜單中執(zhí)行【遮罩層】命令，是

50、“圓”圖層成為遮罩層，如圖5-18所示。（7）此時(shí)，發(fā)現(xiàn)“圓”和“文本”圖層都被鎖定了。這是因?yàn)镕alsh MX 2004中，會(huì)自動(dòng)將遮罩層和被遮罩層鎖定。分別單擊各層中的鎖定圖標(biāo)，解除圖層的鎖定，使他們變成可編輯狀態(tài)，如圖5-19所示。（8）單擊選定“圓”層的第1幀，在【屬性】面板中的補(bǔ)間下拉菜單中選擇“形狀”選項(xiàng)，此時(shí)會(huì)在第1幀與第30幀之間出現(xiàn)一個(gè)帶箭頭的移動(dòng)標(biāo)記，如圖5-20所示。 （9）單擊鎖定圖標(biāo)，將所有圖層鎖定，按Enter鍵，觀看遮罩效果?？梢钥吹剑拔谋尽眻D層，即被遮罩層上的內(nèi)容是透過(guò)遮罩層“圓”層上有內(nèi)容的部分顯示出來(lái)的。專 業(yè)計(jì)算機(jī)學(xué) 科動(dòng)畫設(shè)計(jì)班 級(jí)08計(jì)算機(jī)時(shí) 間第1

51、4課課 題跳動(dòng)的音符教 法講授課 型新授教 學(xué)目 標(biāo)認(rèn) 知了解Flash MX 2004 中音樂(lè)格式及其類型技 能認(rèn)識(shí)聲音面板情 感培養(yǎng)學(xué)生的學(xué)習(xí)興趣，使學(xué)生主動(dòng)學(xué)習(xí)教 材分 析重 點(diǎn)導(dǎo)入、編輯音樂(lè)并為動(dòng)畫添加聲效。難 點(diǎn)導(dǎo)入、編輯音樂(lè)并為動(dòng)畫添加聲效。關(guān) 鍵導(dǎo)入、編輯音樂(lè)并為動(dòng)畫添加聲效。教 具環(huán) 節(jié)教師講授指導(dǎo)內(nèi)容學(xué)生活動(dòng)時(shí)間開始部分：展示上節(jié)課好的作品以及需要完善的作品。和學(xué)生一起點(diǎn)評(píng)所展示作品的優(yōu)缺點(diǎn)。一個(gè)精彩的flash動(dòng)畫作品，缺少了音樂(lè)，味道就缺少了大半。所以在flash動(dòng)畫中，音樂(lè)是很重要的一部分。如何為自己的flash影片添加音樂(lè)呢？我們這節(jié)課就具體來(lái)學(xué)習(xí)。展開部分：我們這節(jié)

52、課要學(xué)習(xí)的知識(shí)點(diǎn)如下：1. Flash MX 2004 中音樂(lè)格式及其類型2.認(rèn)識(shí)聲音面板3.導(dǎo)入、編輯音樂(lè)4.添加音效5.聲音文件的輸出6.1.1 Flash MX 2004 支持的音樂(lè)格式：WAV、MP3、AIFF以及它們的特點(diǎn)。6.1.2 Flash MX 2004 中的音樂(lè)類型：1.事件(envent)這是Flash 中應(yīng)用聲音的默認(rèn)類型，聲音和指定的事件相關(guān)聯(lián)，只能關(guān)聯(lián)到一幀中，且在播放前必須先完全下載所有聲音數(shù)據(jù)。當(dāng)動(dòng)畫在釋放中遇到聲音的開始關(guān)鍵幀時(shí)，事件音頻即開始獨(dú)立于時(shí)間軸完整播放，不管動(dòng)畫的進(jìn)度如何，一直到音頻播放完畢為止，以動(dòng)畫的實(shí)際幀數(shù)無(wú)關(guān)。2.數(shù)據(jù)流(stream)主要用于網(wǎng)絡(luò)播放流式音頻，強(qiáng)制動(dòng)畫和音頻同步，只要下載音頻的開始幾幀即可以播放，且動(dòng)畫的任意幀中都混合有音頻。如果動(dòng)畫的播放速度較慢，播放器就會(huì)忽略動(dòng)畫中的若干幀以調(diào)整兩者的同步。數(shù)據(jù)流聲音與事