大學(xué)計(jì)算機(jī)基礎(chǔ)教程8-10-第8章

第8章動(dòng)畫制作軟件FlashCS3

8.1FlashCS3入門8.2FlashCS3繪圖基礎(chǔ)8.3Flash基礎(chǔ)動(dòng)畫制作8.4引導(dǎo)層動(dòng)畫和遮罩動(dòng)畫8.5導(dǎo)入聲音

8.1FlashCS3入門

8.1.1FlashCS3簡介

Flash是一款優(yōu)秀的用來制作動(dòng)畫、視頻、網(wǎng)站、游戲和課件等復(fù)雜多媒體應(yīng)用程序的矢量動(dòng)畫制作軟件。Flash是由美國Macromedia公司推出的，2005年，Adobe公司收購后，將其更名為AdobeFlash，并于2007年推出了AdobeFlashCS3版本。現(xiàn)在網(wǎng)上已經(jīng)有成千上萬個(gè)Flash站點(diǎn)，著名的如Macromedia專門ShockRave站點(diǎn)，全部采用了ShockwaveFlash和Director。Flash已經(jīng)漸漸成為交互式矢量的標(biāo)準(zhǔn)，是當(dāng)前網(wǎng)頁的主流之一。8.1.2FlashCS3的主要應(yīng)用領(lǐng)域

1．Flash網(wǎng)站

Flash網(wǎng)站是宣傳企業(yè)形象、擴(kuò)展企業(yè)業(yè)務(wù)的重要途徑之一，為了能吸引瀏覽者的注意，現(xiàn)在許多企業(yè)都使用Flash制作動(dòng)態(tài)的網(wǎng)站，如圖8.1所示。圖8.1Flash網(wǎng)站

2.娛樂短片

娛樂短片是當(dāng)前最為火爆，也是廣大Flash愛好者最熱衷應(yīng)用的領(lǐng)域之一，在此可以發(fā)掘愛好者們的潛力，展現(xiàn)自我。利用Flash可制作動(dòng)畫短片、娛樂短片等，如圖8.2所示。圖8.2Flash娛樂短片

3.網(wǎng)站廣告

通常情況下一個(gè)瀏覽量較大的網(wǎng)站，其站內(nèi)都會(huì)嵌套許多網(wǎng)絡(luò)廣告，而為了不影響網(wǎng)站本身的正常運(yùn)作，網(wǎng)站廣告就必須占用空間小、具有視覺沖擊力、內(nèi)容直接明了，F(xiàn)lash動(dòng)畫正好滿足這些條件，如圖8.3所示為某網(wǎng)站嵌套的汽車廣告。圖8.3網(wǎng)站廣告

4．Flash游戲

網(wǎng)絡(luò)游戲充斥著我們的生活，有很多大型游戲更是受到廣大玩家的推崇。而使用Flash中特有的ActionScript語句，可以制作一些小巧的Flash游戲供大家娛樂，如圖8.4所示。圖8.4Flash游戲

5．FlashMTV

在一些Flash制作的網(wǎng)站，幾乎每周都有新的MTV作品產(chǎn)生。許多網(wǎng)站為了克服MTV在觀看時(shí)因?yàn)榫W(wǎng)速過慢而時(shí)斷時(shí)續(xù)的缺點(diǎn)，作品一般都采用Flash來制作，如圖8.5所示。圖8.5FlashMTV

6.教學(xué)課件

為了能讓學(xué)生在輕松愉快的氛圍中學(xué)到知識(shí)，很多學(xué)校都開展了多媒體教學(xué)。使用Flash制作多媒體課件并添加一些動(dòng)畫效果，能更加吸引學(xué)生的注意力，提高學(xué)生的興趣，因而Flash動(dòng)畫課件在多媒體教學(xué)中占據(jù)了非常重要的位置，如圖8.6所示。圖8.6教學(xué)課件8.1.3FlashCS3的工作界面

啟動(dòng)FlashCS3后，彈出如圖8.7所示的FlashCS3的初始用戶界面，用戶可在“新建”選項(xiàng)卡中選擇Flash文件(ActionScript3.0或ActionScript2.0)選項(xiàng)進(jìn)入Flash的操作界面，可以根據(jù)需要選擇所要?jiǎng)?chuàng)建的新文件類型。

ActionScript3.0可以更容易地創(chuàng)建高度復(fù)雜的應(yīng)用程序，也可在應(yīng)用程序中包含大型數(shù)據(jù)集和面向?qū)ο蟮目芍赜么a集。ActionScript代碼執(zhí)行速度比以前版本的速度快10倍，如果用戶對(duì)Flash8.0的ActionScript2.0用得非常熟練，在制作動(dòng)畫時(shí)可使用該版本來進(jìn)行腳本的編寫。圖8.7FlashCS3的初始界面選擇創(chuàng)建一個(gè)新的Flash文件(ActionScript2.0)，進(jìn)入FlashCS3的工作界面，如圖8.8所示。圖8.8FlashCS3的工作界面

1．工具箱

工具箱是Flash中使用最頻繁的一個(gè)面板，位于窗口的左側(cè)，上半部分是各種常用的工具；中間是兩種顏色，分別用來設(shè)定邊線顏色和填充顏色；下邊是選中某種工具后相應(yīng)的選項(xiàng)。

2．文件選項(xiàng)卡

