動(dòng)畫處理技術(shù)課件

1、動(dòng)畫處理技術(shù)第一章 動(dòng)畫產(chǎn)生原理 動(dòng)畫的工作原理接近于電影，都是利用人眼的視覺(jué)惰性原理，即當(dāng)人眼觀看一個(gè)物體時(shí)，同時(shí)在人腦中形成一個(gè)對(duì)應(yīng)的物象，該物體突然消失，人腦中的物象并不會(huì)同時(shí)消失，仍然有一段時(shí)間的滯留。若有一組畫面內(nèi)容相關(guān)的圖像，以一定的速度播放，當(dāng)播放速度大于15幀/秒時(shí)，人眼視覺(jué)分辨不出這種高速變化，而感覺(jué)看到的是一組連續(xù)的動(dòng)作畫面。動(dòng)畫就是由這樣一組組不同數(shù)量的圖像連續(xù)播放形成的。 第二章 計(jì)算機(jī)動(dòng)畫的分類和存儲(chǔ)格式 動(dòng)畫因其數(shù)據(jù)格式的不同分為位圖動(dòng)畫和矢量動(dòng)畫。因其視覺(jué)感覺(jué)不同分為二維動(dòng)畫和三位動(dòng)畫。二維動(dòng)畫三維動(dòng)畫虛擬現(xiàn)實(shí) 不同的動(dòng)畫制作工具，可以產(chǎn)生不同格式的動(dòng)畫文件，這里

2、僅介紹比較常見(jiàn)的動(dòng)畫格式GIF和SWF。GIF格式：GIF格式動(dòng)畫產(chǎn)生的原理完全基于傳統(tǒng)的動(dòng)畫設(shè)計(jì)，即動(dòng)畫效果是由一系列具有細(xì)微差異的圖片連續(xù)播放產(chǎn)生的。制作方法：先使用圖像處理軟件制作出不同的圖像，然后使用GIF動(dòng)畫制作軟件進(jìn)行動(dòng)畫處理，設(shè)置每一幅畫面的顯示時(shí)間，畫面的顯示次序，顯示方式等。第三章 認(rèn)識(shí)Flash動(dòng)畫制作工具 Macromedia Flash MX是為網(wǎng)絡(luò)站點(diǎn)設(shè)計(jì)平面圖形和動(dòng)畫的創(chuàng)作工具，它主要包含的是矢量圖形，但也可以導(dǎo)入位圖圖像和聲音。 Flash MX窗口主要由以下幾部分組成：一個(gè)場(chǎng)景和舞臺(tái)、一個(gè)包含菜單和命令的菜單欄、多個(gè)面板和一個(gè)屬性面板，以及一個(gè)包含工具的工具欄。

3、 工具箱面板包含主工具欄和繪圖工具欄。時(shí)間軸面板用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)。舞臺(tái)和場(chǎng)景（工作區(qū)）在當(dāng)前編輯的動(dòng)畫窗口中，我們把動(dòng)畫內(nèi)容編輯的整個(gè)區(qū)域叫做場(chǎng)景，為了設(shè)計(jì)的需要，可以更換不同的場(chǎng)景，每個(gè)場(chǎng)景都有不同的名稱。可以在整個(gè)場(chǎng)景內(nèi)進(jìn)行圖形的繪制和編輯工作，但是最終動(dòng)畫僅顯示場(chǎng)景中白色區(qū)域的內(nèi)容，我們把這個(gè)區(qū)域稱為舞臺(tái)。 第四章 繪圖與編輯工具一、工具欄：工具欄根據(jù)工具的相關(guān)功能劃分為4個(gè)區(qū)域：工具：包含繪圖、涂色和選擇工具。查看：包含在應(yīng)用程序窗口內(nèi)進(jìn)行縮放和移動(dòng)的工具。顏色：包含用于筆觸顏色和填充顏色的工具。選項(xiàng)：顯示選定工具的組合鍵，這些組合鍵會(huì)影響工具的涂色或

