《多媒體技術(shù)與應(yīng)用 》課件第8章

第8章用FlashMX制作多媒體動(dòng)畫(huà)8.1FlashMX軟件介紹8.2FlashMX動(dòng)畫(huà)制作技術(shù)8.3FlashMX對(duì)聲音的處理 8.1FlashMX軟件介紹

8.1.1FlashMX概述

FlashMX是為網(wǎng)絡(luò)站點(diǎn)設(shè)計(jì)的交互式動(dòng)畫(huà)制作軟件。FlashMX以它先進(jìn)的流技術(shù)、矢量圖形系統(tǒng)和強(qiáng)大的設(shè)計(jì)功能而風(fēng)靡全球。FlashMX還是專業(yè)化的Web創(chuàng)作工具。用FlashMX可以創(chuàng)建動(dòng)態(tài)網(wǎng)站標(biāo)志、Web站點(diǎn)的導(dǎo)航系統(tǒng)，甚至整個(gè)Flash站點(diǎn)。

FlashMX的ActionScript(動(dòng)作腳本語(yǔ)言)現(xiàn)在已經(jīng)發(fā)展成為完善的面向?qū)ο蟪绦蛘Z(yǔ)言。用FlashMXActionScript可以開(kāi)發(fā)出更神奇、絢麗的多媒體動(dòng)畫(huà)以及復(fù)雜的Web應(yīng)用程序。

FlashMX具有以下特點(diǎn)：

(1)?FlashMX的流媒體技術(shù)。流媒體是從英語(yǔ)StreamingMedia中翻譯過(guò)來(lái)的，它是一種可以使音頻、視頻和其他多媒體在Internet上以實(shí)時(shí)的、無(wú)需下載等待的方式進(jìn)行播放的技術(shù)。流媒體文件格式是支持采用流式傳輸及播放方式的媒體格式。流式傳輸方式將動(dòng)畫(huà)、音頻、視頻等多媒體文件經(jīng)過(guò)特殊的壓縮方式分成一個(gè)個(gè)壓縮包，由視頻服務(wù)器向用戶計(jì)算機(jī)連續(xù)、實(shí)時(shí)傳送。在采用流式傳輸方式的系統(tǒng)中，用戶不必像非流式播放那樣等到整個(gè)文件全部下載完畢后才能看到文件中的內(nèi)容，而只需經(jīng)過(guò)幾秒或幾十秒的啟動(dòng)延時(shí)即可在用戶的計(jì)算機(jī)上對(duì)壓縮的動(dòng)畫(huà)、視音頻等流式多媒體文件解壓后進(jìn)行播放和觀看，多媒體文件的剩余部分將從后臺(tái)的服務(wù)器繼續(xù)下載。

(2)?FlashMX的矢量圖形系統(tǒng)。Flash的核心部分就是基于矢量的繪圖程序。基于矢量的繪圖程序不依賴像素來(lái)組成圖形，它通過(guò)坐標(biāo)來(lái)定義點(diǎn)，由點(diǎn)組成圖形。連接這些點(diǎn)的線稱為路徑，線上每個(gè)點(diǎn)處的矢量描繪了路徑的曲率。這種用數(shù)學(xué)描述圖形的方案有兩個(gè)突出的優(yōu)點(diǎn)：矢量圖形文件比一般圖形文件小得多；可以隨意縮放而不影響圖像的質(zhì)量。這些優(yōu)點(diǎn)對(duì)Web應(yīng)用有特別重要的意義。

盡管Flash可以處理位圖，但是它自身的文件格式是基于矢量的，使用Flash創(chuàng)建的元素都是用矢量來(lái)描繪的。Flash動(dòng)畫(huà)和Flash文檔內(nèi)容在用Web傳播時(shí)有著巨大的優(yōu)勢(shì)。8.1.2FlashMX界面及常用工具介紹

FlashMX界面如圖8-1所示。圖8-1FlashMX界面

1．文檔屬性

FlashMX的源文件為FLA格式，輸出文件為SWF格式。選擇Modify(修改)菜單下的Document(文檔)選項(xiàng)可以設(shè)置文檔屬性，如圖8-2所示。文檔屬性中的常用參數(shù)如下：

Dimensions(尺寸)：默認(rèn)的文檔尺寸為550像素×400像素，最小尺寸為18像素×18像素，最大尺寸為2880像素×2880像素。

FrameRate(幀頻)：默認(rèn)幀頻為12fps(每秒幀)，最小幀頻為0.01幀/每秒，最大幀頻為120幀/每秒，即最慢可以每100秒播放1幀，最快可以每秒播放120幀。

Background(背景色)：只能設(shè)置為純色，不能設(shè)置為漸變色。圖8-2文檔屬性設(shè)置對(duì)話框

2．舞臺(tái)和工作區(qū)

舞臺(tái)是為動(dòng)畫(huà)組織內(nèi)容以及顯示動(dòng)畫(huà)的地方?？梢酝ㄟ^(guò)縮放工具來(lái)選擇顯示合適的舞臺(tái)尺寸。

工作區(qū)是放置舞臺(tái)以及舞臺(tái)之外元素的地方。有時(shí)有些元素需要先放在舞臺(tái)的外面，然后再移進(jìn)舞臺(tái)。比如制作蝴蝶飛進(jìn)花園，可以把蝴蝶放在舞臺(tái)的外面，然后當(dāng)動(dòng)畫(huà)開(kāi)始播放時(shí)，蝴蝶飛入畫(huà)面。

3．時(shí)間軸和層

FlashMX動(dòng)畫(huà)按照時(shí)間(時(shí)間軸)和空間(層)的順序進(jìn)行排列、組織，如圖8-3所示。

1)時(shí)間順序的顯示

FlashMX是沿時(shí)間軸順序播放的。幀以它們?cè)跁r(shí)間上出現(xiàn)的順序從左到右依次排列。

2)空間順序的顯示

利用層可以把內(nèi)容組織在獨(dú)立的透明工作面上，這樣即使某一元素和另一元素在時(shí)間軸上或幀上占用同一空間，也可以對(duì)其單獨(dú)進(jìn)行編輯。層從底部到頂部垂直排列，上面層中的內(nèi)容在顯示時(shí)會(huì)蓋住下面層中的內(nèi)容。圖8-3時(shí)間軸和層