在FlashCS3中可以同時(shí)打開多個(gè)Flash文檔，文件選項(xiàng)卡顯示各個(gè)文檔的名字。用戶可通過單擊選項(xiàng)卡的名字進(jìn)行多個(gè)文檔之間的切換，也可以通過右擊文件選項(xiàng)卡快速進(jìn)行新建、打開、關(guān)閉和保存等常用操作。

3．時(shí)間軸面板

時(shí)間軸面板分為左側(cè)的圖層欄和右側(cè)的時(shí)間軸，它們用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層內(nèi)容和幀數(shù)。制作動(dòng)畫時(shí)為了便于管理，應(yīng)把不同的動(dòng)畫對(duì)象放在不同的圖層。時(shí)間軸由各種幀和播放頭組成，將動(dòng)畫內(nèi)容存放在不同的幀中，播放時(shí)播放頭由左到右掃描各幀，播放出各幀的內(nèi)容最終形成連續(xù)的動(dòng)畫。

4．場(chǎng)景

場(chǎng)景是Flash動(dòng)畫制作的主要區(qū)域，包括白色區(qū)域和灰色區(qū)域。白色區(qū)域可以稱為“舞臺(tái)”，只有在舞臺(tái)上的內(nèi)容才是能導(dǎo)出Flash影片且被觀眾看到的內(nèi)容；灰色區(qū)域可以稱為“后臺(tái)”，為舞臺(tái)內(nèi)容的進(jìn)入做準(zhǔn)備，是觀眾看不到的部分。

5．面板組

面板組位于工作界面的右側(cè)，由多個(gè)功能面板組成，單擊某個(gè)面板的名稱即可將其打開。在“窗口”菜單中可以打開更多功能的面板，也可使用快捷鍵打開。

6．屬性面板

屬性面板位于場(chǎng)景的下方，用來快速設(shè)置對(duì)象的屬性。它顯示的是當(dāng)前文件、對(duì)象以及繪圖工具的具體選項(xiàng)設(shè)置。對(duì)象不同，屬性面板中的選項(xiàng)設(shè)置也不同。

制作動(dòng)畫的畫面大小和顏色以及播放時(shí)的頻率都是由文件屬性設(shè)置的，通過選擇“修改”|“文檔”菜單命令或在“文件屬性”面板單擊“大小”按鈕，彈出“文檔屬性”對(duì)話框，如圖8.9所示，在此可以設(shè)置舞臺(tái)尺寸、背景顏色、幀頻(每秒播放的幀數(shù))等參數(shù)。圖8.9“文檔屬性”對(duì)話框圖8.10插入關(guān)鍵幀

(4)在第20幀處，用選擇工具框選整個(gè)圓，向右移動(dòng)一段距離而第1幀的位置不變，在第1幀上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令，這時(shí)兩個(gè)關(guān)鍵幀中間的區(qū)域變成了淺紫色，并且有一條帶箭頭的線段貫通，如圖8.11所示。圖8.11補(bǔ)間動(dòng)畫

(5)至此，動(dòng)畫已經(jīng)制作完成，可以進(jìn)行動(dòng)畫的測(cè)試。選擇“控制”|“測(cè)試影片”命令，也可以按Ctrl+Enter組合鍵進(jìn)行播放。

(6)播放效果滿意即可保存，選擇“文件”|“保存”菜單命令保存Flash的源文件，以.fla為擴(kuò)展名。如果要使該文件能在低版本的Flash8中打開，可保存為“Flash8文檔(*.fla)”類型。

(7)保存好源文件后，就可以發(fā)布動(dòng)畫了。選擇“文件”|“發(fā)布”命令，這時(shí)在Flash源文檔(.fla)的同一個(gè)文件下，出現(xiàn)了新的文件—.swf文件，如圖8.12所示。雙擊“未命名-1.swf”文件，就可以直接播放動(dòng)畫了。圖8.12.fla文件和?.swf文件

8.2FlashCS3繪圖基礎(chǔ)

8.2.1矢量圖形和位圖

在計(jì)算機(jī)中，圖像可以分為位圖和矢量圖兩類。一般來說，在Photoshop軟件中繪制的圖形稱為位圖，而在Flash中繪制的圖形稱為矢量圖。

位圖圖像是通過一個(gè)個(gè)點(diǎn)來描述的，每一個(gè)點(diǎn)都要存儲(chǔ)該點(diǎn)在圖像中的位置和顏色。例如，一張一寸照片大小的圖像由15000個(gè)左右的點(diǎn)組成，而這些點(diǎn)又存儲(chǔ)著它們各自在圖像中的位置和顏色。位圖圖像的體積很大，放大后圖像會(huì)變模糊，但是它可以表現(xiàn)豐富多彩的顏色。矢量圖形通過帶有方向的直線和曲線來描述圖形，而不是通過點(diǎn)。因此，矢量圖形的體積比位圖小很多，放大時(shí)圖形也不會(huì)失真。但是，矢量圖不能存儲(chǔ)太豐富的顏色，比較適用于界限分明、色塊較大、具有圖畫特點(diǎn)的圖形，如卡通動(dòng)畫、標(biāo)志等。8.2.2使用繪圖工具繪圖

1.合并繪制圖形

默認(rèn)情況下，在Flash的同一圖層上，合并繪制圖形、填充顏色時(shí)，所繪制的圖形對(duì)象會(huì)自動(dòng)合并，對(duì)圖形進(jìn)行編輯會(huì)影響到同一圖層的其他形狀。例如，繪制一個(gè)大圓形，并在其上疊加一個(gè)小圓形，然后將小圓形移開，則會(huì)刪除大圓形與小圓形重疊的部分，如圖8.13所示。

