模塊四礎(chǔ)動(dòng)畫制作

1、模塊四 基礎(chǔ)動(dòng)畫制作 本章要點(diǎn)l逐幀動(dòng)畫 l動(dòng)畫補(bǔ)間動(dòng)畫 l形狀補(bǔ)間動(dòng)畫一、動(dòng)畫的基礎(chǔ)知識(shí)1、逐幀動(dòng)畫： 逐幀動(dòng)畫完全由關(guān)鍵幀組成，每個(gè)關(guān)鍵幀都可以進(jìn)行單獨(dú)編輯，它需要用戶對(duì)物體運(yùn)動(dòng)的基本規(guī)律有深入的了解，并且具有一定的繪圖基礎(chǔ)。利用逐幀動(dòng)畫可以做出任意的動(dòng)畫效果，但是由于每個(gè)關(guān)鍵幀都要進(jìn)行編輯，所以逐幀動(dòng)畫工作量很大，而且制作出來的作品文件容量也很大。2、動(dòng)畫補(bǔ)間動(dòng)畫： 動(dòng)畫補(bǔ)間動(dòng)畫可以完成對(duì)象的移動(dòng)、縮放、旋轉(zhuǎn)、變色等形式的動(dòng)畫效果。構(gòu)成動(dòng)畫補(bǔ)間動(dòng)畫的元素是元件，除了元件，其他元素包括文本都不能創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫。3、形狀補(bǔ)間動(dòng)畫： 形狀補(bǔ)間動(dòng)畫可以完成圖形的移動(dòng)、縮放、形狀漸變、色彩漸變等

2、動(dòng)畫，它的作用對(duì)象只能是圖形。和一般的動(dòng)畫補(bǔ)間動(dòng)畫有所不同，在使用形狀變形時(shí)，不需要把繪制好的形狀轉(zhuǎn)換為元件，如果要使用元件實(shí)例創(chuàng)建形狀補(bǔ)間動(dòng)畫，也要將改實(shí)例通過按快捷鍵ctrlb分離后才可以實(shí)現(xiàn)。二、動(dòng)畫的制作1、逐幀動(dòng)畫的制作(1)、直接導(dǎo)入生成逐幀動(dòng)畫1、我們可以將繪制好的jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo) 入到 flash中來建立一段逐幀動(dòng)畫,也可以通過導(dǎo)入gif序列圖像、swf動(dòng)畫文件等的方法來建立一段逐幀動(dòng)畫 2、下面通過一個(gè)“麥兜”的例子來講解導(dǎo)入一個(gè)序列的圖片生成逐幀動(dòng)畫的制作方法:啟動(dòng)flash cs3，出現(xiàn)flash cs3窗口，如圖4-1所示，在“新建”中選擇“flas

3、h文件（actionscript3.0）”，建立一個(gè)新文檔，如圖4-2所示。圖4 -1 flash cs3開始窗口圖4 -2 新建flash文檔單擊“屬性”面板上“大小”處的位置，如圖4-3所示。圖4 -3 “屬性”面板在彈出的“文檔屬性”對(duì)話框中設(shè)置舞臺(tái)的寬度為“200像素”、高度為“300像素”、背景色為“白色”，其他均為默認(rèn)值，如圖4-4所示。 圖4 -4 “文檔屬性”對(duì)話框 單擊“文檔屬性”對(duì)話框中的“確定”按鈕，完成對(duì)文檔屬性的各項(xiàng)設(shè)置。 單擊菜單欄中的“文件”“導(dǎo)入”“導(dǎo)入到舞臺(tái)”命令，或者按“crtlr”組合鍵，打開“導(dǎo)入”對(duì)話框，如圖4-5所示。圖4 -5 “導(dǎo)入”對(duì)話框 在“

