1、5.1 計(jì)算機(jī)動(dòng)畫的基礎(chǔ)知識(shí)5.2 二維動(dòng)畫制作軟件Flash計(jì)算機(jī)動(dòng)畫是多媒體計(jì)算機(jī)技術(shù)涉及到的重要媒體之一，它利用傳統(tǒng)動(dòng)畫的原理，借用計(jì)算機(jī)的自動(dòng)計(jì)算功能大大提高了傳統(tǒng)動(dòng)畫的工作效率。本節(jié)主要介紹計(jì)算機(jī)動(dòng)畫的原理、制作技術(shù)和分類方面的知識(shí)。5.1.1 動(dòng)畫的原理和制作技術(shù)5.1.2 計(jì)算機(jī)動(dòng)畫的分類1動(dòng)畫原理2動(dòng)畫制作技術(shù)動(dòng)畫（Animation）是指由一系列的靜止畫面以一定的速度連續(xù)播放時(shí)，由于視覺暫留現(xiàn)象產(chǎn)生的連續(xù)動(dòng)態(tài)的效果。視覺暫留現(xiàn)象是人眼的一個(gè)特性，這個(gè)特性使人能夠把它看到的東西在視網(wǎng)膜上保留一段時(shí)間。一般視覺暫留的時(shí)間為1/121/16s。由于視覺暫留現(xiàn)象的存在，可以使一系列雖

2、然近似但在時(shí)間上和空間都不連續(xù)的圖像在連續(xù)播放中，給人以連續(xù)的感覺。因此視覺暫留現(xiàn)象被人們巧妙地運(yùn)用到電影和電視以及動(dòng)畫當(dāng)中。動(dòng)畫中的靜止的畫面被稱為幀（Frame）。每秒播放靜止畫面的個(gè)數(shù)，被稱作幀頻。受視覺暫留時(shí)間的限制，一般要形成連續(xù)的效果，每秒至少要播放12個(gè)連續(xù)的畫面，即一般動(dòng)畫最低的幀頻為12。傳統(tǒng)的動(dòng)畫將一系列手工制造的單獨(dú)畫面拍攝在膠片上，以一定的速度連續(xù)播放，利用人類視覺暫留的特性，產(chǎn)生動(dòng)作連續(xù)變化的效果。按最低的幀頻每秒播放12幀來計(jì)算，要制作1h的動(dòng)畫需要43 200幀畫面，在傳統(tǒng)動(dòng)畫制作技術(shù)中，所有這些畫面都要由手工繪制，所消耗的人力物力是相當(dāng)驚人的。以20世紀(jì)60年代

3、的國產(chǎn)美術(shù)動(dòng)畫片大鬧天宮為例，這部上下兩集共120min的動(dòng)畫片由一個(gè)龐大的制作團(tuán)隊(duì)用了4年的時(shí)間才完成。一般來說，傳統(tǒng)動(dòng)畫的制作的繪制人員分為藝術(shù)家和動(dòng)畫助手。藝術(shù)家主要繪制重要的畫面，在動(dòng)畫制作中被稱為關(guān)鍵幀，然后由助手繪制出關(guān)鍵畫面之間的畫面。填充在關(guān)鍵幀中的幀被稱為中間幀或過渡幀。如圖4-1所示，“1”、“2”、“3”幀為關(guān)鍵幀，其余各幀為過渡幀。計(jì)算機(jī)動(dòng)畫（Computer Animation）是借助計(jì)算機(jī)生成一系列動(dòng)態(tài)實(shí)時(shí)播放的連續(xù)圖像的技術(shù)，它是在傳統(tǒng)動(dòng)畫的基礎(chǔ)上使用計(jì)算機(jī)技術(shù)生成、處理和顯示運(yùn)動(dòng)圖像的一門技術(shù)。在計(jì)算機(jī)動(dòng)畫中，制作者借助于計(jì)算機(jī)來制作關(guān)鍵幀，而計(jì)算機(jī)則擔(dān)任動(dòng)畫助