(a)繪制圖形(b)移動(dòng)圖形圖8.13合并繪制模式

2.對(duì)象繪制圖形

在選擇繪圖工具后，在工具箱的選項(xiàng)區(qū)選中“對(duì)象繪制”按鈕，即可使用對(duì)象繪制圖形方式。使用該方式繪制圖形時(shí)，可以將多個(gè)圖形繪制成獨(dú)立的對(duì)象，這些對(duì)象在疊加時(shí)不會(huì)自動(dòng)合并，這樣在分離或重新調(diào)整圖形對(duì)象時(shí)，就不會(huì)改變圖形原來的外觀，如圖8.14所示。

(a)繪制圖形(b)移動(dòng)圖形圖8.14對(duì)象繪制模式

3.基本繪圖工具介紹

1)直線工具

直線工具用來繪制直線，配合Shift鍵可以繪制水平、垂直和45°角的直線。如圖8.15所示為直線工具的屬性面板，在屬性面板中可以設(shè)置直線的顏色、粗細(xì)和線型等屬性。圖8.15直線工具的屬性面板

2)橢圓工具和矩形工具

橢圓工具用來繪制橢圓和圓，矩形工具用來繪制矩形和正方形。繪制的圖形有填充內(nèi)容和描邊設(shè)置，這里的描邊設(shè)置和直線工具的設(shè)置相同，而填充內(nèi)容可在如圖8.16所示的屬性面板中設(shè)置。圖8.16矩形工具的屬性面板

3)鉛筆工具

鉛筆工具比線條工具多了“填充顏色”的設(shè)置。它有三種繪圖方式，分別為直線化、平滑、墨水。當(dāng)在工具箱中選擇了鉛筆工具后，在工具箱的下部會(huì)出現(xiàn)三種模式，如圖8.17所示。

(1)直線化：可以繪制直線，將手繪的歪歪扭扭的不規(guī)則三角形、橢圓、圓形、矩形、正方形的邊線拉直并轉(zhuǎn)換成常用幾何圖形。

(2)平滑模式：可以畫出平滑的曲線。

(3)墨水模式：可以繪制近似手繪的任意形狀的線條。

4)刷子工具

刷子工具能繪制出刷子般的筆觸，就像在涂色一樣。它可以創(chuàng)建特殊效果，包括書法效果。使用刷子工具功能鍵可以選擇刷子的大小和形狀。

選擇工具箱中的刷子工具，在工具箱下部的選項(xiàng)部分中將顯示如圖8.18所示的選項(xiàng)，包括對(duì)象繪制、鎖定填充、刷子模式、刷子大小和刷子形狀。

(1)對(duì)象繪制：用于繪制互不干擾的多個(gè)圖形。

(2)鎖定填充：選中該按鈕，將不能再對(duì)圖形進(jìn)行填充顏色的修改，因此可以防止錯(cuò)誤操作而使填充色被改變。

(3)刷子大小：共有八種從細(xì)到粗的刷子可供選擇。

(4)刷子形狀：共有九種不同類型的刷子可供選擇。

(5)刷子模式：單擊該按鈕會(huì)彈出如圖8.19所示的面板，其中包括標(biāo)準(zhǔn)繪畫、顏料填充、后面繪畫、顏料選擇、內(nèi)部繪畫五種模式。

標(biāo)準(zhǔn)繪畫：可對(duì)同一層的線條和填充涂色。

顏料填充：對(duì)填充區(qū)域和空白區(qū)域涂色，不影響線條和填充。

后面繪畫：在舞臺(tái)上同一層的空白區(qū)域涂色，不影響線條和填充。

顏料選擇：在填充顏色或?qū)傩悦姘宓奶畛淇蛑羞x擇填充時(shí)，新的填充將應(yīng)用到選區(qū)中，就像選中填充區(qū)域然后應(yīng)用新填充一樣。

內(nèi)部繪畫：對(duì)開始刷子筆觸時(shí)所在的填充進(jìn)行涂色，但從不對(duì)線條涂色。如果在空白區(qū)域中開始涂色，則填充不會(huì)影響任何現(xiàn)有填充區(qū)域。圖8.17鉛筆繪制模式圖8.18刷子工具選項(xiàng)圖8.19刷子模式

5)墨水瓶工具

墨水瓶工具適用于改變線條的顏色。單擊工具按鈕進(jìn)入墨水瓶的涂色方式，這時(shí)圖標(biāo)也變?yōu)槟啃螤睢螕艟€條，可以將其改為指定的顏色，參數(shù)的設(shè)置同直線工具的

設(shè)置。

6)顏料桶工具

顏料桶工具的作用是使用單色、漸變色或位圖對(duì)某一區(qū)域進(jìn)行填充，只能作用于填充區(qū)域而不能作用于線條。單擊按鈕進(jìn)入顏料桶填色狀態(tài)，除了可以進(jìn)行填充顏色的設(shè)置外，還可以設(shè)置空隙大小，給不同空隙的圖形填充顏色。

7)漸變變形工具