4、編輯操作。1. 線條工具鉛筆工具：用于繪制一些簡(jiǎn)單的線條和圖形。伸直：使繪制的矢量線自行趨于規(guī)則的形態(tài)。平滑：線條將趨于更加流暢平滑的形態(tài)。墨水：線條接近手繪線條時(shí)的軌跡。設(shè)置筆觸顏色和屬性。線條工具：繪制各種不同粗細(xì)、樣式的直線。設(shè)置筆觸顏色。2. 規(guī)則圖形橢圓工具：繪制橢圓或配合Shift鍵繪制正圓。設(shè)置筆觸顏色和填充色以及屬性，填充色可以是漸變色。矩形工具：繪制矩形或配合Shift鍵繪制正方形。設(shè)置筆觸顏色和填充色以及屬性，填充色可以是漸變色?？梢栽O(shè)置矩形角半徑。多角星形工具：繪制多邊形和星形。設(shè)置筆觸顏色和填充色以及屬性，填充色可以是漸變色。可以進(jìn)行選項(xiàng)設(shè)置，設(shè)置樣式、邊數(shù)和星形頂點(diǎn)大

5、?。?1之間）。3. 刷子工具：填充圖形，可設(shè)置平滑度。刷子大?。核⒆有螤睿核⒆幽Ｊ剑簶?biāo)準(zhǔn)繪畫：繪制的圖形會(huì)遮擋并覆蓋住舞臺(tái)中原有的圖形。顏料填充：繪制的圖形只能出現(xiàn)在線條的下方，不會(huì)對(duì)線條產(chǎn)生任何影響。后面繪畫：繪制的圖形只能在原圖形的后面穿過(guò)，起到反襯托作用。顏料選擇：先選取原圖形矢量色塊，再在色塊上繪圖才能產(chǎn)生效果，并且此時(shí)的刷子對(duì)矢量線不產(chǎn)生影響。內(nèi)部繪畫：根據(jù)起始位置在圖像上著色。當(dāng)刷子的起始位置位于矢量色塊內(nèi)部時(shí)，就只能在矢量色塊上著色；當(dāng)刷子的起始位置位于矢量色塊外部時(shí)，就只能在矢量色塊外部著色。鎖定填充：處于鎖定狀態(tài)時(shí)，漸變色彩的規(guī)律是以完整的漸變色過(guò)程是一個(gè)固定的區(qū)域，刷子涂

6、抹到什么區(qū)域，就對(duì)應(yīng)出現(xiàn)什么漸變色彩。處于解鎖狀態(tài)時(shí)，漸變色彩的規(guī)律是在單個(gè)圖形內(nèi)完成色彩漸變過(guò)程，而不會(huì)相互影響。4. 編輯調(diào)整圖形墨水瓶工具：改變線條色和樣式。顏料桶工具：顏料桶工具：在圖形中填充顏色。選項(xiàng)：不封閉空隙：只有完全封閉的區(qū)域才能填充顏色。封閉小空隙：封閉中等空隙：封閉大空隙：水龍頭：一次擦除筆觸色或填充色。5. 滴管工具：具有吸取畫面中矢量線、矢量色塊、位圖等相關(guān)屬性設(shè)置，直接應(yīng)用于另外矢量對(duì)象的功能。提取線條屬性：吸取源矢量線的筆觸顏色、筆觸高度和筆觸樣式等屬性設(shè)置，應(yīng)用到目標(biāo)矢量線，使后者具有前者的線屬性。提取色彩屬性：吸取填充顏色的相關(guān)屬性，不論是單色還是復(fù)雜的漸變色，

7、都可以被復(fù)制下來(lái)，轉(zhuǎn)移給目標(biāo)矢量色塊。注意：將漸變色應(yīng)用到其它對(duì)象之前，先去掉“鎖定填充”按鈕選項(xiàng)。提取分離位圖：可以吸取外部引入的位圖樣式，作為填充圖案，使填充的圖案像編制的花布一樣，重復(fù)排列吸取的位圖圖案。（填充DOG1.BMP）提取文字屬性：可以吸取源文字的字體、文本顏色、字體大小等屬性，但不能吸取文本的內(nèi)容。先選中目標(biāo)文字，然后吸取源文字屬性。（自動(dòng)填充）擦除文字和位圖（需先分離）：文字和位圖是作品創(chuàng)作中經(jīng)常用到的元素，如過(guò)要擦除這兩種元素，必須將其分離，然后再用橡皮擦工具進(jìn)行擦除。選中位圖“修改”“分離”；選中文字“修改”“分離” “分離”。7. 箭頭工具選擇工具：?jiǎn)螕魣D形邊緣線，選