4、手的角色，自動(dòng)計(jì)算生成過渡幀，因此大大提高了動(dòng)畫的制作效率。計(jì)算機(jī)動(dòng)畫處理技術(shù)的出現(xiàn)不僅縮短了動(dòng)畫制作周期，降低了動(dòng)畫創(chuàng)作成本，而且能產(chǎn)生傳統(tǒng)動(dòng)畫所不能比擬的視覺效果。此外，計(jì)算機(jī)動(dòng)畫技術(shù)還為廣大非專業(yè)人員提供了快速學(xué)習(xí)、掌握制作動(dòng)畫的方法和途徑，普及了動(dòng)畫的使用領(lǐng)域。計(jì)算機(jī)動(dòng)畫是在計(jì)算機(jī)圖形處理技術(shù)的基礎(chǔ)上發(fā)展起來的，它以計(jì)算機(jī)圖形學(xué)，特別是實(shí)體造型和真實(shí)感顯示技術(shù)為基礎(chǔ)，涉及到圖像處理技術(shù)、運(yùn)動(dòng)控制原理、視頻技術(shù)、生物學(xué)、藝術(shù)和人工智能等領(lǐng)域，并逐漸形成一門新興的交叉學(xué)科。當(dāng)前，計(jì)算機(jī)動(dòng)畫已發(fā)展成一個(gè)多種學(xué)科和技術(shù)的綜合領(lǐng)域。計(jì)算機(jī)動(dòng)畫技術(shù)為動(dòng)畫制作提供了現(xiàn)代化的手段，近年來，隨著計(jì)算機(jī)動(dòng)

5、畫技術(shù)的迅速發(fā)展，它的應(yīng)用領(lǐng)域日益擴(kuò)大，帶來的社會(huì)效益和經(jīng)濟(jì)效益也不斷增長。計(jì)算機(jī)動(dòng)畫主要應(yīng)用于影視創(chuàng)作、娛樂、廣告制作、輔助教學(xué)、模擬仿真、科學(xué)計(jì)算、工業(yè)設(shè)計(jì)等各個(gè)領(lǐng)域。按表現(xiàn)空間的維度，可以把動(dòng)畫分為二維（平面）動(dòng)畫和三維（立體）動(dòng)畫。二維動(dòng)畫出現(xiàn)得較早，一般的二維動(dòng)畫制作軟件具有圖形繪制、素材引入以及動(dòng)畫制作功能，動(dòng)畫師借助計(jì)算機(jī)導(dǎo)入素材或直接繪制關(guān)鍵幀畫面，計(jì)算機(jī)根據(jù)兩個(gè)關(guān)鍵幀畫面利用插補(bǔ)技術(shù)生成所需的中間幀畫面。二維動(dòng)畫制作軟件的優(yōu)點(diǎn)是技術(shù)較成熟，而且使用者比較容易上手，但二維動(dòng)畫在表達(dá)立體空間時(shí)存在很大的障礙，如圖所示的月球繞地球旋轉(zhuǎn)的場景，當(dāng)月球繞到地球前面時(shí)，月球顯示；當(dāng)月球繞

6、到地球后面時(shí)，月球應(yīng)該消失，如圖（a）所示。在二維動(dòng)畫軟件中無法直接表達(dá)這樣的場景，只能借助于圖層工具，把地球分成兩半，上半球在月球圖層的上面，下半球在月球圖層的下面，如圖b）所示圖層間的關(guān)系表達(dá)了這樣的設(shè)計(jì)。另外，二維動(dòng)畫軟件也不善于表達(dá)真實(shí)感圖形，對(duì)于一個(gè)圓和一個(gè)球的區(qū)別，要靠動(dòng)畫師著色才能表達(dá)出來。三維動(dòng)畫技術(shù)是利用計(jì)算機(jī)生成模擬三維空間中場景及各種物體隨時(shí)間演變的一系列可供實(shí)時(shí)播放畫面的技術(shù)。三維動(dòng)畫模擬的是真實(shí)的三維空間，在計(jì)算機(jī)中構(gòu)造三維的幾何造型，并賦給它表面顏色、紋理，然后設(shè)計(jì)三維形體的運(yùn)動(dòng)、變形，設(shè)計(jì)燈光的強(qiáng)度、位置及移動(dòng)，最后生成一系列可供動(dòng)態(tài)實(shí)時(shí)播放的連續(xù)圖像。計(jì)算機(jī)三維

7、動(dòng)畫軟件一般可以實(shí)現(xiàn)幾何造型、材質(zhì)設(shè)計(jì)、動(dòng)畫設(shè)計(jì)與動(dòng)畫的生成、編輯和輸出等功能。三維動(dòng)畫設(shè)計(jì)流程如圖所示。5.2.1 Flash基礎(chǔ)5.2.2 Flash基本動(dòng)畫制作5.2.3 Flash圖層動(dòng)畫制作5.2.4 Flash元件及其應(yīng)用5.2.5 Flash指令基礎(chǔ)及其應(yīng)用1.工作環(huán)境2.工具箱3.時(shí)間軸與幀4.舞臺(tái)5.浮動(dòng)面板6.外部對(duì)象的使用7.實(shí)例01:運(yùn)動(dòng)的文字 Flash具有一個(gè)較為靈活的工具箱，包括圖形和文本編輯的各種工具，用這些工具可以創(chuàng)建、繪圖、選取、修改以及編排文字。使用鉛筆工具的步驟如下：1. 單擊選取鉛筆工具。2. 選擇相應(yīng)的屬性工具欄上的鉛筆屬性設(shè)定選項(xiàng)。3. 在繪畫區(qū)內(nèi)