4、導(dǎo)入”對(duì)話框中選擇本書的配套素材“第四章/逐幀動(dòng)畫/素材”目錄下的“麥兜1.jpg”圖形文件，然后單擊“打開”按鈕，將其導(dǎo)入到舞臺(tái)。 因?qū)肽夸浵碌奈募且唤M系列文件，則彈出如圖4-6所示的詢問對(duì)話框，單擊“是”按鈕將序列文件全部導(dǎo)入，此時(shí)flash會(huì)自動(dòng)把該圖片序列按序號(hào)以逐幀形式導(dǎo)入到場(chǎng)景中，如圖4-7所示。圖4 -6 導(dǎo)入序列文件的詢問對(duì)話框 圖4 -7 導(dǎo)入的序列動(dòng)畫在場(chǎng)景的上方形成逐幀動(dòng)畫 單擊菜單欄中的“控制”“測(cè)試影片”命令，或者按ctrlenter組合鍵，對(duì)影片進(jìn)行測(cè)試，效果如圖4-8所示。 圖4 -8 影片測(cè)試效果(2)創(chuàng)建逐幀動(dòng)畫1、我們也可以利用鼠標(biāo)或者手寫板，在flas

5、h中繪制一幀幀的矢量圖形來生成逐幀動(dòng)畫。也可以用文字來做幀中的對(duì)象，實(shí)現(xiàn)文字的跳躍、閃爍等特效。2、實(shí)例操作 飛翔的海鷗 、打字效果下面以制作打字效果為例講解逐幀動(dòng)畫 啟動(dòng)flash cs3，建立一個(gè)flash文檔。 單擊菜單欄中的“修改”“文檔”命令，在彈出的“文檔屬性”對(duì)話框中設(shè)置舞臺(tái)的寬度為“600像素”，高度為“200像素”，背景色設(shè)置為“黑色”，其他均為默認(rèn)值，如圖4-26所示。圖4 -26 “文檔屬性”對(duì)話框 選擇“文本”工具（），并在“屬性”面板中設(shè)置字體為“隸書”，字體大小為50 ，字體顏色為“藍(lán)色” ，粗體，對(duì)齊方式為左對(duì)齊，其他均為默認(rèn)值，如圖4-27所示。圖4 -26 “

6、文檔屬性”對(duì)話框在舞臺(tái)上輸入文字“模擬打字效果”，然后按快捷鍵ctrl b把段落文字分離成單個(gè)的文字，如圖4-28所示。圖4 -28 輸入文字 單擊菜單欄中的“修改”“時(shí)間軸”“分散到圖層”命令，把單個(gè)的文字分散到不同的圖層，然后把變成空層的“圖層1”刪除，如圖4-29所示。圖4 -28 輸入文字 選擇“?！眻D層的第1幀，按住鼠標(biāo)左鍵，把該關(guān)鍵幀拖到該層的第3幀；用同樣的方法，把“擬”圖層第1幀處的關(guān)鍵幀拖到該層的第6幀；把“打”圖層第1幀處的關(guān)鍵幀拖到該層的第9幀；把“字”圖層第1幀處的關(guān)鍵幀拖到該層的第12幀；把“效”圖層第1幀處的關(guān)鍵幀拖到該層的第15幀；把“果”圖層第1幀處的關(guān)鍵幀拖到

7、該層的第18幀，此時(shí)“時(shí)間軸”面板如圖4-30所示。圖4 -30 移動(dòng)關(guān)鍵幀的位置圖 在“時(shí)間軸”面板中，選擇“?！眻D層的第25幀，按住鍵盤上的shift鍵，選擇“果”圖層的第25幀，將所有圖層的第25幀都選中，然后按鍵盤上的f5鍵，在所有圖層的第25幀都插入普通幀，效果如圖4-31所示。 4 -31 完整的打字效果 單擊菜單欄中的“控制”“測(cè)試影片”命令，對(duì)影片進(jìn)行測(cè)試，效果如圖4-32所示。 圖4 -32 影片測(cè)試效果2、動(dòng)畫補(bǔ)間動(dòng)畫的制作 動(dòng)畫補(bǔ)間動(dòng)畫是flash中最常使用的一種動(dòng)畫形式， 使用動(dòng)畫補(bǔ)間動(dòng)畫可以制作出對(duì)象的移動(dòng)、旋轉(zhuǎn)、色彩、放大縮小、透明度等變化的動(dòng)畫。在動(dòng)畫補(bǔ)間動(dòng)畫中使

