多媒體應(yīng)用系統(tǒng)技術(shù)光盤(pán)教案第七章第一頁(yè)，共三十九頁(yè)，2022年，8月28日第7章動(dòng)畫(huà)素材制作與處理7.1計(jì)算機(jī)動(dòng)畫(huà)的分類和基本特點(diǎn)

7.2計(jì)算機(jī)動(dòng)畫(huà)的制作技術(shù)

7.3動(dòng)畫(huà)制作軟件Flash 7.4三維動(dòng)畫(huà)制作軟件3DSMAX 7.5動(dòng)畫(huà)素材的制作

7.6動(dòng)畫(huà)制作綜合實(shí)例第二頁(yè)，共三十九頁(yè)，2022年，8月28日27.1.1動(dòng)畫(huà)的基本規(guī)律

7.1.2計(jì)算機(jī)動(dòng)畫(huà)的特點(diǎn)

7.1.3計(jì)算機(jī)動(dòng)畫(huà)的分類

第三頁(yè)，共三十九頁(yè)，2022年，8月28日37.1.1動(dòng)畫(huà)的基本規(guī)律動(dòng)畫(huà)產(chǎn)生的基本原理:當(dāng)若干幀畫(huà)面連續(xù)播放時(shí)，如果每幀畫(huà)面上景物的形態(tài)不一樣，就會(huì)使觀看者產(chǎn)生運(yùn)動(dòng)的感覺(jué)。動(dòng)畫(huà)的基本規(guī)律：（1）畫(huà)面之間差異和連續(xù)的統(tǒng)一。如果沒(méi)有差異，就沒(méi)有運(yùn)動(dòng)的效果。但如果沒(méi)有連續(xù)，就會(huì)使運(yùn)動(dòng)不連貫，造成運(yùn)動(dòng)的失真。（2）把握好景物狀態(tài)變化的客觀規(guī)律。如物體運(yùn)動(dòng)的規(guī)律、光線和色彩變化的規(guī)律等。（3）按照人的視覺(jué)規(guī)律和審美觀念，安排畫(huà)面空間和運(yùn)動(dòng)節(jié)奏。第四頁(yè)，共三十九頁(yè)，2022年，8月28日4計(jì)算機(jī)動(dòng)畫(huà)：利用計(jì)算機(jī)的圖形圖像處理技術(shù)，通過(guò)計(jì)算機(jī)程序創(chuàng)作出來(lái)的動(dòng)畫(huà)。

計(jì)算機(jī)動(dòng)畫(huà)的特點(diǎn)：（1）能夠進(jìn)行動(dòng)畫(huà)創(chuàng)作中的角色設(shè)計(jì)，背景繪制等常規(guī)操作。（2）動(dòng)畫(huà)生產(chǎn)的效率高。（3）作品進(jìn)行修改、復(fù)制、移動(dòng)等處理很方便。（4）將物理學(xué)及其它相關(guān)學(xué)科的知識(shí)和計(jì)算機(jī)的運(yùn)算能力結(jié)合起來(lái)。（5）能夠更好的共享和重用現(xiàn)有的資源。7.1.2計(jì)算機(jī)動(dòng)畫(huà)的特點(diǎn)第五頁(yè)，共三十九頁(yè)，2022年，8月28日51．二維動(dòng)畫(huà)2．三維動(dòng)畫(huà)3．矢量動(dòng)畫(huà)4．幀動(dòng)畫(huà)7.1.3計(jì)算機(jī)動(dòng)畫(huà)的分類

第六頁(yè)，共三十九頁(yè)，2022年，8月28日67.2計(jì)算機(jī)動(dòng)畫(huà)的制作技術(shù)

7.2.1計(jì)算機(jī)動(dòng)畫(huà)制作的軟硬件環(huán)境

7.2.2常用動(dòng)畫(huà)制作軟件

7.2.3動(dòng)畫(huà)制作的基本方法