4．線條工具

線條工具包括直線工具、鉛筆工具、鋼筆和白箭頭工具等4種，如圖8-4所示。線條類型可以是實(shí)線或虛線，共七種線型。圖8-4繪圖工具直線工具：用于畫(huà)直線。單擊直線工具按鈕同時(shí)按住Shift鍵可以限制直線的傾斜角度，只能以45°角??為單位。

鉛筆工具：用于畫(huà)線條、幾何形狀。通過(guò)設(shè)置選項(xiàng)，可以對(duì)線條進(jìn)行更筆直或更圓滑的自動(dòng)調(diào)整。按住Shift鍵可以繪制水平或垂直的直線。

鋼筆工具：用于畫(huà)精細(xì)的線條(直線或曲線)。按住Shift鍵將限制線條方向?yàn)?5°角的倍數(shù)。

白箭頭工具：白箭頭工具與鋼筆工具結(jié)合使用，用于對(duì)曲線進(jìn)行更精確的調(diào)整。

5．形狀工具

形狀工具包括矩形工具和橢圓工具。

矩形工具：拖動(dòng)鼠標(biāo)可以畫(huà)矩形。單擊矩形工具按鈕同時(shí)按下Shift鍵可以繪制正方形。利用它可以繪制無(wú)描繪色(無(wú)邊框)的矩形，或無(wú)填充色的矩形邊框，還可以繪制圓角矩形。默認(rèn)的圓角半徑為0，即直角矩形。利用矩形工具設(shè)置圓角如圖8-5所示。

橢圓工具：拖動(dòng)鼠標(biāo)可以畫(huà)橢圓，同時(shí)按下Shift鍵可以繪制正圓。與矩形工具相似，它可以繪制無(wú)描繪色(無(wú)邊框)的橢圓，或繪制無(wú)填充色的橢圓邊框。

6．筆刷工具和橡皮擦工具

筆刷工具也是繪制圖形的常用工具之一。可以選擇不同的筆刷尺寸和形狀為圖形著色。當(dāng)用它為圖形著色時(shí)有五種填涂模式，分別為一般填涂模式(PaintNormal)、填充區(qū)域填涂模式(PaintFills)、底層填涂模式(PaintBehind)、填涂所選區(qū)域模式(PaintSelection)、填涂封閉區(qū)域模式(PaintInside)，如圖8-6所示。圖8-5矩形工具圓角設(shè)置

圖8-6筆刷工具填涂模式注意：用筆刷工具、線條工具和鉛筆工具繪制的圖像雖然在外觀上沒(méi)有明顯的差異，但是當(dāng)選擇顯示輪廓時(shí)可以看出它們之間的差別：筆刷工具用的是填充顏色，而鉛筆和線條用的是描繪色。

執(zhí)行“Modify(修改)/Shape(形狀)ConvertLinestoFills(轉(zhuǎn)換為填充)”菜單命令可以將線條轉(zhuǎn)換為筆刷(即將描繪色轉(zhuǎn)換為填充色)。

7．選取工具

選取工具包括黑箭頭(ArrowTool)工具和套索工具(LassoTool)。黑箭頭工具的作用是選取對(duì)象，改變線條或?qū)ο蟮脑煨?，移?dòng)對(duì)象。用箭頭工具改變對(duì)象造型時(shí)，可以將直線修改為曲線，將形狀修改為更窄或更寬、更高或更扁。

套索工具主要用于成組選擇圖形中不規(guī)則形狀的區(qū)域。區(qū)域被選中后，可以作為一個(gè)單元移動(dòng)、縮放、旋轉(zhuǎn)或改變形狀。

8．顏色工具

顏色工具包括墨水瓶(InkBottle)、油漆桶(PaintBucket)、調(diào)色板(ColorSwatches)和混色器(ColorMixer)。

在Flash中最常用的選擇顏色的工具是調(diào)色板，按描繪色或填充色按鈕都可以彈出調(diào)色板，如圖8-7所示。選擇“Window(窗口)/ColorMixer(混色器)”選項(xiàng)時(shí)，會(huì)彈出混色器面板，如圖8-8所示。在混色器面板中，選擇了描繪色或填充色按鈕后也會(huì)彈出調(diào)色板。圖8-7調(diào)色板

圖8-8混色器面板墨水瓶的顏色取決于描繪色，它用于為線條、鉛筆、鋼筆以及矩形、橢圓圖形的邊框著色。油漆桶的顏色取決于填充色，它為筆刷、矩形和橢圓的填充區(qū)域以及任何封閉區(qū)域著色。填充色包括純色（Solid）、線性漸變(Linear)、放射漸變(Radial)，還可以用位圖圖像(Bitmap)對(duì)填充區(qū)域進(jìn)行填充，如圖8-9和8-10所示。圖8-9填充色圖8-10用位圖填充對(duì)于填充的位圖，可以利用FreeTransferTool(填充變形工具)將其扭曲、縮放。移動(dòng)控制手柄可以對(duì)稱或非對(duì)稱地縮放填充的位圖，也可以沿水平或垂直方向扭曲填充的位圖，效果如圖8-11所示。圖8-11填充變形

9．變形工具

選擇“Windows/Transfer(窗口/變形)”菜單選項(xiàng)，可以彈出變形面板，如圖8-12所示。

利用變形工具可以精確地縮放、?旋轉(zhuǎn)和扭曲圖形。選中約束比例按鈕，可以等比例地縮放形狀；不選約束比例按鈕，則可以只縮放寬度或只縮放高度，其他參數(shù)見(jiàn)圖8-12。

變形工具與填充變形工具不同，變形工具對(duì)整個(gè)圖形或形狀變形，變形后對(duì)象的外形更改了；而填充變形工具只對(duì)對(duì)象內(nèi)部的填充位圖進(jìn)行變形處理，變形后對(duì)象的外部形狀不發(fā)生改變。圖8-12變形面板