8、用的對(duì)象只能是元件，包括影片剪輯、圖形元件、按鈕等，除了元件，其他元素包括文本都不能創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫。其他矢量圖、位圖、文本等都必須要轉(zhuǎn)換成元件，才可以利用它們制作動(dòng)畫補(bǔ)間動(dòng)畫。在制作動(dòng)畫補(bǔ)間動(dòng)畫時(shí)，每一段動(dòng)畫中只能使用一個(gè)對(duì)象，如果同一時(shí)間要實(shí)現(xiàn)多個(gè)不同對(duì)象的運(yùn)動(dòng)，可以使用多個(gè)層來實(shí)現(xiàn)多個(gè)對(duì)象的動(dòng)畫補(bǔ)間。(1)、動(dòng)畫補(bǔ)間動(dòng)畫簡(jiǎn)介、動(dòng)畫補(bǔ)間動(dòng)畫簡(jiǎn)介(2) 在flash cs3中創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫的兩種方法：在動(dòng)畫的兩個(gè)關(guān)鍵幀之間選擇任意一幀，然后單擊鼠標(biāo)右鍵，在彈出來的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令，就可以創(chuàng)建出動(dòng)畫補(bǔ)間動(dòng)畫，如圖4-33所示。雖然采用這種方法創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫表面上不用元件實(shí)

9、例也可以，但是flash會(huì)在庫(kù)面板中自動(dòng)生成“補(bǔ)間1”、“補(bǔ)間2”的圖形元件，這對(duì)元件的管理不利。圖圖4 -33 右鍵彈出菜單右鍵彈出菜單在動(dòng)畫的兩個(gè)關(guān)鍵幀之間選擇任意一幀，然后在“屬性”面板中的“補(bǔ)間”下拉菜單中選擇“動(dòng)畫”選項(xiàng)就可以創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫，如圖4-34所示。圖4 -34 “屬性”面板在創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫時(shí)，如果動(dòng)畫創(chuàng)建成功，在兩個(gè)關(guān)鍵幀之間會(huì)形成一個(gè)具有淡藍(lán)色背景的實(shí)線箭頭，如圖4-35所示；如果如果在兩個(gè)關(guān)鍵幀之間形成的是一條虛線，如圖4-36所示，說明動(dòng)畫沒有創(chuàng)建成功，原因可能是動(dòng)畫的對(duì)象不是同一個(gè)對(duì)象，也可能是關(guān)鍵幀丟失或者動(dòng)畫對(duì)象的類型不對(duì)。圖4 -35 創(chuàng)建成功的動(dòng)畫補(bǔ)間

10、動(dòng)畫圖4 -36 創(chuàng)建失敗的動(dòng)畫補(bǔ)間動(dòng)畫（2）、動(dòng)畫補(bǔ)間動(dòng)畫的參數(shù)設(shè)置 在創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫后，在“時(shí)間軸”面板上單擊動(dòng)畫的起始幀，打開“屬性”面板，在“屬性”面板上可以看到如圖4-37所示的選項(xiàng)。圖4 -37 動(dòng)畫補(bǔ)間動(dòng)畫的參數(shù)l該項(xiàng)用于設(shè)置對(duì)象的運(yùn)動(dòng)方式，即加速運(yùn)動(dòng)或減速運(yùn)動(dòng)。在“0”邊有一個(gè)滑動(dòng)條，單擊后上下拉動(dòng)滑條或填入具體的數(shù)據(jù)，動(dòng)畫補(bǔ)間動(dòng)畫會(huì)隨之發(fā)生相應(yīng)的變化。l輸入-1到-100之間的數(shù)值，動(dòng)畫運(yùn)動(dòng)的速度由慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速度補(bǔ)間。l輸入1到100之間的數(shù)值，動(dòng)畫運(yùn)動(dòng)的速度由快到慢，朝運(yùn)動(dòng)結(jié)束的方向減速度補(bǔ)間。l默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的，即“0”。 該項(xiàng)用