第七頁(yè)，共三十九頁(yè)，2022年，8月28日71．對(duì)硬件要求如果用個(gè)人計(jì)算機(jī)機(jī)制作動(dòng)畫(huà)，由于運(yùn)算復(fù)雜，數(shù)據(jù)量大，對(duì)計(jì)算機(jī)的工作速度和存儲(chǔ)容量有一定的要求。2．對(duì)軟件的要求計(jì)算機(jī)動(dòng)畫(huà)的制作是通過(guò)各種軟件來(lái)實(shí)現(xiàn)的。不同類型的動(dòng)畫(huà)用不同的軟件進(jìn)行制作和處理。目前，大部分的軟件，都能運(yùn)行在個(gè)人計(jì)算機(jī)上。而這些軟件，都是能在windows98/2000/xp的環(huán)境下工作的。我們的多媒體個(gè)人計(jì)算機(jī)的軟件環(huán)境，支持大部分動(dòng)畫(huà)設(shè)計(jì)軟件的工作。7.2.1計(jì)算機(jī)動(dòng)畫(huà)制作的軟硬件環(huán)境

第八頁(yè)，共三十九頁(yè)，2022年，8月28日81．AnimatorAnimatorPro和AnimatorStudio是美國(guó)Autodesk開(kāi)發(fā)的制作處理平面動(dòng)畫(huà)的軟件。。2．ANIMOANIMO是英國(guó)CambridgeAnimation公司開(kāi)發(fā)的動(dòng)畫(huà)制作軟件。3.GIFConstructionSetGIFConstructionSet是加拿大AlchemyMindworksInc.開(kāi)發(fā)的創(chuàng)建和處理GIF格式動(dòng)畫(huà)的軟件。4．3DSMAX3DStudioMAX是由AutoDesk公司開(kāi)發(fā)的三維動(dòng)畫(huà)制作軟件。5．MayaMaya是Alias公司開(kāi)發(fā)的三維動(dòng)畫(huà)制作軟件。7.2.2常用動(dòng)畫(huà)制作軟件第九頁(yè)，共三十九頁(yè)，2022年，8月28日91．關(guān)鍵幀和背景的繪制某個(gè)運(yùn)動(dòng)或動(dòng)作的關(guān)鍵形態(tài)。可以利用計(jì)算機(jī)的繪圖工具直接繪制或用掃描的方法將圖形輸入到計(jì)算機(jī)。2．中間幀的設(shè)計(jì)中間幀就是在關(guān)鍵幀之間的畫(huà)面。在計(jì)算機(jī)動(dòng)畫(huà)軟件中，可以自動(dòng)生成兩個(gè)關(guān)鍵幀之間的中間幀。3．不同角色的運(yùn)動(dòng)在計(jì)算機(jī)動(dòng)畫(huà)制作軟件中有層或通道，可以將不同角色的運(yùn)動(dòng)安排在不同的層或通道中。4．其它后期合成工作動(dòng)畫(huà)制作的基本方法

第十頁(yè)，共三十九頁(yè)，2022年，8月28日107.3動(dòng)畫(huà)制作軟件Flash 7.3.1Flash的基本功能和特點(diǎn)

7.3.2Flash的工作環(huán)境

7.3.3Flash動(dòng)畫(huà)制作的基本方法第十一頁(yè)，共三十九頁(yè)，2022年，8月28日11Flash是一個(gè)平面動(dòng)畫(huà)制作軟件，

它制作的動(dòng)畫(huà)是一種矢量格式，具有體積小、兼容性好、直觀動(dòng)感、互動(dòng)性強(qiáng)大、支持MP3音樂(lè)等諸多優(yōu)點(diǎn)。

Flash動(dòng)畫(huà)被廣泛應(yīng)用于web網(wǎng)站。

Flash動(dòng)畫(huà)具有強(qiáng)大的互動(dòng)性，開(kāi)發(fā)多媒體應(yīng)用軟件和小游戲的一個(gè)很好工具。

Flash動(dòng)畫(huà)具有跨平臺(tái)的特性。7.3.1Flash的基本功能和特點(diǎn)

第十二頁(yè)，共三十九頁(yè)，2022年，8月28日12Flash窗口的左側(cè)是工具欄，上方是時(shí)間軸在右側(cè)和下方是可折疊的面板（有些面板還可浮動(dòng)）窗口的中間部分是舞臺(tái)工作區(qū)。7.3.2Flash的工作環(huán)境