8、按下鼠標(biāo)拖動(dòng)，即可繪制出相應(yīng)的拖動(dòng)軌跡線屬性設(shè)置除了具有外輪廓線對(duì)象還具有填充對(duì)象，可以分別設(shè)置屬性，繪制時(shí)同時(shí)產(chǎn)生，生成后兩部分獨(dú)立。筆刷的形狀筆刷的形狀筆刷的大小筆刷的大小筆刷模式筆刷模式屬性工具欄屬性工具欄“時(shí)間軸”用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。“圖層”就像堆疊在一起的多張幻燈膠片一樣，每個(gè)層中都排放著自己的對(duì)象，做自己的動(dòng)作。動(dòng)畫中的幀可分為普通幀、關(guān)鍵幀和空白關(guān)鍵幀。普通幀：又稱為過渡幀，實(shí)現(xiàn)動(dòng)畫連續(xù)變化的中間過程或保持對(duì)象的狀態(tài)屬性，按F5插入。關(guān)鍵幀：可以由用戶編輯對(duì)象、設(shè)置對(duì)象屬性的動(dòng)畫關(guān)鍵環(huán)節(jié)幀，可在其中編寫代碼，按F6插入。空白關(guān)鍵幀：即沒有對(duì)象的關(guān)

9、鍵幀，一般用于在動(dòng)畫的某些地點(diǎn)、時(shí)刻暫時(shí)清除對(duì)象或僅用于編寫代碼，按F7插入。如果要移動(dòng)幀，只要選定要移動(dòng)的幀，并將其拖動(dòng)到指定的位置。如果要復(fù)制幀，首先要選中幀，右擊，從彈出的快捷菜單中選擇“拷貝幀”命令，復(fù)制后即可粘貼。如果要?jiǎng)h除幀，則在選取的幀上右擊，從快捷菜單中選擇“刪除幀”命令即可。還可以對(duì)選擇的幀進(jìn)行反轉(zhuǎn)操作。 “舞臺(tái)”位于工作界面的正中間部位，也就是動(dòng)畫發(fā)布的視頻區(qū)域，是放置動(dòng)畫內(nèi)容的區(qū)域。這些內(nèi)容包括矢量插圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等?？梢栽凇緦傩浴棵姘逯性O(shè)置和改變“舞臺(tái)”的大小。默認(rèn)狀態(tài)下，“舞臺(tái)”的寬為550像素，高為400像素 Flash 有很多面板，默認(rèn)

10、狀態(tài)下，在“舞臺(tái)”的正下方有兩個(gè)常用的面板分別為屬性面板和動(dòng)作面板，單擊面板的“標(biāo)題欄”，可以展開它，再次單擊標(biāo)題欄，可最小化面板。打開【窗口】菜單，在菜單中可以看到所有的“設(shè)計(jì)面板”，單擊面板的名稱，就可以打開或關(guān)閉相應(yīng)的面板。默認(rèn)狀態(tài)下，打開的“設(shè)計(jì)面板”分布在舞臺(tái)右側(cè)的面板組中?！霸O(shè)計(jì)面板”包括【對(duì)齊】面板、【顏色樣本】面板、【混色器】面板、【信息】面板和【變形】五個(gè)面板。 用【混色器】面板可以創(chuàng)建和編輯“筆觸顏色”和“填充顏色”的顏色。默認(rèn)為RGB模式，顯示紅、綠和藍(lán)的顏色值，“Alpha 值”用來指定顏色的透明度，其范圍在0%100%，0%為完全透明，100%為完全不透明?！拘畔ⅰ棵?/p>