8、擇邊緣線；雙擊圖形邊緣線，選擇所有邊緣線。Shift鍵可以同時(shí)選擇區(qū)域。單擊圖形內(nèi)部，選擇圖形填充色塊；雙擊圖形內(nèi)部，選擇圖形填充色塊和邊緣線。移動(dòng)與復(fù)制圖形：選擇后可以拖動(dòng)圖形（移動(dòng)）；ctrl+拖動(dòng)或alt+拖動(dòng)可以復(fù)制圖形。編輯修改圖形：將鼠標(biāo)移到要調(diào)整的線條上，拖曳圖形邊線； 或ctrl+拖曳圖形邊線。部分選取工具：利用錨點(diǎn)和手柄編輯修改圖形。8. 套索工具首先分離位圖：“修改”“分離”多邊形模式：?jiǎn)螕魣D形的某一點(diǎn)繼續(xù)單擊最后雙擊（可以形成一個(gè)封閉的選擇區(qū)域）非多邊形模式：拖曳鼠標(biāo)魔術(shù)棒：根據(jù)容差范圍選擇色塊。首先設(shè)置“魔術(shù)棒屬性”。(舉例1：去掉DOG中小狗的白色背景)9. 創(chuàng)建自由

9、形態(tài)工具任意變形工具：用于把規(guī)則的圖形調(diào)整為隨意的形態(tài)。旋轉(zhuǎn)與傾斜：對(duì)著四個(gè)角拖曳鼠標(biāo)可以旋轉(zhuǎn)，對(duì)著四條邊拖曳鼠標(biāo)可以傾斜?？s放：對(duì)著八個(gè)點(diǎn)可以縮放。扭曲：對(duì)著八個(gè)點(diǎn)可以扭曲。封套：對(duì)著方塊和圓點(diǎn)可以調(diào)整手柄。（一般2個(gè)手柄一起調(diào)整，按Alt鍵，可以只調(diào)整一個(gè)手柄）10. 鋼筆工具：可以獨(dú)立創(chuàng)建矢量線和矢量圖形，也可以編輯矢量對(duì)象。創(chuàng)建不封閉圖形：連續(xù)單擊鼠標(biāo)最后雙擊鼠標(biāo)創(chuàng)建封閉圖形：連續(xù)單擊鼠標(biāo)最后出現(xiàn)小圓點(diǎn)時(shí)雙擊鼠標(biāo)繪制帶有弧線的圖形：?jiǎn)螕裟滁c(diǎn)拖曳鼠標(biāo)調(diào)整手柄在編輯過(guò)程中要注意光標(biāo)的變化：當(dāng)光標(biāo)移到?jīng)]有節(jié)點(diǎn)的弧線時(shí)，光標(biāo)變?yōu)閹в屑犹?hào)的鋼筆符號(hào)時(shí)，單擊鼠標(biāo)，增加一個(gè)編輯節(jié)點(diǎn)光標(biāo)移到節(jié)點(diǎn)上，變

10、成帶有折線的鋼筆符號(hào)時(shí)，單擊鼠標(biāo)，弧線節(jié)點(diǎn)變?yōu)橹本€連接點(diǎn)。光標(biāo)移到節(jié)點(diǎn)上，變成帶有減號(hào)的鋼筆符號(hào)時(shí)，單擊鼠標(biāo)，刪除節(jié)點(diǎn)。11. 部分選區(qū)工具：可以對(duì)已經(jīng)繪制出來(lái)的矢量線或矢量圖形進(jìn)行再次編輯。光標(biāo)移到?jīng)]有節(jié)點(diǎn)的空線上時(shí)，光標(biāo)變?yōu)閹в泻谏綁K的箭頭時(shí)，可以移動(dòng)圖形。光標(biāo)移到某一個(gè)節(jié)點(diǎn)時(shí)，光標(biāo)變?yōu)閹в邪咨綁K的箭頭，可以移動(dòng)單個(gè)節(jié)點(diǎn)的位置。光標(biāo)移到調(diào)節(jié)柄時(shí)，可以調(diào)整該節(jié)點(diǎn)牽連的線段的彎曲度。按住Alt鍵，同時(shí)調(diào)整調(diào)節(jié)柄，可以調(diào)整該手柄對(duì)應(yīng)的弧線段。二、輔助面板1. 對(duì)齊面板（“窗口”“設(shè)計(jì)面板”“對(duì)齊”）對(duì)齊：左對(duì)齊（按所選全部對(duì)象的最左對(duì)象進(jìn)行左對(duì)齊）、水平中齊、右對(duì)齊、上對(duì)齊、垂直中齊、底對(duì)齊