第十三頁(yè)，共三十九頁(yè)，2022年，8月28日13Flash制作動(dòng)畫(huà)的基本過(guò)程是：先創(chuàng)建或?qū)胧噶繄D形，然后在時(shí)間軸上創(chuàng)建動(dòng)畫(huà)。最后將制作完成的動(dòng)畫(huà)導(dǎo)出為各種格式的影片。1．Flash文擋的創(chuàng)建一個(gè)Flash的動(dòng)畫(huà)，就是一個(gè)擴(kuò)展名為.fla的文檔。在啟動(dòng)Flash程序時(shí)，會(huì)有一個(gè)對(duì)話框讓我們選擇創(chuàng)建或打開(kāi)一個(gè)Flash的文檔。也可以用菜單“文件”→“新建”來(lái)創(chuàng)建一個(gè)Flash的文檔7.3.3Flash動(dòng)畫(huà)制作的基本方法

第十四頁(yè)，共三十九頁(yè)，2022年，8月28日14

2．創(chuàng)建或?qū)胧噶繄D形（1）繪制直線、橢圓和矩形（2）鉛筆工具的使用（3）圖形圖象的導(dǎo)入7.3.3Flash動(dòng)畫(huà)制作的基本方法

第十五頁(yè)，共三十九頁(yè)，2022年，8月28日15

3．對(duì)象的選取用選取工具可以選擇舞臺(tái)上的對(duì)象。

4．圖形的顏色（1）線段和邊框的顏色墨水瓶工具可以給矢量線段設(shè)置不同的顏色。（2）顏料桶工具用顏料桶工具來(lái)對(duì)對(duì)象的填充部分上色。（3）填充變形工具如果用漸變色和位圖對(duì)對(duì)象進(jìn)行填充時(shí)，可用填充變形工具改變填充的效果。（4）滴管工具滴管工具的作用是獲取現(xiàn)有對(duì)象的顏色

7.3.3Flash動(dòng)畫(huà)制作的基本方法

第十六頁(yè)，共三十九頁(yè)，2022年，8月28日16

5．圖形的移動(dòng)和變形（1）用選取工具移動(dòng)使對(duì)象移動(dòng)或變形

（2）變形工具的使用

6．時(shí)間軸和動(dòng)畫(huà)的制作時(shí)間軸在水平方向的基本單位就是幀。幀又分為靜態(tài)幀和關(guān)鍵幀。靜態(tài)幀就是一幅靜態(tài)的圖像。用靜態(tài)幀來(lái)表現(xiàn)靜止不動(dòng)的景物，如某一個(gè)場(chǎng)景中的背景。關(guān)鍵幀是為了制作動(dòng)畫(huà)而創(chuàng)建的幀，在兩個(gè)關(guān)鍵幀之間會(huì)自動(dòng)產(chǎn)生動(dòng)畫(huà)。時(shí)間軸垂直方向的單元是圖層7.3.3Flash動(dòng)畫(huà)制作的基本方法

第十七頁(yè)，共三十九頁(yè)，2022年，8月28日17

7.4三維動(dòng)畫(huà)制作軟件3DSMAX

7.4.13DSMAX的基本功能和特點(diǎn)

7.4.23DSMAX的工作環(huán)境和基本操作方法

7.4.33DSMAX創(chuàng)建模型和動(dòng)畫(huà)的基本方法

第十八頁(yè)，共三十九頁(yè)，2022年，8月28日18

3DSMAX是美國(guó)Autodesk公司開(kāi)發(fā)的基于PC機(jī)的三維動(dòng)畫(huà)制作軟件。所以它的普及面廣，而且隨著PC機(jī)技術(shù)的發(fā)展，它的功能也在不斷增強(qiáng)。

3DSMAX提供了建立各種模型方法。為了使模型逼真，還需要為模型貼圖、進(jìn)行材質(zhì)處理。

3DSMAX提供了各種參數(shù)來(lái)設(shè)置光照的效果。還能模擬各種真實(shí)的燈光。