11、板可以查看對(duì)象的大小、位置、顏色和鼠標(biāo)指針的信息。 【變形】面板可以對(duì)選定對(duì)象執(zhí)行縮放、旋轉(zhuǎn)、傾斜和創(chuàng)建副本的操作。 Flash可以使用用外部對(duì)象，使用前執(zhí)行“文件/導(dǎo)入”下各項(xiàng)子菜單命令可將圖形、音頻及其它FLA文檔中的元件引入到當(dāng)前正在編輯設(shè)計(jì)的動(dòng)畫中來。動(dòng)畫效果操作步驟1.形狀漸變動(dòng)畫2.逐幀動(dòng)畫制作“形狀補(bǔ)間動(dòng)畫”其實(shí)就是讓圖形產(chǎn)生形變。在一個(gè)關(guān)鍵幀上繪制一個(gè)圖形，然后在相隔數(shù)幀的另外一個(gè)關(guān)鍵幀上更改其形狀或繪制另一個(gè)圖形形狀，F(xiàn)lash將會(huì)在這二者之間的幀中自動(dòng)創(chuàng)建一些過渡的形變過程，這個(gè)形變過程所形成的動(dòng)畫稱之為“形狀補(bǔ)間動(dòng)畫”。 在前后兩個(gè)關(guān)鍵幀上的對(duì)象可以進(jìn)行顏色、形狀、大小、

12、位置的相互變化。但對(duì)象必須是分離的圖形，而不能是元件、文字或組合的對(duì)象，如果使用元件、文字或?qū)氲慕M合對(duì)象，則必須先進(jìn)行“打散”操作后，才能創(chuàng)建變形動(dòng)畫。對(duì)象的外輪廓變化過程可以通過形狀提示點(diǎn)加以控制。動(dòng)畫效果操作步驟逐幀動(dòng)畫又稱關(guān)鍵幀動(dòng)畫，將分別制作好的多幅畫面連續(xù)播放，利用人們的視覺停留效果形成連續(xù)的動(dòng)畫效果。逐幀動(dòng)畫的實(shí)現(xiàn)方式有兩種:一是導(dǎo)入連續(xù)的畫面有差異但動(dòng)作連貫的圖片實(shí)現(xiàn)。二是動(dòng)畫中的每個(gè)關(guān)鍵幀都由創(chuàng)作者進(jìn)行設(shè)計(jì)實(shí)現(xiàn)。后面圖層特效動(dòng)畫中兩個(gè)引導(dǎo)線動(dòng)畫的例子都應(yīng)用了逐幀動(dòng)畫原理效果。 1.引導(dǎo)線動(dòng)畫制作2.遮罩動(dòng)畫制作一個(gè)最基本一個(gè)最基本“引導(dǎo)路徑動(dòng)畫引導(dǎo)路徑動(dòng)畫”由兩個(gè)圖層組成：由

13、兩個(gè)圖層組成：上面一層是上面一層是“引導(dǎo)層引導(dǎo)層”，它的圖層圖標(biāo)為，它的圖層圖標(biāo)為 , ,下面一層是下面一層是“被引導(dǎo)層被引導(dǎo)層”，圖標(biāo)為，圖標(biāo)為 ，同普通圖層一樣。，同普通圖層一樣?！耙龑?dǎo)線動(dòng)畫”最基本的操作就是使一個(gè)運(yùn)動(dòng)對(duì)象“附著”在“引導(dǎo)線”上。所以操作時(shí)特別得注意被引導(dǎo)的元件對(duì)象在運(yùn)動(dòng)時(shí)間軸上的第1幀和最后一幀，運(yùn)動(dòng)對(duì)象的中心點(diǎn)一定要分別吸附在引導(dǎo)線的起始端和結(jié)束端，如圖所示。 引導(dǎo)線動(dòng)畫的要點(diǎn)：運(yùn)動(dòng)引導(dǎo)層上的對(duì)象可以用鉛筆、直線、矩形及橢圓等工具繪制，但只要求線對(duì)象，在發(fā)布后它們不可見。如果要求運(yùn)動(dòng)對(duì)象在運(yùn)動(dòng)變化時(shí)與引導(dǎo)線保持固定的角度，選擇運(yùn)動(dòng)起始幀，在屬性面板中選中“調(diào)整到路徑”

14、復(fù)選框。動(dòng)畫效果操作步驟動(dòng)畫效果操作步驟遮罩動(dòng)畫原理:遮罩類似Photoshop中的蒙板效果，遮罩動(dòng)畫需要兩種圖層：一種是遮罩層，另一種是被遮罩層。遮罩層使被遮罩層實(shí)現(xiàn)隱身效果，在發(fā)布的最終影片中，遮罩也是不可見的，而顯現(xiàn)出底部的背景圖或背景色。當(dāng)遮罩層上有對(duì)象（必須是填充對(duì)象即面對(duì)象）時(shí)，在對(duì)象區(qū)域顯露出被遮罩層相應(yīng)位置的圖像，相當(dāng)于在遮罩層上開了與對(duì)象相同的孔。動(dòng)作既可以設(shè)置在遮罩層，也可以設(shè)置在被遮罩層，動(dòng)作的定義必須符合基本動(dòng)畫的要求。動(dòng)畫效果操作步驟動(dòng)畫效果操作步驟1.圖形元件與影片剪輯2.按鈕元件與聲音的使用元件：在Flash中可以重復(fù)使用的一種特殊對(duì)象，使用它可以有效減小輸出文件