11、分布：匹配大小：匹配寬度（按最大的寬度）、匹配高度、匹配寬和高間隔：垂直平均間隔、水平平均間隔相對(duì)于舞臺(tái)：2. 變形面板（“窗口”“設(shè)計(jì)面板”“變形”設(shè)置回車）約束：按比例調(diào)整圖形的大小旋轉(zhuǎn)：傾斜：水平傾斜、垂直傾斜復(fù)制并應(yīng)用變形：旋轉(zhuǎn)并復(fù)制圖形（“窗口”“設(shè)計(jì)面板”“變形”設(shè)置回車）“任意變形工具”調(diào)整旋轉(zhuǎn)中心位置打開變形面板設(shè)置旋轉(zhuǎn)角度連續(xù)單擊“復(fù)制并應(yīng)用變形”按鈕重置按鈕：恢復(fù)到變形前初始狀態(tài)4. 選擇、編輯漸變色（線性或放射）填充顏色（線性或放射狀）、可設(shè)置RGB、輸入6位十六進(jìn)制數(shù)+回車添加色標(biāo)按鈕（最多8個(gè)）：?jiǎn)螕羯珟路?，鼠?biāo)呈+刪除色標(biāo)按鈕：將色標(biāo)按鈕往下拖5. 位圖填充：填充

12、顏色（位圖）“文件”“導(dǎo)入”“導(dǎo)入到庫(kù)”選擇文件“確定”在混色器中選擇位圖顏料桶工具單擊需填充圖形“填充變形工具”單擊圖形中位圖調(diào)整圖形第五章 用Flash制作簡(jiǎn)單的動(dòng)畫一、逐幀動(dòng)畫的制作普通幀：僅延長(zhǎng)動(dòng)畫顯示的時(shí)間。關(guān)鍵幀：保留前一幀內(nèi)容，并可插入新內(nèi)容?？瞻钻P(guān)鍵幀：可插入新內(nèi)容，不保留前一幀內(nèi)容。刪除幀：減少動(dòng)畫顯示時(shí)間。刪除關(guān)鍵幀：將此幀內(nèi)容刪除，保留前幀內(nèi)容。分離：將位圖或圖形等轉(zhuǎn)變?yōu)槭噶繄D形。舉例3 ：(小狗翻跟斗) 將“例題”文件夾中“bj.jpg”和“DOG”文件夾中的8張圖片導(dǎo)入到新建的Flash.fla中，制作小狗在翻跟斗的動(dòng)畫。最后導(dǎo)出影片F(xiàn)lash.swf。舉例4 ：(霓

13、虹閃爍) 將“例題”文件夾中 “YUEQI”文件夾中的4張圖片導(dǎo)入到新建的Flash.fla中，調(diào)整圖片的角度，加上矩形霓虹效果，矩形筆觸粗細(xì)為10，顏色依次為紅、綠、黃、藍(lán)、紫、青，每種顏色延長(zhǎng)4幀，最后導(dǎo)出影片F(xiàn)lash.swf。二、過(guò)渡變形補(bǔ)間動(dòng)畫過(guò)渡動(dòng)畫是通過(guò)建立動(dòng)畫過(guò)程的首尾兩個(gè)關(guān)鍵幀的內(nèi)容，中間的過(guò)渡幀則由計(jì)算機(jī)通過(guò)首尾幀的特性以及動(dòng)畫屬性要求來(lái)計(jì)算得到并補(bǔ)間插入。過(guò)渡變形補(bǔ)間一般簡(jiǎn)稱為變形動(dòng)畫，指形狀逐漸發(fā)生變化的動(dòng)畫。變形動(dòng)畫中的動(dòng)畫對(duì)象只能是矢量圖形（文字等必須先分離），組對(duì)象和元件實(shí)例對(duì)象等都不能直接進(jìn)行變形動(dòng)畫。舉例5 ： (圓變心)畫面中一個(gè)藍(lán)色的正圓2秒鐘逐漸變成一個(gè)

14、紅色的心形。藍(lán)色正圓和紅色心形均延長(zhǎng)5幀。舉例6：(雞變羊)打開“雞變羊.fla”文件，利用形狀補(bǔ)間將雞逐漸變成羊。一開始雞保持10幀，然后從第10幀到第40幀逐漸變成羊，然后顯示羊8幀。其中“雞變羊”文字從第10幀開始顯示，到第40幀結(jié)束顯示。三、動(dòng)作補(bǔ)間動(dòng)畫的制作動(dòng)作補(bǔ)間動(dòng)畫是補(bǔ)間動(dòng)畫的一種，它所處理的動(dòng)畫對(duì)象是舞臺(tái)中建組（Group）后的矢量圖形、字符、引入的元件實(shí)例或其他導(dǎo)入的素材對(duì)象。利用這種動(dòng)畫方法，可以使上述對(duì)象產(chǎn)生位置、大小、旋轉(zhuǎn)等變化效果。對(duì)于引入的元件實(shí)例還可以產(chǎn)生顏色的變化，實(shí)現(xiàn)諸如淡出、淡入的變化效果。舉例7：(小球運(yùn)動(dòng)) 制作一個(gè)4秒鐘的動(dòng)畫，小球能自由落地，彈起一次