3DSMAX除了支持關(guān)鍵幀動(dòng)畫(huà)，還有動(dòng)力學(xué)動(dòng)畫(huà)、運(yùn)動(dòng)學(xué)動(dòng)畫(huà)等多種產(chǎn)生動(dòng)畫(huà)的方法。7.4.13DSMAX的基本功能和特點(diǎn)第十九頁(yè)，共三十九頁(yè)，2022年，8月28日19在菜單欄的下面是浮動(dòng)工具欄。窗口的中央是工作視圖區(qū)，分為四個(gè)區(qū)域。右下角是一個(gè)物體的透視模型。左上方是頂視圖、右上方是前（正）視圖、左下方是左視圖。在窗口的底下是狀態(tài)攔、提示欄窗口的右下方是動(dòng)畫(huà)控制區(qū)窗口的右側(cè)是命令面板7.4.23DSMAX的工作環(huán)境和基本操作方法

第二十頁(yè)，共三十九頁(yè)，2022年，8月28日20

1．創(chuàng)建幾何體使用命令面板中的“創(chuàng)建”選區(qū)。在最上面的下拉列表框中選擇“標(biāo)準(zhǔn)基本體”，然后在下面的區(qū)域中選擇一種幾何體。也可以用菜單“創(chuàng)建”→“標(biāo)準(zhǔn)基本體”。2．創(chuàng)建其它模型在“創(chuàng)建”面板的下拉列表框中可選擇其它類型的模型。如在下拉列表框中可選擇“動(dòng)力學(xué)對(duì)象”，然后選擇點(diǎn)擊“彈簧”，在“公用彈簧參數(shù)”中可設(shè)置彈簧的圈數(shù)7.4.33DSMAX創(chuàng)建模型和動(dòng)畫(huà)的基本方法

第二十一頁(yè)，共三十九頁(yè)，2022年，8月28日21

3．對(duì)象的選擇和移動(dòng)、旋轉(zhuǎn)用“選擇對(duì)象”按鈕，可選擇視圖中的對(duì)象。用“選擇并移動(dòng)”按鈕可移動(dòng)選中的對(duì)象。用“選擇并旋轉(zhuǎn)”按鈕可使選中的對(duì)象移動(dòng)4．模型的編輯方式的設(shè)置先選中對(duì)象，打開(kāi)“修改”面板中的“修改器列表”下拉列表框，選擇一種編輯方式。也可打開(kāi)菜單“修改器”選擇一種修改或編輯方法。然后再在面板中作進(jìn)一步的設(shè)置。7.4.33DSMAX創(chuàng)建模型和動(dòng)畫(huà)的基本方法

第二十二頁(yè)，共三十九頁(yè)，2022年，8月28日22

5．對(duì)象的縮放和變形“選擇并縮放的按鈕”是一組三個(gè)按鈕（選擇并均勻縮放、非均勻縮放和擠壓），在工具欄的按鈕上按下鼠標(biāo)會(huì)出現(xiàn)下面的幾個(gè)按鈕。選擇按鈕后可對(duì)選取的部分進(jìn)行操縱。6．3DSMAX的動(dòng)畫(huà)制作3DSMAX提供了很多動(dòng)畫(huà)制作的方法。最簡(jiǎn)單的是關(guān)鍵幀動(dòng)畫(huà)。利用3DSMAX窗口右下方的動(dòng)畫(huà)控制區(qū)，在時(shí)間軸上設(shè)置關(guān)鍵幀（時(shí)間軸在視圖區(qū)的下方），就可以制作關(guān)鍵幀動(dòng)畫(huà)。7.4.33DSMAX創(chuàng)建模型和動(dòng)畫(huà)的基本方法

第二十三頁(yè)，共三十九頁(yè)，2022年，8月28日23

7.5動(dòng)畫(huà)素材的制作

7.5.1Flash中素材的制作和導(dǎo)入7.5.2Flash的動(dòng)畫(huà)制作

7.5.3Flash動(dòng)畫(huà)作品的導(dǎo)出與發(fā)布

7.5.43DSMAX模型的材質(zhì)處理和渲染

第二十四頁(yè)，共三十九頁(yè)，2022年，8月28日24

1．圖形文件的導(dǎo)入用菜單“文件”→“導(dǎo)入到舞臺(tái)”，可將圖形文件導(dǎo)入到舞臺(tái)中。也可以用“文件”→“導(dǎo)入到庫(kù)”。2．元件的創(chuàng)建供程序共享的素材稱元件，元件存放在庫(kù)中。元件的類型有影片剪輯、按鈕和圖形。用菜單“插入”→“新建元件”，在出現(xiàn)的對(duì)話框中選擇元件的類型，輸入元件名。在舞臺(tái)的“元件”編輯區(qū)繪制圖形。元件可從庫(kù)中拖到舞臺(tái)上。