11、于設(shè)置運(yùn)動(dòng)對(duì)象的旋轉(zhuǎn)方式，其下拉菜單有4個(gè)選項(xiàng)。無：禁止元件實(shí)例旋轉(zhuǎn)。l自動(dòng)：使元件實(shí)例根據(jù)起始幀與結(jié)束幀上的放置角度，自動(dòng)進(jìn)行旋轉(zhuǎn)。l順時(shí)針：使元件實(shí)例在運(yùn)動(dòng)時(shí)順時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)。l逆時(shí)針：使元件實(shí)例在運(yùn)動(dòng)時(shí)逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)。 3、“調(diào)整到路徑”復(fù)選框 選中該復(fù)選框，將對(duì)象的基線調(diào)整到運(yùn)動(dòng)路徑，此項(xiàng)功能是用于引導(dǎo)線運(yùn)動(dòng)的，我們將在下一章介紹它。選中該復(fù)選框，可以使圖形元件實(shí)例內(nèi)部動(dòng)畫的播放和舞臺(tái)中的動(dòng)畫播放同步。選中該復(fù)選框，可以根據(jù)注冊(cè)點(diǎn)將動(dòng)畫對(duì)象吸附 到運(yùn)動(dòng)路徑上，此項(xiàng)功能也是用于引導(dǎo)線運(yùn)動(dòng)的。（3）、幾種漸變動(dòng)畫1、位移漸變動(dòng)畫位移漸變動(dòng)畫 位移漸變動(dòng)畫是指動(dòng)畫對(duì)象從一個(gè)位置移動(dòng)

12、到另外一個(gè)位置的動(dòng)畫效果。在制作這種類型的動(dòng)畫時(shí)可以創(chuàng)建兩個(gè)關(guān)鍵幀，在這兩個(gè)關(guān)鍵幀中放置需要運(yùn)動(dòng)的對(duì)象，然后在這兩幀中分別把對(duì)象放置到運(yùn)動(dòng)的起點(diǎn)和終點(diǎn)上，最后在這兩個(gè)關(guān)鍵幀中創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫，就可以完成對(duì)象的位移動(dòng)畫。 下面通過一個(gè)“運(yùn)動(dòng)的小球”的動(dòng)畫來說明對(duì)象位移動(dòng)畫的制作方法，具體操作步驟如下 單擊菜單欄中的“修改”“文檔”命令，在彈出的“文檔屬性”對(duì)話框中設(shè)置舞臺(tái)的寬度為“500像素”，高度為“200像素”，其他均為默認(rèn)值，如圖4-38所示。圖4 -38 “文檔屬性”對(duì)話框選擇“橢圓”工具，在“屬性”面板中設(shè)置其筆觸顏色為無（），填充為一個(gè)紅色的放射狀漸變填充（），如圖4-39所示，按住

13、shift鍵在舞臺(tái)的最左面拖出一個(gè)正圓，如圖4-40所示。圖4 -39 “屬性”面板圖4 -40 繪制素材小球 選中繪制好的小球，單擊菜單欄中的“修改”“轉(zhuǎn)換為元件”命令，在彈出來的“轉(zhuǎn)換為元件”對(duì)話框中，設(shè)置名稱為“小球”，類型為“圖形”，如圖4-41所示。圖4 -41 “轉(zhuǎn)換為元件”對(duì)話框選擇在“時(shí)間軸”面板上“圖層1”的第30幀，在鍵盤上單擊f6鍵，在第30幀插入關(guān)鍵幀，此時(shí)第30幀的關(guān)鍵幀上產(chǎn)生了和第1幀完全相同的副本。 在“圖層1”的第30幀處按住shift鍵把舞臺(tái)上的“小球”元件水平拖動(dòng)舞臺(tái)的最右面，如圖4-42所示。圖4 -42 改變第30幀小球的位置圖4 -43 “屬性”面板