漸變變形工具用來對(duì)填充的漸變色(線性或放射狀)進(jìn)行變形，調(diào)整漸變色的角度、寬度和中心點(diǎn)。選擇漸變變形工具后單擊漸變色圖形，可以看到三個(gè)控制點(diǎn)，如圖8.20所示。拖動(dòng)右上角的圓，改變漸變色的角度，拉動(dòng)右側(cè)邊點(diǎn)改變漸變色的范圍，拖動(dòng)中心圓點(diǎn)改變漸變色的中心，結(jié)果如圖8.21所示。圖8.21改變漸變角度、方向和中心圖8.20漸變控制點(diǎn)

8)選擇工具

選擇工具的作用有以下幾種：

選擇并移動(dòng)圖形和線條。如圖8.22所示，左邊為原圖，右邊為移動(dòng)填充后的圖形效果。

調(diào)整線條和圖形的形狀。選擇選擇工具，將其移到線條或圖形需要變換的點(diǎn)上，待鼠標(biāo)指針變?yōu)樾薷男螤顮顟B(tài)時(shí)，按住鼠標(biāo)拖動(dòng)即可，如圖8.23所示。圖8.22移動(dòng)填充區(qū)域圖8.23調(diào)整圖形形狀

9)套索工具

套索工具可用于選擇圖形的不規(guī)則區(qū)域或者相同顏色的區(qū)域。單擊工具箱中的套索工具，工具箱的下部會(huì)出現(xiàn)該工具的相關(guān)設(shè)置，如圖8.24所示。圖8.24套索工具選項(xiàng)

10)文字工具

單擊文字工具按鈕進(jìn)入文字編輯狀態(tài)，在屬性面板上可以設(shè)置其參數(shù)，包括字體、字號(hào)、顏色、加粗、傾斜和對(duì)齊方式等。分離的字體也可像圖形一樣作變形動(dòng)畫。

進(jìn)入文字編輯狀態(tài)后，在要輸入文字的地方單擊，會(huì)出現(xiàn)如圖8.25左圖所示的形狀標(biāo)志，文字的輸入如圖8.25右圖所示。圖8.25輸入文字8.2.3實(shí)例—繪制熟透的櫻桃

【例8.2】繪制熟透的櫻桃。

(1)選擇“文件”|“新建”菜單命令，新建Flash文件(ActionScript2.0)。

(2)在屬性面板中，設(shè)置其大小為“400?×?300像素”，背景色為“白色”，幀頻為“12fps”。

(3)在時(shí)間軸面板中，把“圖層1”重新命名為“櫻桃”。

(4)選擇繪圖工具欄中的橢圓工具，設(shè)置其顏色為“黑色”，粗細(xì)為“1”，線型為“實(shí)線”，如圖8.26所示，在舞臺(tái)上繪制一個(gè)大小適當(dāng)?shù)膱A。圖8.26橢圓工具屬性面板

(5)選擇繪圖工具欄中的顏料桶工具，在顏色面板(若顏色面板沒有顯示出來可通過選擇“窗口”|“顏色”命令來打開)中選擇顏色為“放射性漸變”，并調(diào)整其顏色如圖8.27所示。左邊顏色塊為RGB(255.204.0)，右邊顏色塊為RGB(255.51.0)。

(6)在繪制的圓上單擊，填充顏色如圖8.28所示。

(7)選擇繪圖工具欄中的選擇工具，并在舞臺(tái)中拖動(dòng)覆蓋橢圓的位置來選擇它，如圖8.29所示。圖8.27顏色面板

圖8.28填充放射狀顏色的圓圖8.29選擇對(duì)象

(8)按快捷鍵Ctrl+C復(fù)制該對(duì)象，并按快捷鍵Ctrl+V來粘貼此對(duì)象。使用Ctrl+T打開變形面板，在變形面板中調(diào)整其大小為原來的80%，如圖8.30所示。

(9)在時(shí)間軸面板上，新建立一個(gè)圖層，命名為“枝”。

(10)選擇繪圖工具欄中的直線工具，并設(shè)置描邊色為黑色。在舞臺(tái)中繪制一條直線，如圖8.31所示。

(11)選擇繪圖工具欄中的選擇工具，調(diào)整其形狀如圖8.32所示。

(12)用同樣的方法為小櫻桃制作枝，如圖8.33所示。圖8.30使用變形面板調(diào)整對(duì)象大小圖8.31繪制直線圖8.32調(diào)整形狀圖8.33繪制另一個(gè)直線并調(diào)整形狀

(13)點(diǎn)擊時(shí)間軸上的按鈕，隱藏“櫻桃”和“枝”圖層。新建一圖層，命名為“葉子”。

(14)選擇繪圖工具欄中的直線工具，繪制如圖8.34所示的形狀。

(15)選擇繪圖工具欄中的選擇工具，調(diào)整兩邊線條的形狀和位置如圖8.35所示。

(16)選擇繪圖工具欄中的顏料桶工具，并在顏色面板中選擇純色，設(shè)置綠色RGB(153.204.0)進(jìn)行填充，如圖8.36所示。

(17)顯示“櫻桃”和“枝”圖層，并調(diào)整它們的相對(duì)位置如圖8.37所示。

(18)制作完畢，保存并發(fā)布文件。圖8.34繪制三條直線圖8.35調(diào)整形狀圖8.36填充顏色圖8.37繪制的完整圖形

8.3Flash基礎(chǔ)動(dòng)畫制作

8.3.1Flash動(dòng)畫的基本原理