7.5.1Flash中素材的制作和導(dǎo)入

第二十五頁(yè)，共三十九頁(yè)，2022年，8月28日25

3．音頻素材的導(dǎo)入用菜單“文件”→“導(dǎo)入到庫(kù)”，可以選擇一個(gè)音頻文件導(dǎo)入到Flash的庫(kù)中。然后在時(shí)間軸的某個(gè)圖層上選中一個(gè)幀，將庫(kù)中的音頻文件拖到舞臺(tái)。根據(jù)需要音頻的幀長(zhǎng)，在音頻結(jié)束的幀位置插入靜態(tài)幀。在音頻幀的屬性面板中對(duì)音頻的播放進(jìn)行設(shè)置。4．視頻文件的導(dǎo)入用菜單“文件”→“導(dǎo)入視頻”可以選擇一個(gè)視頻文件導(dǎo)入到Flash動(dòng)畫(huà)中。7.5.1Flash中素材的制作和導(dǎo)入

第二十六頁(yè)，共三十九頁(yè)，2022年，8月28日26

1．補(bǔ)件動(dòng)作動(dòng)畫(huà)補(bǔ)間動(dòng)作動(dòng)畫(huà)首先要將圖形轉(zhuǎn)換為元件。它能產(chǎn)生的動(dòng)畫(huà)有運(yùn)動(dòng)（可沿設(shè)定的軌跡運(yùn)動(dòng)）和變形。制作補(bǔ)間動(dòng)作動(dòng)畫(huà)的方法如下：先在第一幀繪制圖形，然后選中圖形，用菜單“修改”→“轉(zhuǎn)換為元件”將圖形轉(zhuǎn)換為圖形元件。選中后面的某一幀，按鼠標(biāo)右鍵在彈出的菜單中選擇“插入關(guān)鍵幀”，將舞臺(tái)上的圖形元件拖到某一位置，并可用變形工具使其變形。在第一幀的屬性面板中的“補(bǔ)間”列表框中選擇“動(dòng)作”。7.5.2Flash的動(dòng)畫(huà)制作第二十七頁(yè)，共三十九頁(yè)，2022年，8月28日27

2．補(bǔ)間形狀動(dòng)畫(huà)補(bǔ)間形狀動(dòng)畫(huà)可以產(chǎn)生顏色、形狀和位置的變化。產(chǎn)生補(bǔ)間形狀動(dòng)畫(huà)的對(duì)象必須是矢量圖形。制作補(bǔ)間動(dòng)畫(huà)的方法如下。在第一幀繪制一個(gè)矩形（紅色）。然后選中后面的某一幀，按鼠標(biāo)右鍵在彈出的菜單中選擇“插入關(guān)鍵幀”。在那一幀上在繪制一個(gè)圓（綠色），并刪除先前畫(huà)的圓。點(diǎn)擊第一個(gè)幀，在屬性面板的“補(bǔ)間”列表框中選擇“形狀”。7.5.2Flash的動(dòng)畫(huà)制作第二十八頁(yè)，共三十九頁(yè)，2022年，8月28日28

3．運(yùn)動(dòng)引導(dǎo)層如果要物體沿著設(shè)計(jì)好的路徑運(yùn)動(dòng)，則需要運(yùn)動(dòng)引導(dǎo)層。選中時(shí)間軸上的一個(gè)圖層。按右鍵在彈出菜單中選擇“屬性”。在圖層的屬性對(duì)話框的類型為引導(dǎo)。在引導(dǎo)層的第1幀用鉛筆工具畫(huà)一條曲線。在第50幀插入靜態(tài)幀（選中第50幀，按右鍵，選擇“插入幀”）。鼠標(biāo)在引導(dǎo)圖層上按右鍵，在彈出菜單中選擇“插入圖層”，將此圖層拖到引導(dǎo)層下面。設(shè)置圖層類型為“被引導(dǎo)”。在運(yùn)動(dòng)層的第一幀繪制一個(gè)小圓，并轉(zhuǎn)換為圖形元件。在第一幀位置將圓拖到曲線的起點(diǎn)。將第一幀設(shè)置為補(bǔ)間動(dòng)作。并在屬性面板中選中“調(diào)整到路徑”選項(xiàng)。在運(yùn)動(dòng)層的第50幀插入關(guān)鍵幀，將圓沿著曲線從起點(diǎn)拖到終點(diǎn)。7.5.2Flash的動(dòng)畫(huà)制作第二十九頁(yè)，共三十九頁(yè)，2022年，8月28日29