10．文字工具

選擇文字工具后會(huì)啟動(dòng)默認(rèn)的靜態(tài)文本輸入方式。Flash為文字處理提供了三種文本類型：靜態(tài)文本(SlaticText)、動(dòng)態(tài)文本(DynamicText)和輸入文本(InputText)。靜態(tài)文本用于顯示動(dòng)畫(huà)運(yùn)行時(shí)不需要改動(dòng)的文字；動(dòng)態(tài)文本用于顯示需要?jiǎng)討B(tài)顯示的文本，例如天氣預(yù)報(bào)、體育新聞、股市行情等；輸入文本區(qū)域用于在運(yùn)行時(shí)由用戶輸入文本，例如輸入用戶名和密碼、回答問(wèn)題等。文本類型可以通過(guò)文本屬性面板更改。

靜態(tài)文本可以顯示的格式類型如圖8-13所示。圖8-13靜態(tài)文本的顯示格式類型對(duì)靜態(tài)文本可以進(jìn)行縮放、旋轉(zhuǎn)、移動(dòng)和扭曲變形。和Flash中的其他圖形元素一樣，利用靜態(tài)文本也可以制作動(dòng)畫(huà)。利用靜態(tài)文本還可以直接設(shè)置超鏈接而不必寫(xiě)任何代碼。

動(dòng)態(tài)文本可以是水平的，寬度可以是固定的或可擴(kuò)展的，但是沒(méi)有垂直文本格式。

靜態(tài)文本與動(dòng)態(tài)文本設(shè)置見(jiàn)圖8-14。圖8-14靜態(tài)文本和動(dòng)態(tài)文本設(shè)置

8.2FlashMX動(dòng)畫(huà)制作技術(shù)

8.2.1逐幀動(dòng)畫(huà)

動(dòng)畫(huà)是利用人的視覺(jué)暫留原理，快速播放連續(xù)的、具有細(xì)微差別的圖像，使原來(lái)靜止的圖像“運(yùn)動(dòng)”起來(lái)。人眼所看到的影像大約可以暫存在腦海中1/16秒，如果在暫存的影像消失之前觀看另一張與上一張影像有細(xì)微差別的影像，便感覺(jué)到影像中的對(duì)象動(dòng)起來(lái)了。如果觀看一系列連續(xù)動(dòng)作的影像，就能產(chǎn)生活動(dòng)畫(huà)面的感覺(jué)。電影膠卷的拍攝和播放速度是24幀每秒，比視覺(jué)暫存的1/16秒短，因此我們看到的是活動(dòng)的畫(huà)面，而實(shí)際上這些活動(dòng)的、生動(dòng)的畫(huà)面是由一系列靜止的圖像組成的，如圖8-15所示。圖8-15連續(xù)動(dòng)作的靜止圖像逐幀動(dòng)畫(huà)就是利用原始動(dòng)畫(huà)的原理制作的動(dòng)畫(huà)，它將靜態(tài)圖像分布在每一幀中，從而連綴成動(dòng)畫(huà)。如果將上面的每張圖片放入Flash的每一個(gè)關(guān)鍵幀中，則生成了一個(gè)簡(jiǎn)單的Flash逐幀動(dòng)畫(huà)。FlashMX默認(rèn)的動(dòng)畫(huà)播放速度(即幀頻)是12幀每秒。我們可以調(diào)整幀頻以滿足需要。幀頻越高，動(dòng)畫(huà)效果越流暢。

利用逐幀動(dòng)畫(huà)技術(shù)可以制作很多獨(dú)特的動(dòng)畫(huà)效果。

例1

妙筆生花。

此動(dòng)畫(huà)的制作步驟如下：

(1)新建一Flash文檔，尺寸為550像素寬，200像素高。選擇文字工具，在屬性面板設(shè)置字體為黑體，字號(hào)為72。在第一幀舞臺(tái)上輸入“神奇的FLASHMX”，將文字相對(duì)于舞臺(tái)水平、垂直居中對(duì)齊。

(2)兩次選擇“修改”/“分解”菜單項(xiàng)，或執(zhí)行兩次Ctrl+B組合鍵，將文字分解為形狀，這時(shí)選中文字，其表面有網(wǎng)狀點(diǎn)陣。

(3)按F6鍵在第一幀的后面添加一個(gè)關(guān)鍵幀，將該幀舞臺(tái)上的文字的最后的筆畫(huà)用橡皮擦工具擦去，如圖8-16左圖所示。圖8-16妙筆生花

(4)再按F6鍵在該幀的后面添加一個(gè)關(guān)鍵幀，將文字的倒數(shù)第二筆畫(huà)用橡皮擦工具擦去。依此類推，按書(shū)寫(xiě)的逆順序擦去所有的筆畫(huà)。

(5)選中所有關(guān)鍵幀，在選中的幀的快捷菜單(單擊鼠標(biāo)右鍵可彈出快捷菜單)中選擇“翻轉(zhuǎn)幀”項(xiàng)，使原來(lái)的第一幀變成現(xiàn)在的最后一幀。拖動(dòng)時(shí)間軸上的播放頭，會(huì)看到文字逐漸顯示出來(lái)的動(dòng)畫(huà)。

(6)新建一個(gè)圖形符號(hào)，命名為pencil，繪制一個(gè)鉛筆圖形。

(7)返回場(chǎng)景1，新建一個(gè)圖層，插入若干關(guān)鍵幀。選中第2幀，打開(kāi)庫(kù)，將庫(kù)中的pencil符號(hào)拖到舞臺(tái)上，將其放在筆畫(huà)的末尾處。依此類推，將后面的各個(gè)關(guān)鍵幀都加入鉛筆圖形。在逐幀動(dòng)畫(huà)中也可以在關(guān)鍵幀后插入適當(dāng)?shù)钠胀◣匝娱L(zhǎng)畫(huà)面的顯示時(shí)間。