動(dòng)畫是通過連續(xù)播放一組靜態(tài)圖像而產(chǎn)生的視覺動(dòng)感。動(dòng)畫的播放速度以fps(幀每秒)為計(jì)算單位，即每秒播放多少幀。Flash利用播放連續(xù)幀的方式產(chǎn)生動(dòng)畫效果，默認(rèn)動(dòng)畫效果為12fps。

在Flash的工作界面中，時(shí)間軸中的每一個(gè)小方格就代表一個(gè)幀，一個(gè)幀包含了動(dòng)畫中某個(gè)時(shí)刻的畫面。幀是組成動(dòng)畫的基本單位，分為關(guān)鍵幀、空白關(guān)鍵幀和普通幀三種。

1.關(guān)鍵幀

關(guān)鍵幀顯示為實(shí)心圓點(diǎn)，它定義了動(dòng)畫的變化環(huán)節(jié)，是動(dòng)畫中呈現(xiàn)關(guān)鍵性內(nèi)容或變化的幀。關(guān)鍵幀中的內(nèi)容可以編輯，快捷鍵為F6。

2.空白關(guān)鍵幀

空白關(guān)鍵幀顯示為空心圓點(diǎn)，是指沒有內(nèi)容的關(guān)鍵幀，一旦有了內(nèi)容就會(huì)轉(zhuǎn)變成關(guān)鍵幀。關(guān)鍵幀主要用于在畫面與畫面之間形成間隔，或是為了添加動(dòng)作和注釋，快捷鍵為F7。

3.普通幀

普通幀是不可編輯的幀，它的內(nèi)容與它前面一個(gè)關(guān)鍵幀的內(nèi)容完全相同，在制作動(dòng)畫時(shí)可以用它來延長動(dòng)畫的播放時(shí)間。普通幀用一個(gè)矩形表示，快捷鍵為F5。8.3.2逐幀動(dòng)畫

逐幀動(dòng)畫在每一幀中都會(huì)更改舞臺(tái)內(nèi)容，它適合于圖像在每一幀中都在變化而不是在舞臺(tái)上移動(dòng)的復(fù)雜動(dòng)畫。逐幀動(dòng)畫是最基本的動(dòng)畫，它的每一幀都是關(guān)鍵幀，都需要制作者修改制作，然后將一個(gè)一個(gè)關(guān)鍵幀中的內(nèi)容按時(shí)間順序播放出來，進(jìn)而形成動(dòng)畫效果。

【例8.3】

制作扇子的收縮和展開動(dòng)畫，效果如圖8.38所示，并將文件保存為“扇子.fla”。圖8.38效果圖

(1)選擇“文件”|“新建”菜單命令，新建Flash文件(ActionScript2.0)。

(2)在文檔的第1幀中繪制扇子的第1片扇葉。選擇矩形工具繪制一矩形，并按Shift+F9組合鍵打開顏色面板給矩形內(nèi)部填充位圖，如圖8.39(a)所示。

(3)用選擇工具把矩形上方的線進(jìn)行拖拽，拖成曲線，如圖8.39(b)所示。

(4)再選擇矩形工具在此圖形的下方繪制一小矩形來制作扇子手柄，如圖8.39(c)所示。

(5)框選整個(gè)圖形，按F8鍵，將圖形轉(zhuǎn)換為影片剪輯，并命名為“扇子”,并把中心移至扇子的下方,如圖8.39(d)所示。圖8.39制作步驟(a)位圖填充(b)變形(c)修改(d)影片剪輯

(6)按下Ctrl+T組合鍵，打開變形面板，如圖8.40所示。在該面板中設(shè)置物體的旋轉(zhuǎn)角度為10度，并按下若干次“復(fù)制并應(yīng)用變形”按鈕，將物體旋轉(zhuǎn)并復(fù)制若干次。這時(shí)扇子的形狀就出來了，使用任意變形工具旋轉(zhuǎn)，結(jié)果如圖8.38所示。

(7)以上操作都在第1幀中完成。選中第1幀并按下F6鍵，復(fù)制了第1幀，這時(shí)第2幀的內(nèi)容和第1幀是一樣的，接著用選擇工具將第2幀最后一片葉子選中，并刪除它。

(8)再按下F6鍵，復(fù)制第2幀成第3幀，將第3幀中的最后一片葉子刪除。如此重復(fù)下去，直到只剩下一片葉子。時(shí)間軸如圖8.41所示。按Ctrl+Enter組合鍵測(cè)試，發(fā)現(xiàn)扇子是收起來的，而不是展開的。圖8.40變形面板圖8.41時(shí)間軸

(9)用選擇工具選擇所有的幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“翻轉(zhuǎn)幀”命令，這時(shí)再測(cè)試，扇子就是慢慢展開的。

(10)用選擇工具選擇所有的幀，并復(fù)制幀。在第21幀處點(diǎn)擊鼠標(biāo)右鍵，在彈出的菜單中選擇“粘貼幀”命令，然后將后粘貼的幀翻轉(zhuǎn)再選擇“翻轉(zhuǎn)幀”命令，扇子就呈慢慢展開又慢慢關(guān)閉的狀態(tài)了。8.3.3形狀補(bǔ)間動(dòng)畫

【例8.4】控制數(shù)字“1”到數(shù)字“2”的變化過程。

(1)選擇“文件”|“新建”菜單命令，新建Flash文件(ActionScript2.0)。

(2)使用“文字”工具在屬性面板中設(shè)置字體為“華文行楷”，字號(hào)為“100”，顏色為紅色，在舞臺(tái)中輸入數(shù)字“1”。