15、的大小。元件的類型有三種，分別是圖形元件、影片剪輯和按鈕。實(shí)例：就是元件在舞臺(tái)上的引用，它是元件的一個(gè)具體的表現(xiàn)。從“庫”面板中將元件直接拖曳到舞臺(tái)中，就創(chuàng)建了這個(gè)元件的一個(gè)實(shí)例圖形元件：分為靜態(tài)圖形元件和動(dòng)態(tài)圖形元件，不能使用交互控件和Action命令。靜態(tài)圖形元件：一般為單幀靜止不動(dòng)的圖形對(duì)象。相比較直接導(dǎo)入的圖片文件，圖形元件可以改顏色和透明度（alpha）等屬性。動(dòng)態(tài)圖形元件：對(duì)象可以在不同的幀中以相同或不同的形態(tài)出現(xiàn)，因此它也是一種小型的時(shí)間線動(dòng)畫，但它的播放與主時(shí)間軸同步，即在需要播放的圖層，必須為其插入足夠的幀它才可以完成其動(dòng)畫。影片剪輯：是一段單獨(dú)的小型Flash動(dòng)畫，它的播放

16、與主時(shí)間軸無關(guān)，只要在時(shí)間線上可見，它就會(huì)自動(dòng)重復(fù)地完成它的動(dòng)作。可供交互按鈕與Action命令調(diào)用。實(shí)例分析圖形元件與影片剪輯的不同及各自的優(yōu)點(diǎn)。動(dòng)畫設(shè)置效果操作步驟按鈕：是一種具有交互功能的圖形元件，它與動(dòng)畫播放的時(shí)間無關(guān)，只用于響應(yīng)各種鼠標(biāo)事件，可以呈現(xiàn)三種不同的狀態(tài)并根據(jù)指令做出響應(yīng)。按鈕元件可以有多個(gè)圖層，但無論多少圖層都只有四幀（彈起、指針經(jīng)過、按下、點(diǎn)擊），其中前三幀對(duì)應(yīng)鼠標(biāo)的遠(yuǎn)離、鼠標(biāo)經(jīng)過和按下三種狀態(tài)，點(diǎn)擊幀在必要的時(shí)候用于重新定義鼠標(biāo)感應(yīng)區(qū)域。實(shí)例分析按鈕的制作。聲音在舞臺(tái)上是不可見的。將聲音文件導(dǎo)入到庫中，可以在庫面板中查看聲音波形或著試聽。選擇時(shí)間線上的關(guān)鍵幀或空白關(guān)鍵

17、幀后，從庫中將聲音對(duì)象拖入到舞臺(tái)上，則在這個(gè)時(shí)間點(diǎn)上動(dòng)畫就有了聲音。選擇相應(yīng)的關(guān)鍵幀，打開屬性面板，在聲音選項(xiàng)區(qū)可以取消或改變關(guān)鍵幀中的聲音，也可以對(duì)聲音設(shè)置淡入、淡出等特效，設(shè)置播放方式?？梢栽谛枰恢没蚴录杏贸绦蛑噶羁刂坡曇舻牟シ?。動(dòng)畫設(shè)置效果操作步驟1.Flash程序基礎(chǔ)2.實(shí)例09：下雨動(dòng)畫效果3.實(shí)例10：隨鼠標(biāo)飄落的煙花Flash程序設(shè)計(jì)語言又叫做動(dòng)作腳本(Action Script)，它的語法結(jié)構(gòu)與JavaScript類似。是一種面向?qū)ο蟮木幊陶Z言，以事件驅(qū)動(dòng)。每一條命令語句后面需要分號(hào)(;)結(jié)束。大小寫嚴(yán)格區(qū)分。條件控制語句if循環(huán)控制語句while。if(條件語句) 語句組else 語句組while(條件語句) 語句組關(guān)鍵幀和空白關(guān)鍵幀按鈕：可以在按鈕對(duì)應(yīng)的事件中編寫指令代碼。一般為：按鈕事件：press、release、rollover影片剪輯：可以在影片剪輯對(duì)應(yīng)的事件中編寫指令代碼。一般為：影片剪輯事件：load、unload、mouseDown、mouseUpon(事件) 語句組onClipEvent(事件) 語句組按鈕事件和影片