15、然后又落地，落地后停止0.5秒。小球的筆觸顏色為無(wú)色，填充色為綠色放射狀漸變色。(書上P198例3)舉例8： (射箭)利用 “射箭.fla”，制作一個(gè)40幀的射箭動(dòng)畫，每支箭的射箭過(guò)程為20幀。四、元件及多圖層動(dòng)畫元件的制作元件是可以在文檔中重新使用的元素。元件包括圖形、按鈕、視頻剪輯、聲音文件或字體。當(dāng)創(chuàng)建一個(gè)元件時(shí)，該元件會(huì)存儲(chǔ)在文件的庫(kù)中。當(dāng)元件放在舞臺(tái)上，就會(huì)創(chuàng)建該元件的一個(gè)實(shí)例 。元件的類型 每個(gè)元件都有一個(gè)唯一的時(shí)間軸和舞臺(tái)。創(chuàng)建元件時(shí)要選擇元件類型。常用元件分為3種類型：圖形元件、按鈕元件和影片剪輯元件。轉(zhuǎn)換元件 在Flash中根據(jù)制作需要，可以將某種類型的元件轉(zhuǎn)換為另一種類型的

16、元件。3種元件類型都可以輕松地實(shí)現(xiàn)相互間轉(zhuǎn)換。 “窗口”“庫(kù)”選擇某元件“元件屬性”選擇行為“確定”元件的創(chuàng)建舉例9-1：將舉例“圓變心”中的藍(lán)色圓轉(zhuǎn)換為元件“圓”，將紅色心形轉(zhuǎn)換為元件“心”。舉例9-2：將Flash1文件夾中的7個(gè)圣誕老人轉(zhuǎn)換為動(dòng)畫元件“圣誕老人”。2. 多圖層動(dòng)畫舉例10：見(jiàn)書P199例4，利用“例4素材.fla”，制作小球滾動(dòng)，并且?guī)е幱耙黄疬\(yùn)動(dòng)的動(dòng)畫，保存為“例4結(jié)果.fla”。5. 為動(dòng)畫配音用Flash制作的動(dòng)畫作品可以方便地加入配音，可以導(dǎo)入包括WAV、MP3格式的多種聲音文件。外界導(dǎo)入的圖片、聲音文件等對(duì)象也會(huì)放入庫(kù)中。舉例11： (配音)打開“霓虹閃爍.f

17、la”， 配上“例題”中的甜蜜幻想之舞.wav音樂(lè)(音樂(lè)長(zhǎng)度為34秒鐘)，計(jì)算出時(shí)間軸的總幀數(shù)，利用復(fù)制幀和粘貼幀，完成此題，然后導(dǎo)出影片。（總幀數(shù)為12幀每秒34秒）五、遮罩層動(dòng)畫在Flash MX 2004中，可以利用遮罩層來(lái)決定被遮罩層中動(dòng)畫對(duì)象的顯示情況。遮罩層中有動(dòng)畫對(duì)象存在的地方，都產(chǎn)生一個(gè)孔，使其鏈接的被遮罩層相應(yīng)區(qū)域中的對(duì)象顯示出來(lái)。而沒(méi)有動(dòng)畫對(duì)象的地方，會(huì)產(chǎn)生一個(gè)罩子，遮蓋住鏈接層相應(yīng)區(qū)域中的對(duì)象。對(duì)于遮罩層的理解，可以將它看作是普通層的反轉(zhuǎn)，其中有對(duì)象存在的位置為透明，空白區(qū)域則為不透明。 制作遮罩效果前，起碼要有兩個(gè)圖層，一個(gè)是遮罩層，另一個(gè)是被遮罩層。舉例12 ：(花遮罩) 打開“花遮罩.fla”，根據(jù)樣張“花遮罩.swf”完成要求。舉例13 ：(荷花遮罩) 打開“荷花遮罩.fla”，根據(jù)樣張“荷花遮罩.swf”完成要求。六、運(yùn)動(dòng)引導(dǎo)層動(dòng)畫運(yùn)動(dòng)引導(dǎo)層：使用運(yùn)動(dòng)引導(dǎo)