由于逐幀動(dòng)畫(huà)中每個(gè)關(guān)鍵幀中的畫(huà)面都需要單獨(dú)繪制，因而工作量將會(huì)很大。例如，F(xiàn)lash動(dòng)畫(huà)每秒播放12幀，那么制作一個(gè)播放5分鐘的動(dòng)畫(huà)就需要5×60×12＝3600幅畫(huà)面，其工作量可想而知。逐幀動(dòng)畫(huà)的另一個(gè)缺點(diǎn)是生成的文件尺寸也比較大。8.2.2漸變動(dòng)畫(huà)

1．形狀漸變動(dòng)畫(huà)

形狀漸變動(dòng)畫(huà)正如它的名字一樣，是產(chǎn)生形狀變化即變形的動(dòng)畫(huà)，比如正方形變圓形、雞變羊等。在形狀漸變動(dòng)畫(huà)中，動(dòng)畫(huà)以某個(gè)形狀出現(xiàn)，隨著時(shí)間的推移，最開(kāi)始的形狀變成了另一個(gè)形狀。FlashMX還可以對(duì)形狀的位置、大小和顏色產(chǎn)生漸變效果。

制作形狀漸變動(dòng)畫(huà)的對(duì)象必須是形狀，即用Flash繪圖工具(除文字工具外)繪制的線條(包括點(diǎn))、矩形、圓形或不規(guī)則圖形。辨別是否是形狀的簡(jiǎn)單辦法是：選中對(duì)象后，如果對(duì)象表面有網(wǎng)狀點(diǎn)陣即是形狀。如果用組合體、實(shí)例或位圖圖像制作形狀漸變動(dòng)畫(huà)，則必須先將這些元素分解。如果用文字制作形狀漸變動(dòng)畫(huà)，則應(yīng)將文字兩次分解，使文本轉(zhuǎn)換為形狀。

在制作形狀漸變動(dòng)畫(huà)時(shí)，為了控制形狀變化的對(duì)應(yīng)點(diǎn)，可以在首幀和末幀的相應(yīng)位置設(shè)置提示點(diǎn)，從而創(chuàng)建更為復(fù)雜和令人驚奇的變化效果。例2

位圖變文字。

該動(dòng)畫(huà)的制作步驟如下：

(1)新建文件，尺寸為300像素寬，300像素高。

(2)在第1幀的舞臺(tái)上導(dǎo)入一幅馬的位圖，將其分解(如果需要的話要多次分解)為形狀。

(3)在第15幀的舞臺(tái)上輸入一個(gè)靜態(tài)文字“馬”，將文字兩次分解，使其成為形狀。

(4)選中第1幀，打開(kāi)屬性面板，在漸變(Tween)下拉列表框中選擇“形狀”(Shape)，形狀漸變就設(shè)置成功了。

動(dòng)畫(huà)效果如圖8-17所示。圖8-17圖形變文字

2．運(yùn)動(dòng)漸變動(dòng)畫(huà)

1)符號(hào)和實(shí)例的概念

FlashMX可以創(chuàng)建三種符號(hào)：圖形(Graphic)、按鈕(Button)、影片剪輯(MovieClip)，如圖8-18所示。在FlashMX中，符號(hào)是可以重復(fù)利用的資源。使用符號(hào)創(chuàng)建動(dòng)畫(huà)的好處是使編輯動(dòng)畫(huà)更加簡(jiǎn)單，提高了效率，顯著減小文件的尺寸并加快了影片的播放速度。實(shí)例是符號(hào)在舞臺(tái)上的具體應(yīng)用。比如，創(chuàng)建了一個(gè)符號(hào)后，將其拖到舞臺(tái)上，則舞臺(tái)上的這個(gè)符號(hào)就是一個(gè)實(shí)例。符號(hào)可以有很多實(shí)例，類似于一個(gè)演員可以扮演很多角色。圖8-18符號(hào)的三種類型

2)運(yùn)動(dòng)漸變動(dòng)畫(huà)

如果用組合體、實(shí)例和文字形成動(dòng)畫(huà)，則要使用運(yùn)動(dòng)漸變動(dòng)畫(huà)技術(shù)。運(yùn)動(dòng)漸變動(dòng)畫(huà)用于將一個(gè)對(duì)象從一個(gè)地方移動(dòng)到另一個(gè)地方，或?qū)ξ矬w進(jìn)行縮放、傾斜、旋轉(zhuǎn)等變化，還可以使符號(hào)的透明度產(chǎn)生漸變，如產(chǎn)生淡入淡出的效果。

需要說(shuō)明的是，形狀必須轉(zhuǎn)換為符號(hào)或組合成組合體后才能創(chuàng)建運(yùn)動(dòng)動(dòng)畫(huà)；要使組合體或文字產(chǎn)生顏色漸變，必須先將它們轉(zhuǎn)換為符號(hào)。

和形變動(dòng)畫(huà)類似，創(chuàng)建運(yùn)動(dòng)漸變動(dòng)畫(huà)只需要?jiǎng)?chuàng)建起始幀和結(jié)束幀，設(shè)置好組合體、實(shí)例或文字的相應(yīng)屬性以及運(yùn)動(dòng)漸變動(dòng)畫(huà)屬性即可，中間的過(guò)渡幀由FlashMX自動(dòng)產(chǎn)生。

例3

滾動(dòng)的球。

該動(dòng)畫(huà)的制作步驟如下：

(1)新建一文件，將圖層1命名為球，在第1幀的舞臺(tái)上用橢圓工具畫(huà)一個(gè)圓球(shift+鼠標(biāo)拖動(dòng))，選擇放射漸變填充色為球填色。將球轉(zhuǎn)換為圖形符號(hào)，命名為ball。

(2)繪制運(yùn)動(dòng)軌跡。點(diǎn)擊圖層下面的“添加引導(dǎo)圖層”按鈕(見(jiàn)圖8-3)，在球圖層的上方加入一個(gè)圖層，命名為運(yùn)動(dòng)軌跡。選擇橢圓工具，將填充色設(shè)置為無(wú)色，描繪色任選，繪制一個(gè)圓。再用橡皮擦工具擦去上面的半個(gè)圓，剩下的半圓即為球的運(yùn)動(dòng)軌跡。