(3)使用“選擇”工具選中文字后，按Ctrl+K組合鍵打開對(duì)齊面板，并單擊“相對(duì)于舞臺(tái)”、“水平中齊”和“垂直中齊”按鈕，使其相對(duì)于舞臺(tái)居中，如圖8.42所示。圖8.42文字居中對(duì)齊

(4)按Ctrl+B組合鍵將文字分離成形狀。

(5)在第20幀處按F7鍵輸入空白關(guān)鍵幀，用同樣的方法輸入數(shù)字“2”，將其對(duì)齊到舞臺(tái)的中央，并分離成形狀。

(6)在時(shí)間軸第1幀和第20幀兩個(gè)關(guān)鍵幀之間右擊，從彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”。

(7)按Ctrl+Enter鍵測(cè)試動(dòng)畫，看到的是數(shù)字“1”變成數(shù)字“2”，由于這個(gè)過程是隨機(jī)產(chǎn)生的，因此變形過程比較亂，如圖8.43所示是第10幀的內(nèi)容。

(8)在時(shí)間軸上選擇第1幀，選擇“修改”|“形狀”|“添加形狀提示”菜單命令添加一個(gè)形狀提示點(diǎn)，在舞臺(tái)上出現(xiàn)帶字母a的紅色圓圈就是提示點(diǎn)，將其放到數(shù)字“1”的左上角。再次選擇“修改”|“形狀”|“添加形狀提示”菜單命令添加第2個(gè)形狀提示點(diǎn)b，將帶字母b的紅色圓圈放到數(shù)字“1”的右下角，如圖8.44所示。圖8.43第10幀變形效果圖8.44第1幀提示點(diǎn)

(9)選擇時(shí)間軸上的第20幀，將a提示點(diǎn)放到數(shù)字“2”的左上角，將b提示點(diǎn)放到數(shù)字“2”的右下角，如圖8.45所示。

(10)按Ctrl+Enter鍵測(cè)試影片，觀察動(dòng)畫效果，如圖8.46所示。

在形狀提示點(diǎn)的作用下，起始幀中的a點(diǎn)變形到結(jié)束幀中的a點(diǎn)，起始幀中的b點(diǎn)變形到結(jié)束幀中的b點(diǎn)。如果變化效果不理想，可繼續(xù)增加形狀提示點(diǎn)，對(duì)補(bǔ)間動(dòng)畫效果進(jìn)行微調(diào)，直到滿意為止。圖8.45第20幀相應(yīng)提示點(diǎn)圖8.46第10幀動(dòng)畫效果8.3.4運(yùn)動(dòng)補(bǔ)間動(dòng)畫

【例8.5】

模擬籃球運(yùn)動(dòng)的動(dòng)畫，并將文件保存為“籃球運(yùn)動(dòng).fla”。

動(dòng)畫描述：籃球從上往下加速運(yùn)動(dòng)，在落地的一剎那間籃球被擠壓了一下，然后從下往上進(jìn)行減速運(yùn)動(dòng)，這里籃球在上下運(yùn)動(dòng)的同時(shí)自身也在旋轉(zhuǎn)。

(1)選擇“文件”|“新建”菜單命令，新建Flash文件(ActionScript2.0)，在文件屬性面板中，將舞臺(tái)背景設(shè)為“灰色”。

(2)選擇“橢圓”工具，按Shift鍵在舞臺(tái)中繪制一個(gè)正圓，并給圓填充紅色到深紅色的徑向漸變色，然后繪制兩條曲線交叉放在球的上面，如圖8.47所示。選擇繪制好的籃球，按下F8鍵，將其轉(zhuǎn)變?yōu)椤盎@球”影片剪輯。

(3)按Ctrl+F8組合鍵新建“籃球運(yùn)動(dòng)”影片剪輯，進(jìn)入影片剪輯的編輯界面，把“籃球”影片剪輯放置在第1幀，選中第15幀插入關(guān)鍵幀，再選擇第1幀，在幀屬性欄中選擇補(bǔ)間為“動(dòng)畫”，旋轉(zhuǎn)為“順時(shí)針”，次數(shù)為“1”，如圖8.48所示。這樣籃球就可以進(jìn)行自轉(zhuǎn)了。

(4)返回場(chǎng)景，把場(chǎng)景中的物體全部刪除。然后在“圖層1”繪制地平線，并將“圖層1”命名為“地平線”。

(5)新建圖層2，并命名為“籃球運(yùn)動(dòng)”。并把“籃球運(yùn)動(dòng)”影片剪輯拖拽到該層的第1幀中，并將其放置在高處，然后在第15幀插入關(guān)鍵幀，同時(shí)在圖層1的40幀按F5鍵插入幀。在圖層2的15幀，把籃球移動(dòng)到低處并接觸到地平線。選擇第1幀，創(chuàng)建補(bǔ)間動(dòng)畫，并在幀屬性欄中設(shè)置緩動(dòng)為“-100”(負(fù)數(shù)代表加速)，如圖8.49所示。這樣自轉(zhuǎn)的籃球就從上往下作加速運(yùn)動(dòng)。圖8.48旋轉(zhuǎn)設(shè)置1圖8.47籃球圖8.49旋轉(zhuǎn)設(shè)置2