14、單擊菜單欄中的“控制”“測(cè)試影片”命令，對(duì)影片進(jìn)行測(cè)試，效果如圖4-44所示。 圖4 -44 影片測(cè)試效果 旋轉(zhuǎn)漸變動(dòng)畫就是設(shè)置動(dòng)畫對(duì)象如何轉(zhuǎn)動(dòng)，在制作此類動(dòng)畫補(bǔ)間動(dòng)畫時(shí)，應(yīng)注意動(dòng)畫對(duì)象的類型必須是元件的形式。對(duì)象的旋轉(zhuǎn)一般都是通過“屬性”面板進(jìn)行設(shè)置的，通過“屬性”面板我們可以設(shè)置對(duì)象旋轉(zhuǎn)的方向和旋轉(zhuǎn)的次數(shù)等屬性。前面的“運(yùn)動(dòng)的小球”動(dòng)畫我們?cè)跍y(cè)試時(shí)可以看到小球只是水平向右運(yùn)動(dòng)，與現(xiàn)實(shí)中球的運(yùn)動(dòng)規(guī)律不符，下面我們就前面的“運(yùn)動(dòng)的小球”動(dòng)畫進(jìn)行修改，讓小球在水平運(yùn)動(dòng)的同時(shí)再旋轉(zhuǎn)，使小球的運(yùn)動(dòng)更自然。具體操作步驟如下： 接上例的文件，在“圖層1”的第1幀和第30幀之間選擇任意一幀，在“屬性”面板

15、中的“旋轉(zhuǎn)”下拉菜單中選擇“順時(shí)針”，3次，如圖4-45所示。圖4 -45 “屬性”面板按ctrlenter組合鍵，對(duì)影片進(jìn)行測(cè)試，效果如圖4-46所示。 圖4 -46 影片測(cè)試效果l色彩漸變動(dòng)畫就是設(shè)置對(duì)象顏色、亮度、透明值的變化動(dòng)畫，對(duì)象色彩漸變的補(bǔ)間動(dòng)畫與對(duì)象旋轉(zhuǎn)漸變的補(bǔ)間動(dòng)畫一樣，對(duì)象類型必須是元件的形式，因?yàn)橹挥性膶?shí)例才能設(shè)置色彩的變化，其他對(duì)象不能。l實(shí)例操作： “星空”動(dòng)畫 l 對(duì)象的大小漸變動(dòng)畫主要指對(duì)象形狀上的變化，如對(duì)象 的大小、扭曲、水平和垂直翻轉(zhuǎn)等。在制作大小漸變動(dòng)畫時(shí)，對(duì)象也必須是元件形式。 l實(shí)例操作：“大?！钡膶?shí)例動(dòng)畫 。形狀補(bǔ)間動(dòng)畫是補(bǔ)間動(dòng)畫的另一種表現(xiàn)形式

16、，它的作用是使一種物體的形狀變化為另外一種形狀，在形狀變化的同時(shí)顏色、位置等也可以隨之變化。形狀補(bǔ)間動(dòng)畫與動(dòng)畫補(bǔ)間動(dòng)畫的不同在于，形狀補(bǔ)間動(dòng)畫是對(duì)兩個(gè)不同的圖形對(duì)象來進(jìn)行補(bǔ)間，而動(dòng)畫補(bǔ)間動(dòng)畫是針對(duì)同一個(gè)對(duì)象的不同變化來進(jìn)行補(bǔ)間的。因此在形狀補(bǔ)間動(dòng)畫中作用的動(dòng)畫對(duì)象只能是圖形，所以在使用形狀變形時(shí)，無需也不能把繪制好的形狀轉(zhuǎn)換為元件，如果要使用現(xiàn)有的元件或文字創(chuàng)建形狀補(bǔ)間動(dòng)畫，也要先將元件實(shí)例或文字通過按ctrlb分離后才能實(shí)現(xiàn)。雖然形狀補(bǔ)間動(dòng)畫也能實(shí)現(xiàn)對(duì)象的移動(dòng)、放大縮小、色彩、透明度等變化，但是在通常是情況下一般不會(huì)使用形狀補(bǔ)間動(dòng)畫來創(chuàng)建這些變化，而是通過動(dòng)畫補(bǔ)間動(dòng)畫來實(shí)現(xiàn)，這是因?yàn)槭褂眯螤?/p>