(3)創(chuàng)建運(yùn)動(dòng)的球。拖動(dòng)球到運(yùn)動(dòng)軌跡上，將球調(diào)整到運(yùn)動(dòng)軌跡，使球中出現(xiàn)的中心小圓圈與運(yùn)動(dòng)軌跡左端點(diǎn)對(duì)齊、鎖定，如圖8-19所示。在球圖層的第20幀處插入關(guān)鍵幀，將該幀中的球用鼠標(biāo)沿運(yùn)動(dòng)軌跡向右拖動(dòng)，直到中心圓圈與運(yùn)動(dòng)軌跡右端點(diǎn)(即球運(yùn)動(dòng)的終點(diǎn))對(duì)齊、鎖定。注意，在拖動(dòng)的過(guò)程中應(yīng)該始終使球中心的小圓圈與運(yùn)動(dòng)軌跡重疊。在第1～19幀處設(shè)定運(yùn)動(dòng)漸變(Motion)。拖動(dòng)時(shí)間軸上的播放頭，可以看到球沿半圓型軌跡運(yùn)動(dòng)的效果。圖8-19球的中心小圓圈應(yīng)與引導(dǎo)線端點(diǎn)對(duì)齊

(4)設(shè)置滾動(dòng)速度。在第10幀處(此時(shí)球滾到坑底)插入關(guān)鍵幀，選中第1～9幀中的任一幀，打開(kāi)屬性面板，在ease下拉列表中調(diào)整值為－100；選中第11～19幀中的任一幀，調(diào)整ease值為＋100。

說(shuō)明：ease值是設(shè)置運(yùn)動(dòng)加速度的，負(fù)值為加速度，正值為減速度。因?yàn)榍蛟跐L下圓坑時(shí)應(yīng)該是越滾越快，故應(yīng)該為加速度；而從坑底向上滾時(shí)應(yīng)該是越滾越慢，應(yīng)設(shè)置為減速度。

(5)現(xiàn)在已經(jīng)完成了小球從左邊滾到右邊的動(dòng)畫(huà)。如果讓小球做往返運(yùn)動(dòng)，則還應(yīng)進(jìn)行如下操作：選中圖層球的所有幀，將其復(fù)制到該層現(xiàn)有幀的后面，方法是利用Edit(編輯)/CopyFrames(復(fù)制幀)和PasteFrames(粘貼幀)菜單項(xiàng)。然后選中復(fù)制過(guò)來(lái)的所有幀，在其快捷菜單中選中ReverseFrames(翻轉(zhuǎn)幀)。用同樣的方法將運(yùn)動(dòng)軌跡的所有幀也進(jìn)行復(fù)制、粘貼、翻轉(zhuǎn)操作。

(6)為了完善動(dòng)畫(huà)，再制作圓坑的形狀。完成的動(dòng)畫(huà)如圖8-20所示。圖8-20滾動(dòng)的小球

例4

隨風(fēng)飄動(dòng)的文字。

該動(dòng)畫(huà)的制作步驟如下：

(1)新建一文件，尺寸為550像素寬、300像素高。導(dǎo)入一幅同樣尺寸(可以用Photoshop修改其尺寸)的風(fēng)景圖片作為背景。在當(dāng)前層上新建一個(gè)層，輸入文字“隨風(fēng)飄動(dòng)的文字”，字體為方正舒體，72號(hào)字，顏色選與背景圖片協(xié)調(diào)的顏色。打開(kāi)“Window(窗口)/Align(對(duì)齊)”菜單項(xiàng)，將文字與舞臺(tái)水平、垂直居中對(duì)齊。

(2)選中文字，選擇“Modify(修改)/BreakApart(分解)”菜單項(xiàng)，或按Ctrl+B組合鍵，將文字分解為單個(gè)字。注意，此次只需一次分解即可。

(3)將所有文字全部選中，選擇“Modify(修改)/DistributetoLayers(分布到層)”菜單項(xiàng)，將7個(gè)文字分布到7個(gè)圖層，如圖8-21所示。圖8-21分解為單個(gè)字并被分布到各個(gè)層的文字

(4)將每個(gè)文字分別轉(zhuǎn)換為圖形符號(hào)，方法是用“Insert(插入)/CoverttoSymbol(轉(zhuǎn)換為符號(hào))”菜單項(xiàng)，或按F8鍵。

注意：為了創(chuàng)建文字向右、向后飄的效果，轉(zhuǎn)換時(shí)注冊(cè)點(diǎn)(Registration)應(yīng)選擇為左下角(默認(rèn)為中心注冊(cè)點(diǎn))。如圖8-22所示，黑色方點(diǎn)即為注冊(cè)點(diǎn)。圖8-22符號(hào)的注冊(cè)點(diǎn)

(5)在所有層的第10幀處按F6鍵添加關(guān)鍵幀；在除背景層外的所有層的第5幀處按F6鍵插入關(guān)鍵幀。

(6)將除“隨”層以外的其他層鎖定，選中第5幀處的“隨”字圖形，打開(kāi)屬性面板，在顏色下拉列表框中設(shè)置Alpha值為50%；按Ctrl+T組合鍵打開(kāi)變形面板(見(jiàn)圖8-12)，將水平扭曲值(Skew)設(shè)置為30，如圖8-23所示。將第1～4幀和第5～9幀處設(shè)置漸變(Tween)為運(yùn)動(dòng)漸變(Motion)。圖8-23圖形文字的變形和透明度的設(shè)置

(7)用同樣的方法對(duì)所有文字層的文字圖形設(shè)置變形和透明度以及漸變。

(8)為了創(chuàng)造文字依次飄動(dòng)的效果，可以依次將后面文字的幀整體向后移動(dòng)1幀，再將漸變幀前后的普通幀補(bǔ)齊，最終效果如圖8-24所示。圖8-24最終效果8.2.3蒙板動(dòng)畫(huà)

1．蒙板的概念

