查看文本資源--9.5 創(chuàng)建簡單動畫

樂樂媽 2010-04-26

展開全文

9.5.1 Flash動畫的基礎知識

1．動畫的原理

動畫是通過人眼的視覺留影原理得到的連續(xù)效果，它是由于一組圖像序列快速有序地被播放而在人眼中形成的移動景象,。

在Flash中常常將這些圖像序列分別放置在時間軸上的若干不同的幀中,，由幀的有序播放而形成Flash動畫。

2．動畫制作的基本流程

制作動畫的一般過程都包含了動畫的構(gòu)思,、收集素材,、動畫的設計和動畫的制作過程。

（1）動畫的構(gòu)思

（2）收集素材

（3）動畫的設計

（4）動畫的制作

3．動畫的類型

Flash 8創(chuàng)建動畫序列的基本方法有兩種：逐幀動畫和補間動畫,。逐幀動畫也叫“幀幀動畫”,，顧名思義，它需要具體定義每一幀的內(nèi)容,，以完成動畫的創(chuàng)建,。補間動畫包含了運動補間動畫和形狀補間動畫兩大類動畫效果，也包含了引導動畫和遮罩動畫這兩種特殊的動畫效果,。在補間動畫中,，用戶只需要創(chuàng)建起始幀和結(jié)束幀的內(nèi)容，而讓Flash自動創(chuàng)建中間幀的內(nèi)容,。Flash甚至可以通過更改起始幀和結(jié)束幀之間的對象大小,、旋轉(zhuǎn)方式、顏色和其他屬性來創(chuàng)建運動的效果,。下面將會通過實例詳細介紹這幾種動畫的基本制作方法,。

9.5.2 逐幀動畫

逐幀動畫是一種常見的動畫形式，其原理是在“連續(xù)的關鍵幀”中分解動畫動作,，也就是在時間軸的每幀上逐幀繪制不同的內(nèi)容,，使其連續(xù)播放而成動畫。

因為逐幀動畫的幀序列內(nèi)容不一樣,，不但給制作增加了負擔而且最終輸出的文件量也很大,，但它的優(yōu)勢也很明顯：逐幀動畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容,，而它類似與電影的播放模式,，很適合于表演細膩的動畫。

下面通過一個實例的制作來說明逐幀動畫的制作流程。

【例9-2】制作逐幀動畫——奔跑的馬,。

圖9-54 奔跑的馬的最終效果

9.5.3 補間動畫

一幀一幀地制作動畫既費時又費力,，因此，在制作動畫時應用最多的還是補間動畫,。補間動畫是一種比較有效的產(chǎn)生動畫效果的方式,，同時還能盡量減小文件的大小。因為在補間動畫中,，Flash只保存幀之間不同的數(shù)據(jù),，而在逐幀動畫中，Flash卻要保存每一幀的數(shù)據(jù),。

Flash有兩種類型的補間動畫：一種是運動補間動畫,；另一種是形狀補間動畫。運動補間動畫需要在一個點定義實例的位置,、大小及旋轉(zhuǎn)角度等屬性,，然后才可以在其他的位置改變這些屬性，從而由這些變化而產(chǎn)生動畫,；形狀補間動畫需要在一個點繪制一個圖形,，然后在其他的點改變圖形或者繪制其他的圖形。Flash能為它們之間的幀內(nèi)插值或者內(nèi)插圖形,，從而產(chǎn)生動畫效果,。

創(chuàng)建補間動畫一般有以下兩種方法。

● 創(chuàng)建動畫的起始和結(jié)束關鍵幀,，然后使用屬性面板中的“補間”選項,。

● 創(chuàng)建動畫的第1個關鍵幀，在時間軸上插入所需幀數(shù),，然后在第1幀與所插入幀之間的任意一幀上單擊鼠標右鍵,，在彈出的快捷菜單中選擇“創(chuàng)建補間動畫”命令，再將對象移到舞臺中的新位置,，Flash會自動創(chuàng)建結(jié)束關鍵幀,。

1．制作運動補間動畫

利用運動補間動畫可以實現(xiàn)的動畫效果包括位置和大小的變化、旋轉(zhuǎn)的變化,、速度的變化,、顏色和透明度的變化。

下面通過一個實例的制作來說明運動補間動畫的制作流程,。

【例9-3】制作運動補間動畫,。

圖9-59 運動補間動畫的最終效果

2．制作形狀補間動畫

通過形狀補間可以實現(xiàn)一幅圖形變?yōu)榱硪环鶊D形的效果。形狀補間和運動補間的主要區(qū)別在于：形狀補間不能應用到實例上,，必須是被打散的形狀圖形之間才能產(chǎn)生形狀補間,。所謂形狀圖形就是由無數(shù)個點堆積而成,，而并非是一個整體,。選中該對象時外部沒有一個蘭色邊框,，而是會顯示成摻雜白色小點的圖形。

下面通過一個實例的制作來說明形狀補間動畫的制作流程,。

【例9-4】制作形狀補間動畫,。

圖9-65 形狀補間動畫的最終效果

9.5.4 引導層動畫

將一個或多個層鏈接到一個運動引導層，使一個或多個對象沿同一條路徑運動的動畫形式被稱為“引導路徑動畫”,。這種動畫可以使一個或多個元件完成曲線或不規(guī)則運動,。引導層是用來指示元件運行路徑的，所以“引導層”中的內(nèi)容可以是用鋼筆,、鉛筆,、線條、橢圓工具,、矩形工具或畫筆工具等繪制出的線段,。

下面先通過一個簡單的實例制作來說明引導層動畫的制作流程，具體操作步驟如下,。

【例9-5】制作引導層動畫,。

圖9-69 簡單引導層動畫的效果

下面再通過一個稍微復雜的實例制作來說明引導層動畫的制作流程，具體操作步驟如下,。

【例9-6】制作一個復雜的引導層動畫,。

圖9-79 復雜引導層動畫的最終效果

9.5.5 遮罩動畫

遮罩是Flash中一個很實用的功能。如果選中一個層為遮罩層,，那么它的下一層則是被遮擋住的,。遮罩就像個窗口，只有在遮罩層的填充色塊之下的內(nèi)容才是可見的,，而遮罩的填充色塊本身是不可見的,，其余的所有內(nèi)容都會被遮罩層的其余部分隱藏起來。一個遮罩只能包含一個遮罩項目,。按鈕內(nèi)容不能有遮罩,，也不能將遮罩應用于另一個遮罩。

在Flash中沒有一個專門的按鈕來創(chuàng)建遮罩層,，遮罩層其實是由普通圖層轉(zhuǎn)化來的,。只要在某個圖層上單擊鼠標右鍵，在彈出菜單中選擇“遮罩層”選項,，使選項的左邊出現(xiàn)一個小勾,，該圖層就會生成遮罩層，層圖標就會從普通層圖標變?yōu)檎谡謱訄D標,，系統(tǒng)會自動把遮罩層下面的一層關聯(lián)為“被遮罩層”,，下面的層在縮進的同時圖標變?yōu)?img doc360img-src='http://image9.360doc.com/DownloadImg/2010/04/2600/3003664_9' alt="" src="http://image9.360doc.com/DownloadImg/2010/04/2600/3003664_9">,，如果想關聯(lián)更多層被遮罩，只要把這些層拖到被遮罩層下面就行了,，如圖9-80所示,。