17、補(bǔ)間創(chuàng)建動(dòng)畫，flash在保存時(shí)會(huì)記錄每一個(gè)關(guān)鍵幀上的圖形，文件體積較大，而動(dòng)畫補(bǔ)間動(dòng)畫中通常使用的是元件，flash只要記錄一次就可以了。所以在制作動(dòng)畫時(shí)，如果能用動(dòng)畫補(bǔ)間動(dòng)畫實(shí)現(xiàn)的變化最好不要使用形狀補(bǔ)間動(dòng)畫。（1）、簡(jiǎn)介（2）創(chuàng)建形狀補(bǔ)間動(dòng)畫有以下兩種方法： 在動(dòng)畫的兩個(gè)關(guān)鍵幀之間選擇任意一幀，然后單擊鼠標(biāo)右鍵，在彈出來的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”命令，就可以創(chuàng)建出形狀補(bǔ)間動(dòng)畫，如圖4-75所示。圖4 -75 右鍵彈出菜單在動(dòng)畫的兩個(gè)關(guān)鍵幀之間選擇任意一幀，然后在“屬性”面板中的“補(bǔ)間”下拉菜單中選擇“形狀”選項(xiàng)就可以創(chuàng)建形狀補(bǔ)間動(dòng)畫，如圖4-76所示。圖4 -76 “屬性”面板在創(chuàng)

18、建形狀補(bǔ)間動(dòng)畫時(shí)，如果動(dòng)畫創(chuàng)建成功，在兩個(gè)關(guān)鍵幀之間會(huì)形成一個(gè)具有淡綠色背景的實(shí)線箭頭，如圖4-77所示；如果如果在兩個(gè)關(guān)鍵幀之間形成的是一條虛線，如圖4-78所示，說明動(dòng)畫沒有創(chuàng)建成功，可能是動(dòng)畫對(duì)象不是圖形，需要將它轉(zhuǎn)化為一個(gè)圖形。圖4 -77 創(chuàng)建成功的形狀補(bǔ)間動(dòng)畫圖4 -78 創(chuàng)建失敗的形狀補(bǔ)間動(dòng)畫 在創(chuàng)建形狀補(bǔ)間動(dòng)畫后，在“時(shí)間軸”面板上單擊動(dòng)畫的起始幀，打開“屬性”面板，在“屬性”面板上可以看到如圖4-79所示的選項(xiàng)。圖4 -79 形狀補(bǔ)間動(dòng)畫的參數(shù)1. “緩動(dòng)”選項(xiàng)：這個(gè)選項(xiàng)的作用和動(dòng)畫補(bǔ)間動(dòng)畫一樣，在此不再贅述。2.“混合”選項(xiàng)：“混合”選項(xiàng)的作用是設(shè)置動(dòng)畫中間的形狀變化模式的

19、。分布式：使創(chuàng)建的動(dòng)畫的中間形狀比較平滑和不規(guī)則。角形：使創(chuàng)建的動(dòng)畫的中間形狀保留明顯的角和直線。 1、形狀補(bǔ)間動(dòng)畫和動(dòng)畫補(bǔ)間動(dòng)畫類似，也是在兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)畫。在flash中，只需要繪制發(fā)生變化的兩個(gè)圖形，然后在兩個(gè)關(guān)鍵幀上設(shè)置形狀補(bǔ)間模式，就可以產(chǎn)生一系列的 2、下面通過一個(gè)簡(jiǎn)單的“變形”的動(dòng)畫來介紹創(chuàng)建形狀補(bǔ)間動(dòng)畫的方法 啟動(dòng)flash cs3，建立一個(gè)flash文檔。 選擇“橢圓”工具，在“屬性”面板中設(shè)置其筆觸顏色 為無（），填充為一個(gè)紅色的放射狀漸變填充（），如圖4-80所示，按住shift鍵在舞臺(tái)中央繪制一個(gè)立體圓形，如圖4-81所示。 選擇第20幀，在鍵盤上敲擊f7鍵，在第

20、20幀插入空白關(guān)鍵幀。這里不使用“插入關(guān)鍵幀”的原因是，“插入關(guān)鍵幀”會(huì)復(fù)制第一幀的圖形，在這里我們不需要。圖4 -80 “屬性”面板圖4 -81 繪制立體圓形 在第20幀，選擇“多角星形”工具，在“屬性”面板中設(shè)置其填充顏色為藍(lán)色的放射狀漸變填充（），如圖4-82所示。圖4 -82 “屬性”面板點(diǎn)擊“屬性”面板上的選項(xiàng)按鈕，打開“工具設(shè)置”對(duì)話框，設(shè)置樣式為“星形”，如圖4-83所示。在舞臺(tái)中央繪制一個(gè)藍(lán)色的五角星，如圖4-84所示。 圖4 -83 “工具設(shè)置”對(duì)話框 圖4 -84 繪制五角星 第1幀和第20幀之間選擇任意一幀，在“屬性”面板中的“補(bǔ)間”下拉菜單中選擇“形狀”選項(xiàng)，如圖4-8