在現(xiàn)實(shí)世界中，蒙板是用來(lái)有選擇地隱藏它后面的東西的，我們看不見(jiàn)蒙板后面的東西。但在FlashMX中，蒙板用來(lái)顯示它下面的內(nèi)容。蒙板圖層用來(lái)定義緊挨在它下面的圖層中的可見(jiàn)區(qū)域，即我們可以看到蒙板圖層中形狀覆蓋的內(nèi)容，而這個(gè)形狀外的東西我們就看不見(jiàn)了，如圖8-25所示?，F(xiàn)實(shí)世界中的蒙板遮罩效果FlashMX中的蒙板遮罩效果圖8-25蒙板遮罩效果

FlashMX中的蒙板在遮罩層上用來(lái)顯示被遮罩層上相應(yīng)的內(nèi)容，它可以是靜態(tài)填充形狀、圖形元件、文字，也可以是動(dòng)態(tài)的影片剪輯。

蒙板動(dòng)畫(huà)技術(shù)是FlashMX動(dòng)畫(huà)制作技術(shù)中最受人青睞的的技術(shù)之一，運(yùn)用得當(dāng)并有好的創(chuàng)意，常常會(huì)做出很多特殊的、神奇的效果。

很多初學(xué)者不太理解蒙板層(遮罩層)(MaskLayer)的作用，常常不明白到底誰(shuí)遮罩了誰(shuí)，對(duì)遮罩層與被遮罩層的關(guān)系產(chǎn)生混淆。實(shí)際上，遮罩層提供顯示外形，被遮罩層提供顯示內(nèi)容。下面的例子可以幫助我們搞清楚它們之間的關(guān)系。

例5

遮罩層與被遮罩層。

該動(dòng)畫(huà)的制作步驟如下：

(1)新建一文件，尺寸為450像素×200像素。在舞臺(tái)的中央輸入文字“茉莉”，黑色、96號(hào)隸書(shū)字。

(2)添加圖層，在該圖層上相對(duì)于文字左邊的位置繪制一個(gè)無(wú)描繪色、填充色為黃色與深棕色放射漸變的圓。方法是：選擇工具面板上的填充色工具，先選擇一種默認(rèn)的漸變顏色，比如黑色與白色放射漸變色；然后在混色器中分別選中左、右邊的油漆桶，再分別調(diào)整填充色的顏色為黃色和深棕色，如圖8-26所示。圖8-26更改漸變色

(3)確定球圖層在文字圖層的上面。如果不是，則將球圖層拖到上面，并將該層設(shè)置為遮罩層，文字圖層設(shè)置為被遮罩層。方法是：在圖層名稱處單擊鼠標(biāo)右鍵顯示圖層快捷菜單，在菜單中選擇“屬性”，設(shè)置該層為遮罩層或被遮罩層。按回車鍵觀看效果。

我們?cè)僬{(diào)換兩個(gè)層的位置，將文字圖層拖到球圖層的上面，然后將文字圖層設(shè)置為遮罩層。實(shí)際效果見(jiàn)圖8-27圖。圖8-27遮罩與被遮罩的關(guān)系在將球作為蒙板的這個(gè)例子中，球的漸變色沒(méi)有顯示出來(lái)，而顯示了下層的字。而在將文字作為蒙板的動(dòng)畫(huà)中，顯示的顏色是球的漸變色，作為蒙板的文字的黑色并沒(méi)有顯示出來(lái)。由此可以看出，蒙板的任何其他設(shè)置都被忽略，有意義的僅僅是它的外形。再?gòu)?qiáng)調(diào)一下：遮罩層提供顯示外形，被遮罩層提供顯示內(nèi)容。

2．蒙板實(shí)例

例6放大鏡。

此動(dòng)畫(huà)的制作步驟如下：

(1)將圖層1命名為back，導(dǎo)入一幅風(fēng)景圖片到庫(kù)中，將圖片從庫(kù)中拖到舞臺(tái)上，并將圖片縮小為原來(lái)的70%。調(diào)整圖片位置，使其相對(duì)于舞臺(tái)左上角對(duì)齊；打開(kāi)文檔屬性(DocumentProperties)對(duì)話框，點(diǎn)擊“匹配內(nèi)容”(Contents)按鈕，調(diào)整文檔尺寸，使其與圖片大小相等。

(2)在back層的上面新建一圖層，命名為picture，將庫(kù)中的風(fēng)景圖片拖到picture層第1幀的舞臺(tái)上。圖片保持原尺寸。調(diào)整圖片的位置，使其與舞臺(tái)水平、垂直方向居中。

(3)制作放大鏡鏡片。在picture層的上面新建一圖層，命名為mask，在第1幀畫(huà)一個(gè)圓形，并將其轉(zhuǎn)換為符號(hào)，為圓形設(shè)置運(yùn)動(dòng)漸變，使其在舞臺(tái)上移動(dòng)。

(4)將圖層mask設(shè)為蒙板層(遮罩層)，將圖層back設(shè)為普通層。

到此為止，放大鏡的放大效果就制作出來(lái)了。因?yàn)閙ask層是遮罩層，picture層是被遮罩層，而back層是普通層，所以放大鏡中顯示的是picture層的圖片，即原尺寸的圖片；放大鏡以外的圖片是back層的圖片，即縮小了尺寸的圖片。顯然，back層圖片縮得越小，動(dòng)畫(huà)中放大鏡的放大效果越明顯。

(5)制作放大鏡手柄。在mask層之上再新建一圖層，命名為magnifier，將mask層上的圓形原位復(fù)制到magnifier層的第一幀。原位復(fù)制的方法是：選中圖形，按Ctrl+C組合鍵，然后選中要復(fù)制到的幀，再按Ctrl+Shift+V組合鍵進(jìn)行粘貼。復(fù)制的圖形不僅與原來(lái)的圖形尺寸相同，x、y坐標(biāo)也完全一致。

(6)將magnifier層的圓形分解，選擇墨水瓶工具，設(shè)置線條尺寸為6，在圓形邊緣處點(diǎn)一下，為圓形添加描繪色，然后刪除圓形，只剩下環(huán)形形狀。選中環(huán)形形狀，選擇“修改/形狀/轉(zhuǎn)換線條為填充”菜單項(xiàng)，將環(huán)形轉(zhuǎn)換為填充色。選擇一種漸變填充色為其填充。為了美觀，可以再為其添加描繪色，也可以添加一個(gè)手柄。最后的效果如圖8-28所示。圖8-28放大鏡8.2.4行為動(dòng)畫(huà)