4．遮罩層的作用遮罩層的作用是讓它下面的圖層部分顯示出來(lái)（被遮罩到的對(duì)象會(huì)顯示出來(lái)

）。我們先在一個(gè)圖層的第一幀輸入一行文字。在第50幀插入靜態(tài)幀。然后在文本層的上面插入一個(gè)圖層，將此圖層的類型設(shè)置為“遮罩層”。在遮罩層的第一幀畫(huà)一個(gè)矩形，正好遮住文本層第一個(gè)文字的一半。在遮罩層的第50幀插入關(guān)鍵幀，用變形工具將矩形放大，使正好遮住文本層的所有文字。在第一幀選中“補(bǔ)間形狀”。將文本層的類型設(shè)置為“被遮罩”。在文本層上按下右鍵，在彈出菜單中選擇“顯示遮罩”。7.5.2Flash的動(dòng)畫(huà)制作第三十頁(yè)，共三十九頁(yè)，2022年，8月28日30

1．作品的導(dǎo)出可將作品導(dǎo)出為電影、位圖或位圖系列。用菜單“文件”

→“導(dǎo)出”→“導(dǎo)出影片”，將作品導(dǎo)出為Flash電影（擴(kuò)展名為swf）、avi文件或GIF動(dòng)畫(huà)格式的文件。也可將電影中的聲音導(dǎo)出為wav文件。用菜單“文件”→

“導(dǎo)出”

→

“導(dǎo)出圖像”可將選中的幀的內(nèi)容導(dǎo)出為矢量圖形文件或位圖文件。7.5.3Flash動(dòng)畫(huà)作品的導(dǎo)出與發(fā)布

第三十一頁(yè)，共三十九頁(yè)，2022年，8月28日31

2．作品的發(fā)布作品的發(fā)布是為了在網(wǎng)上播放Flash的作品?？梢园l(fā)布為swf文件，也可以生成HTML文件。選擇菜單“文件”

→“發(fā)布設(shè)置”，如果選擇了發(fā)布成HTML，則可直接在web瀏覽器中播放Flash電影，并能由系統(tǒng)自動(dòng)生成必需的HTML文檔。7.5.3Flash動(dòng)畫(huà)作品的導(dǎo)出與發(fā)布

第三十二頁(yè)，共三十九頁(yè)，2022年，8月28日32用工具欄上的“材質(zhì)編輯器”按鈕，可以打開(kāi)“材質(zhì)編輯器窗口”。用“渲染”按鈕可對(duì)模型渲染

7.5.43DSMAX模型的材質(zhì)處理和渲染

第三十三頁(yè)，共三十九頁(yè)，2022年，8月28日337.6動(dòng)畫(huà)制作綜合實(shí)例 7.6.1小球繞大球轉(zhuǎn)動(dòng)的例子 7.6.2遮罩層和顏色變化產(chǎn)生的動(dòng)畫(huà)效果 7.6.3Flash中文本的處理方法 7.6.4Flash動(dòng)畫(huà)的交互功能第三十四頁(yè)，共三十九頁(yè)，2022年，8月28日34

2．作品的發(fā)布這是一個(gè)在運(yùn)動(dòng)引導(dǎo)層下沿設(shè)定的軌跡運(yùn)動(dòng)的例子。但由于是沿著一個(gè)封閉曲線軌跡運(yùn)動(dòng)，要將整個(gè)運(yùn)動(dòng)過(guò)程分為幾段設(shè)置。這里將它分為三段。7.6.1小球繞大球轉(zhuǎn)動(dòng)的例子

第三十五頁(yè)，共三十九頁(yè)，2022年，8月28日357.6.2遮罩層和顏色變化產(chǎn)生的動(dòng)畫(huà)效果一個(gè)色彩變化的圓

被遮罩層的第一和第六十幀

第