21、5所示。圖4 -85 “屬性”面板單擊菜單欄中的“控制”“測(cè)試影片”命令，對(duì)影片進(jìn)行測(cè)試，效果如圖4-86所示。 圖4 -86 影片測(cè)試效果l 雖然形狀補(bǔ)間動(dòng)畫制作起來很簡(jiǎn)單，但是當(dāng)前后圖形差異比較大時(shí)變形效果較差。為了能使變形效果按照自己的意愿變化，可以使用“形狀提示”功能，在“起始形狀”和“結(jié)束形狀”中添加一些相應(yīng)的參考點(diǎn)，使對(duì)象之間的變形不是隨機(jī)的，而是有規(guī)律的。l實(shí)例操作：“翻書”的動(dòng)畫 “翻書”的動(dòng)畫 2、選擇“矩形”工具，在“屬性”面板中設(shè)置其筆觸顏色為黑色，筆觸高度為1，填充顏色為黃色（值為#ff6600），如圖4-87所示，在工作區(qū)中央繪制兩個(gè)帶邊框的矩形，調(diào)整兩個(gè)矩形的位置，

22、效果如圖4-88所示。1、啟動(dòng)flash cs3，建立一個(gè)flash文檔。圖4 -87 “屬性”面板圖4 -88 舞臺(tái)中的效果圖 3、選擇“圖層1”的第40幀，敲擊鍵盤上的f5鍵，插入普通幀，設(shè)置動(dòng)畫的播放時(shí)間為40幀，然后在“時(shí)間軸”面板中將“圖層1”重命名為“封面”并將其鎖定，然后在“封面”圖層上方新建一個(gè)圖層并將其命名為“右頁”。4、選擇“右頁”圖層的第一幀，運(yùn)用“矩形”工具，先在“屬性”面板中設(shè)置其填充顏色為灰白色（#cccccc），然后在舞臺(tái)上繪制一個(gè)矩形，調(diào)整其位置，效果如圖4-89所示。圖4 -89 舞臺(tái)中的效果5、單擊“時(shí)間軸”面板上的“插入圖層”按鈕，新建一個(gè)名稱為“左頁”的

23、圖層，將“右頁”圖層鎖定，在“左頁”圖層繪制矩形并調(diào)整其位置，效果如圖4-90所示。圖4 -90 舞臺(tái)中的效果6將“左頁”圖層鎖定，新建一個(gè)名為“翻動(dòng)頁”的圖層。選中“翻動(dòng)頁”圖層的第40幀，按f7鍵插入空白關(guān)鍵幀，此時(shí)“時(shí)間軸”面板效果如圖4-91所示。圖4 -91 時(shí)間軸 7、選擇“翻動(dòng)頁”圖層的第1幀，使用“矩形”工具，先在“屬性”面板中設(shè)置其筆觸顏色無（），然后在工作區(qū)中央繪制一個(gè)和“右頁”上的矩形大小相同、位置一致的矩形。8、在“翻動(dòng)頁”圖層的第40幀繪制一個(gè)和“左頁”上的矩形大小相同、位置一致的矩形。9、單擊“翻動(dòng)頁”圖層的第10幀，按f7鍵插入空白關(guān)鍵幀，然后使用“矩形”工具，在“屬性”面板中設(shè)置其筆觸顏色無（），填充顏色為灰白色（#cccc99），在工作區(qū)中繪制一個(gè)矩形，再利用選擇工具和任意變形工具調(diào)整矩形的形狀和位置，效果如圖4-92所示。對(duì)30幀做同樣的操作，效果如圖4-93。 10、第1幀和第10幀之間選擇任意一幀，在“屬性”面板中的“補(bǔ)間”下拉菜單中選擇“形狀”選項(xiàng)，如圖4-94所示，創(chuàng)建形狀補(bǔ)間動(dòng)畫。分別在第10幀和第30幀、第30幀和第40幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫。 圖4 -92 第10幀 圖4