行為動(dòng)畫(huà)又稱為交互式動(dòng)畫(huà)，即具有交互功能的動(dòng)畫(huà)。行為動(dòng)畫(huà)是用行為腳本語(yǔ)言(ActionScript)創(chuàng)建的。

FlashMX的ActionScript是基于ECMA-262規(guī)范的。歐洲計(jì)算機(jī)制造者協(xié)會(huì)編寫(xiě)的ECMA-262是JavaScript語(yǔ)言的國(guó)際標(biāo)準(zhǔn)，因此ActionScript與JavaScript的語(yǔ)法和對(duì)象很相似。發(fā)展到今天的ActionScript有如下一些特點(diǎn)：

(1)?ActionScript是以時(shí)間軸為基礎(chǔ)的程序。

(2)?ActionScript是事件驅(qū)動(dòng)的程序，是面向?qū)ο蟮某绦?。用ActionScript可以創(chuàng)建更為復(fù)雜、更加絢麗多彩的交互式動(dòng)畫(huà)。在簡(jiǎn)單動(dòng)畫(huà)中，F(xiàn)lashMX將按時(shí)間順序播放場(chǎng)景和幀的動(dòng)畫(huà)。在用ActionScript創(chuàng)建的交互式動(dòng)畫(huà)中，瀏覽者可以使用鍵盤(pán)、鼠標(biāo)控制動(dòng)畫(huà)的播放，可以跳轉(zhuǎn)到動(dòng)畫(huà)的不同部分，可以用很小尺寸的文件表現(xiàn)很復(fù)雜的動(dòng)畫(huà)。

限于篇幅，這里不可能詳細(xì)講解行為動(dòng)畫(huà)的基本概念、語(yǔ)法和實(shí)現(xiàn)方法。我們只能通過(guò)下面幾個(gè)實(shí)例體會(huì)一下ActionScript的強(qiáng)大功能。

例7

神奇的鼠標(biāo)。

該動(dòng)畫(huà)的制作步驟如下：

(1)新建一個(gè)550像素×350像素、背景色為白色的動(dòng)畫(huà)文件。

(2)新建一個(gè)按鈕符號(hào)btn_clear，在其點(diǎn)擊(Hit)幀處插入關(guān)鍵幀，畫(huà)一個(gè)無(wú)邊線的圓形，顏色任意。這個(gè)按鈕是不可見(jiàn)按鈕，很有用，如圖8-29所示。

(3)新建一個(gè)影片剪輯mv_color，在其第1幀畫(huà)一個(gè)放射性漸變的圓，選擇自己喜歡的顏色，比如黃色、白色漸變色。在第10幀插入關(guān)鍵幀，改變其顏色為暗紅色、白色漸變色，并將圖形稍稍放大。在第20幀插入關(guān)鍵幀，改變其顏色為紫色、白色漸變色，將圖形縮小。在第1、10幀處設(shè)置形變動(dòng)畫(huà)。變色的球的效果如圖8-30所示。圖8-29不可見(jiàn)按鈕圖8-30變色的球

(4)新建影片剪輯mv_drop，將按鈕btn_clear拖入到mv_drop的第1幀。在mv_drop的第2幀插入空白關(guān)鍵幀，將mv_color拖入到第2幀。在第45幀插入關(guān)鍵幀，并將圖形向下移動(dòng)一段距離，在第2幀處設(shè)置運(yùn)動(dòng)動(dòng)畫(huà)，如圖8-31所示。不可見(jiàn)按鈕無(wú)論設(shè)置時(shí)是什么顏色，在舞臺(tái)上顯示的都是淺藍(lán)色。圖8-31mv_drop的第1幀為不可見(jiàn)按鈕；第2幀為變色的球

(5)在mv_drop的第1幀加入stop()語(yǔ)句，即動(dòng)畫(huà)在第1幀處停下來(lái)。

單擊第1幀的btn_clear按鈕，為按鈕加入以下動(dòng)作語(yǔ)句：

??on(rollOver){

gotoAndPlay(2); //當(dāng)鼠標(biāo)滑過(guò)不可見(jiàn)按鈕時(shí)，跳到第2幀播放

??}

選中第45幀，為該幀加入以下動(dòng)作語(yǔ)句：

??gotoAndPlay(2); //跳轉(zhuǎn)到第2幀處循環(huán)

(6)返回場(chǎng)景，在第1幀的舞臺(tái)上拖入若干個(gè)影片剪輯mv_drop，使其布滿舞臺(tái)，如圖8-32和圖8-33所示。圖8-32用mv_drop布滿舞臺(tái)圖8-33當(dāng)鼠標(biāo)滑過(guò)舞臺(tái)時(shí)的效果通過(guò)修改可以得到各種不同效果。比如，可以創(chuàng)建多個(gè)具有不同漸變的影片剪輯mv_color1，mv_color2等；在mv_drop中的新建圖層上建立多個(gè)運(yùn)動(dòng)動(dòng)畫(huà)；將mv_drop在場(chǎng)景中布得盡可能滿，使顯示的球更稠密，效果更絢麗；還可以用其他動(dòng)畫(huà)取代mv_color等等。發(fā)揮想像，就可以做出更好的富有創(chuàng)意的作品。例8

飛舞的花。

此動(dòng)畫(huà)的制作步驟如下：

(1)新建文件，背景色為E7D5FF。新建一個(gè)影片剪輯flower，并在flower中畫(huà)一朵花，為其設(shè)置一段旋轉(zhuǎn)的形變動(dòng)畫(huà)，如圖8-34左圖所示。

(2)新建影片剪輯flowermov，將做好的flower拖入到flowermov中，并為flower創(chuàng)建一個(gè)沿路徑運(yùn)動(dòng)的動(dòng)畫(huà)，如圖8-34中圖所示。