(6)在第16、17幀處分別插入關(guān)鍵幀，并把第16幀處的籃球進(jìn)行擠壓。擠壓方法是：選擇任意變形工具對(duì)籃球進(jìn)行縮放，把中心點(diǎn)移至籃球底部，然后把籃球向下壓一點(diǎn)點(diǎn)，如圖8.50所示。

(7)選擇第1幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“復(fù)制幀”命令；再選擇第40幀，單擊鼠標(biāo)右鍵，選擇“粘貼幀”命令。

(8)選擇第17幀，設(shè)置其幀屬性，選擇補(bǔ)間動(dòng)畫，緩動(dòng)設(shè)置為“100”(正數(shù)代表減速)，如圖8.51所示。這時(shí)自轉(zhuǎn)籃球就從下往上作減速運(yùn)動(dòng)。圖8.50旋轉(zhuǎn)設(shè)置圖8.51緩動(dòng)設(shè)置

(9)動(dòng)畫設(shè)置全部完成，其時(shí)間軸如圖8.52所示。按下Ctrl+Enter組合鍵測(cè)試動(dòng)畫，效果圖如8.53所示。

(10)保存并發(fā)布文件。圖8.52時(shí)間軸圖8.53效果圖

8.4引導(dǎo)層動(dòng)畫和遮罩動(dòng)畫

8.4.1引導(dǎo)層動(dòng)畫

【例8.6】

制作“圍繞運(yùn)動(dòng)”效果。

(1)選擇“文件”|“新建”菜單命令，新建Flash文件(ActionScript2.0)。

(2)選擇橢圓工具，關(guān)閉邊線顏色，按Shift鍵在舞臺(tái)中繪制一個(gè)小正圓，在時(shí)間軸上第40幀處按F6鍵插入關(guān)鍵幀，在第1幀和第40幀兩個(gè)關(guān)鍵幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。

(3)在圖層欄中單擊“添加運(yùn)動(dòng)引導(dǎo)層”，在“圖層1”上方添加一個(gè)引導(dǎo)層，“圖層1”自動(dòng)變成被引導(dǎo)層并向后退一格，如圖8.54所示。

(4)使用“橢圓”工具，關(guān)閉填充顏色，在引導(dǎo)層的第1幀中繪制一個(gè)大的橢圓形軌道。

(5)使用“選擇”工具，將“圖層1”起始幀中繪制的圓放在引導(dǎo)線上，結(jié)束幀中的圓放在引導(dǎo)線的另一端，與起始幀的位置錯(cuò)開一些，如圖8.55所示。

(6)在第10幀、20幀和30幀分別插入關(guān)鍵幀，將圓按逆時(shí)針方向移動(dòng)到引導(dǎo)線的不同位置，如圖8.56所示。

(7)按Ctrl+Enter組合鍵測(cè)試動(dòng)畫，看到圓球沿著橢圓形的引導(dǎo)線逆時(shí)針運(yùn)動(dòng)。圖8.54建立引導(dǎo)層圖8.55將對(duì)象移到引導(dǎo)線上(a)10幀位置(b)20幀位置(c)30幀位置圖8.56將圓移動(dòng)到引導(dǎo)線的不同位置8.4.2遮罩動(dòng)畫

【例8.7】

制作“探罩燈”效果。

(1)新建一文件，設(shè)置其大小為“300?×?100像素”，背景色為“黑色”，其他采用默認(rèn)值。

(2)選擇“文本”工具，在屬性面板中設(shè)置字體為“TimesNewRoman”，字號(hào)為“75”，顏色為“白色”，在舞臺(tái)中輸入文本“FLASH”。

(3)使用“任意變形”工具選中舞臺(tái)中的文本，通過拖動(dòng)鼠標(biāo)調(diào)整文本在舞臺(tái)中的大小和位置，如圖8.57所示。

(4)在圖層欄中單擊“插入圖層”按鈕，建立“圖層2”，選擇“橢圓”工具，關(guān)閉邊線顏色，在舞臺(tái)中繪制一個(gè)稍高于文本的圓,將來就是通過這個(gè)圓來觀看“圖層1”的文字的。

(5)使用“選擇”工具將圓移到舞臺(tái)的左側(cè)灰色區(qū)域中，在“圖層2”時(shí)間軸的第20幀上按F6鍵插入關(guān)鍵幀，將這個(gè)圓水平拖到舞臺(tái)右側(cè)灰色區(qū)域中，如圖8.58所示。

(6)在“圖層2”時(shí)間軸的第1幀和第20幀兩個(gè)關(guān)鍵幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。在“圖層1”時(shí)間軸的第20幀上按F5鍵插入普通幀，使“圖層1”第1幀中的內(nèi)容一直持續(xù)到第20幀。圖8.57調(diào)整文字位置和大小圖8.58移動(dòng)圓的位置

(7)在圖層欄的“圖層2”上右擊，從彈出的快捷菜單中選擇“遮罩層”命令，將當(dāng)前圖層轉(zhuǎn)換為遮罩層，如圖8.59所示。這時(shí)“圖層2”是遮罩層，“圖層1”是被遮罩層，被遮罩層自動(dòng)向后退一格，如圖8.60所示。

(8)按Ctrl+Enter鍵測(cè)試影片，觀看效果，隨著遮罩層的橫向移動(dòng)，下層的文字依次出現(xiàn)，又依次消失，這就是遮罩效果。

(9)在“圖層1”時(shí)間軸的第1幀上右擊，在彈出的快捷菜單中選擇“復(fù)制幀”。在圖層欄中單擊“插入圖層”按鈕，在“圖層1”和“圖層2”之間增加一個(gè)新的圖層“圖層3”，將剛剛復(fù)制的幀粘貼到“圖層3”時(shí)間軸的第1幀。圖8.59“圖層2”右鍵快捷菜單圖8.60“圖層2”轉(zhuǎn)換為遮罩層

(10)選中剛剛被粘貼進(jìn)來的文字，在工具箱的填充顏色庫中，選擇深灰色作為文字的顏色。

(11)在圖層欄中將“圖層3”拖到“圖層1”的左下方，右鍵單擊“圖層3”，在快捷菜單中選擇屬性，在彈出的圖層屬性的對(duì)話框中將類型由“被遮罩”改為“一般”，使其處于遮罩層約束范圍之外。

(12)按Ctrl+Enter鍵測(cè)試影片，看到的是黑暗中隱約有一排文字，一束燈光反復(fù)掃過，將灰暗的文字依次照亮，如圖8.61所示。

遮罩層和被遮罩層都可以使用任何形式的動(dòng)畫。圖8.61“圖層3”處于底層

8.5導(dǎo)入聲音

1.聲音的導(dǎo)入

選擇“文件”|“導(dǎo)入”|“導(dǎo)入到庫”菜單命令，在彈出的“導(dǎo)入到庫”對(duì)話框中，選擇打開所需的聲音文件，如圖8.62所示，單擊“打開”按鈕即可。導(dǎo)入到庫的聲音與圖片和元件一樣都存放在“庫”中，如圖8.63所示。圖8.62“導(dǎo)入到庫”對(duì)話框圖8.63庫面板

2.向文檔中添加聲音

選擇需要添加聲音的關(guān)鍵幀，將要導(dǎo)入到庫中的聲音，直接拖到舞臺(tái)上即可。添加了聲音的時(shí)間軸上會(huì)出現(xiàn)聲音的波形，如圖8.64所示。也可以在屬性面板中，選擇“聲音”下拉列表中已經(jīng)導(dǎo)入到庫中的聲音文件，如圖8.65所示。

Flash可以把聲音放在包含其他對(duì)象的層上，但是，建議將每個(gè)聲音放在一個(gè)獨(dú)立的層上，每個(gè)層都作為一個(gè)獨(dú)立的聲道，播放文件時(shí)，F(xiàn)lash會(huì)混合所有層上的聲音。

刪除時(shí)間軸上引用的聲音，只需選中引用了聲音的幀，在屬性面板的“聲音”下拉列表框中選擇“無”選項(xiàng)，或徹底刪除庫中的聲音對(duì)象(選中庫面板上的聲音，按Delete鍵)即可。

圖8.64聲音波形圖8.65在屬性面板中添加聲音

3.聲音屬性的設(shè)置

在Flash動(dòng)畫中，聲音必須添加到關(guān)鍵幀(包括空白關(guān)鍵幀)上，選中關(guān)鍵幀后，在屬性面板中會(huì)顯示如圖8.65所示的屬性，主要包括“聲音”、“效果”、“同步”三個(gè)選項(xiàng)，界面如圖8.66～圖8.68所示。圖8.66聲音效果面板圖8.67“編輯封套”對(duì)話框圖8.68聲音同步設(shè)置

(1)聲音：如果該關(guān)鍵幀中添加了聲音文件，在“聲音”選項(xiàng)中則顯示當(dāng)前添加的聲音文件；如果沒有添加聲音效果，則單擊下拉列表即可顯示當(dāng)前庫面板中的所有聲音文件，選中一個(gè)聲音文件后，該聲音文件即可添加到該關(guān)鍵幀中，此方法與從庫面板中拖入聲音文件效果相同，如果要?jiǎng)h除后更新關(guān)鍵幀中的聲音，可以通過該項(xiàng)來完成。

(2)效果：在“效果”下拉列表中預(yù)設(shè)了如圖8.66所示的效果。如果想自定義效果，可以單擊“自定義”或“編輯”按鈕，彈出如圖8.67所示的“編輯封套”對(duì)話框，在該對(duì)話框可以對(duì)聲音進(jìn)行封套處理。

(3)同步：設(shè)置聲音的同步方式及播放次數(shù)。在默認(rèn)情況下，同步方式為“事件”，在該方式下，聲音文件一旦開始播放，就與時(shí)間軸無關(guān)，時(shí)間軸停止則聲音文件也會(huì)繼續(xù)播放；若使用“數(shù)據(jù)流”方式，聲音文件與時(shí)間軸同步，動(dòng)畫停止則聲音也停止。

4.聲音的控制

可以使用行為控制聲音的播放和停止，執(zhí)行菜單“窗口”|“行為”命令，彈出行為面板，如圖8.69所示?？梢允褂谩皬膸旒虞d聲音”或“加載流式mp3文件”行為將聲音添加到文檔，可以使用“停止聲音”行為停止加載聲音文件的播放，如圖8.70所示。圖8.69播放文件行為面板圖8.70停止播放行為面板

【例8.8】

創(chuàng)建動(dòng)畫，使用行為通過按鈕控制聲音的播放與停止。

(1)選擇“文件”|“新建”菜單命令，新建Flash文件(ActionScript2.0)。設(shè)置其大小為“500?×?400像素”，背景色為“白色”，幀頻為“12fps”。

(2)執(zhí)行菜單“插入”|“新建元件”命令，在彈出的對(duì)話框中設(shè)置元