(3)再新建影片剪輯drag，將圖層1命名為flower，將flowermov放入drag中。打開(kāi)屬性面板，在實(shí)例名稱(InstantName)處輸入flower，即設(shè)置drag的實(shí)例名稱為flower。增加一個(gè)新層，命名為actions，插入2個(gè)關(guān)鍵幀，共3個(gè)關(guān)鍵幀。在flower圖層第3幀插入普通幀，如圖8-34右圖所示。旋轉(zhuǎn)的小花沿軌跡運(yùn)動(dòng)的旋轉(zhuǎn)小花插入幀圖8-34飛舞的花動(dòng)畫(huà)制作

(4)編寫(xiě)腳本語(yǔ)言。在actions層的3幀分別輸入如下語(yǔ)句：

第1幀：

startDrag("flower",true);

第2幀：

number=number+1;

if(number<5)

duplicateMovieClip("flower","flower"addnumber,number);

setProperty("flower"addnumber,_alpha,100-number*5);

setProperty("flower"addnumber,_rotate,30*number+5);

setProperty("flower"addnumber,_x,_xmouse+random(20)*number);

setProperty("flower"addnumber,_y,_ymouse+random(20)*number);說(shuō)明：

①startDrag：拖動(dòng)實(shí)例名稱為flower的符號(hào)。

②duplicateMovieClip：?復(fù)制影片剪輯，該句含義是當(dāng)number小于5時(shí)，復(fù)制實(shí)例flower，新實(shí)例名字為flower1、flower2等。

③setProperty：重新設(shè)置實(shí)例屬性，設(shè)置的第1個(gè)屬性alpha(透明度)為100－number*5。alpha=100為不透明，0為完全透明。設(shè)置第2個(gè)屬性_rotate為旋轉(zhuǎn)的角度，第3、4個(gè)屬性x、y坐標(biāo)值為鼠標(biāo)的坐標(biāo)值加上一個(gè)0～19之間的數(shù)與number相乘的值。

第3幀：

??gotoAndPlay(2);

即跳轉(zhuǎn)到第2幀播放。

(5)返回到場(chǎng)景1，將drag拖動(dòng)到舞臺(tái)上并復(fù)制兩個(gè)，選中其中一個(gè)，選擇屬性面板的顏色下拉列表中的高級(jí)，點(diǎn)擊“設(shè)置”按鈕，改變其顏色。用同樣的方法將其他兩個(gè)實(shí)例也改變顏色。

(6)測(cè)試影片，其動(dòng)畫(huà)效果如圖8-35所示。圖8-35飛舞的花的動(dòng)畫(huà)效果在這個(gè)例子中，更換flower符號(hào)的形狀或flowermov影片剪輯的運(yùn)動(dòng)軌跡，或更改場(chǎng)景1中drag的數(shù)量、顏色，都可以制作出各種完全不同的動(dòng)畫(huà)效果。

在用FlashMX制作動(dòng)畫(huà)效果時(shí)，常常通過(guò)使用多層嵌套的影片剪輯以及用ActionScript改變影片剪輯實(shí)例的屬性值等技巧來(lái)制作完成絢麗多彩、視覺(jué)沖擊力很強(qiáng)的動(dòng)畫(huà)效果。

8.3FlashMX對(duì)聲音的處理

8.3.1聲音處理概述聲音在多媒體動(dòng)畫(huà)中起著重要的作用。FlashMX提供了多種方法來(lái)處理聲音：可以為按鈕添加聲音；可以將聲音導(dǎo)入動(dòng)畫(huà)作為動(dòng)畫(huà)的背景音樂(lè)；可以調(diào)整聲音使其淡入或淡出；可以讓音樂(lè)獨(dú)立于時(shí)間軸播放；也可以使聲音和動(dòng)畫(huà)畫(huà)面保持同步。在FlashMX中有兩類聲音：事件聲音和流式聲音。事件聲音在播放前必須完全下載，事件聲音與它所在的關(guān)鍵幀同時(shí)發(fā)生，即它所在的關(guān)鍵幀開(kāi)始播放時(shí)它就播放。之后，聲音的播放與時(shí)間線無(wú)關(guān)，即使時(shí)間線已經(jīng)播放結(jié)束，它仍會(huì)繼續(xù)播放。根據(jù)這個(gè)特點(diǎn)，音樂(lè)播放可以通過(guò)播放動(dòng)畫(huà)實(shí)現(xiàn)。如果要停止播放事件聲音，則用stopAllSounds命令。

流式聲音與事件聲音不同，在下載若干幀后，只要數(shù)據(jù)足夠，流式聲音就可以開(kāi)始播放。它會(huì)隨著動(dòng)畫(huà)的結(jié)束而結(jié)束，無(wú)論聲音是否播放完畢。它還可以做到與時(shí)間軸上的動(dòng)畫(huà)同步。8.3.2聲音處理實(shí)例

通過(guò)下面的實(shí)例，我們簡(jiǎn)單了解一下事件聲音和流式聲音的實(shí)現(xiàn)方法。

例9

音樂(lè)控制按鈕。

此動(dòng)畫(huà)的制作步驟如下：

(1)新建一個(gè)文件，尺寸為100像素×100像素，背景色為白色。新建一個(gè)按鈕符號(hào)，命名為btn-laba。

(2)繪制喇叭。在彈出(Up)關(guān)鍵幀處利用直線工具、橢圓工具、油漆桶工具繪制一個(gè)喇叭圖形；分別在其他各幀處插入關(guān)鍵幀，將指針經(jīng)過(guò)(Over)幀處的喇叭外框改為紫色，如圖8-36所示。圖8-36喇叭按鈕

(3)新建一個(gè)影片剪輯符號(hào)，命名為mc-playing。在mc-playing的第3幀處插入關(guān)鍵幀，用鉛筆畫(huà)一弧線，或畫(huà)一空心圓，然后擦去半邊；在第5幀插入關(guān)鍵幀，將弧線復(fù)制并放大為150%，向右移動(dòng)一段距離；在第7幀插入關(guān)鍵幀，將右邊弧線復(fù)制并放大為150%，向右移動(dòng)一段距離；結(jié)果如圖8-37所示。圖8-37聲波

(4)新建一個(gè)影片剪輯，命名