實(shí)驗(yàn)3Flash基本動(dòng)畫(huà)的創(chuàng)作

1、實(shí)驗(yàn) 3Flash 基本動(dòng)畫(huà)的創(chuàng)作一、實(shí)驗(yàn)?zāi)康?、 理解幀以及幀頻的概念。掌握關(guān)鍵幀、普通幀的概念及常用操作。2、 掌握幀標(biāo)簽、幀注釋、錨記的使用。3、 掌握逐幀動(dòng)畫(huà)的概念、原理、創(chuàng)作方法。4、 掌握補(bǔ)間動(dòng)畫(huà)，傳統(tǒng)補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)的概念、原理、創(chuàng)作方法。二、實(shí)驗(yàn)任務(wù)1、樹(shù)葉飄落動(dòng)畫(huà)( 制作要點(diǎn)：補(bǔ)間動(dòng)畫(huà)，續(xù)實(shí)驗(yàn)1)2、蝴蝶煽動(dòng)翅膀( 制作要點(diǎn)：逐幀動(dòng)畫(huà)，續(xù)實(shí)驗(yàn)1)3、制作云彩飄動(dòng)( 制作要點(diǎn)：補(bǔ)間動(dòng)畫(huà)，續(xù)實(shí)驗(yàn)1)4、制作太陽(yáng)動(dòng)作( 制作要點(diǎn)：形狀補(bǔ)間，續(xù)實(shí)驗(yàn)1)三、實(shí)驗(yàn)內(nèi)容樹(shù)葉飄落（ 1）將實(shí)驗(yàn)一中繪制的樹(shù)葉“轉(zhuǎn)變?yōu)樵?，命名為 “樹(shù)葉”。在主場(chǎng)景中新建圖層“樹(shù)葉飄落”，從庫(kù)中將“樹(shù)

2、葉”元件拖入到當(dāng)前圖層，將其放置在舞臺(tái)的上方。并右擊“樹(shù)葉”示例，選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”，如圖所示：圖 1 將“樹(shù)葉”放置在主場(chǎng)景中，并創(chuàng)建補(bǔ)間動(dòng)畫(huà)（ 2）將“樹(shù)葉飄落”圖層的補(bǔ)間過(guò)程幀延長(zhǎng)至110 幀，選擇第35 幀，并將場(chǎng)景中的樹(shù)葉拖動(dòng)位置，進(jìn)而用“任意變形工具”將其旋轉(zhuǎn)任意角度。用“選擇工具”將補(bǔ)間運(yùn)動(dòng)路徑修改為弧線。圖 2 修改補(bǔ)間動(dòng)畫(huà)第35 幀處樹(shù)葉的位置，修改運(yùn)動(dòng)路徑（ 3）選擇第 85 幀，繼續(xù)將場(chǎng)景中的樹(shù)葉拖動(dòng)位置，進(jìn)而用“任意變形工具”將其旋轉(zhuǎn)任意角度，并將其適當(dāng)縮小。用“選擇工具”將補(bǔ)間路徑修改為弧線。如圖所示：圖 3 修改補(bǔ)間動(dòng)畫(huà)第85 幀處樹(shù)葉的位置，修改運(yùn)動(dòng)路徑（ 3）

3、選擇第 90 幀，在屬性面板中將“樹(shù)葉”實(shí)例的alpha 值設(shè)置為0。樹(shù)葉飄落動(dòng)畫(huà)制作完成。圖 4 修改第 90 幀處樹(shù)葉的透明度蝴蝶煽動(dòng)翅膀（ 1）打開(kāi)編輯之前實(shí)驗(yàn)課制作的“蝴蝶”元件。修改元件使蝴蝶的兩只翅膀以及身體分散放置在不同的圖層。且確保兩個(gè)翅膀分別轉(zhuǎn)變?yōu)樵?。如圖5 所示。圖 1 分散對(duì)象到不同圖層（ 2）制作一個(gè)翅膀的扇動(dòng)效果選中“翅膀1”圖層的第1 幀，將蝴蝶的翅膀1 的旋轉(zhuǎn)中心（中心點(diǎn)）進(jìn)行如圖6 所示的修改，用“任意變形工具”將 旋轉(zhuǎn)中心 移動(dòng)到翅膀與身體的鏈接處，以便于接下來(lái)的修改。對(duì)于翅膀2 做同樣的修改。圖 2 修改翅膀1 的旋轉(zhuǎn)中心在“翅膀1”圖層的第5、9、15

4、幀處分別插入關(guān)鍵幀，對(duì)各關(guān)鍵幀的翅膀進(jìn)行縮放， 其中，第1、15 幀的內(nèi)容相同，第5、 9 幀的內(nèi)容相同。在1 到 5 幀創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)（右擊第一幀，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”，如下圖所示） ，類似的，在9 到 15 幀創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。同樣對(duì)“翅膀2”圖層進(jìn)行同樣的操作。綜合效果如圖7 所示：圖 3 各關(guān)鍵幀的內(nèi)容（ 3）將所有圖層的幀擴(kuò)展到20 幀（插入幀） 。蝴蝶煽動(dòng)翅膀的動(dòng)畫(huà)制作完成。（ 4）在主場(chǎng)景中新建圖層，命名為“蝴蝶圖層”，將庫(kù)中的“蝴蝶”元件拖入主場(chǎng)景的合適位置（可以將蝴蝶放在草地上）。制作云彩飄動(dòng)（ 1）打開(kāi)動(dòng)畫(huà)，在主場(chǎng)景中新建圖層，命名為“云”。在第 1 幀處繪制云朵的形狀。

5、選中云朵，按F8 將云朵轉(zhuǎn)換為名為“云”的元件。圖 9“云”元件（ 2）選中舞臺(tái)上的“云”實(shí)例，查看屬性面板中的“濾鏡”屬性，增加“模糊”濾鏡。圖 4 給“云”增加模糊濾鏡右擊舞臺(tái)上的“云” ，“創(chuàng)建補(bǔ)間動(dòng)畫(huà)” ，入下圖所示圖 5 給“云”創(chuàng)建補(bǔ)間動(dòng)畫(huà)選中云圖層的補(bǔ)間動(dòng)畫(huà)的最后一幀，并將舞臺(tái)上的“云”實(shí)例拖動(dòng)到舞臺(tái)的另一端。制作太陽(yáng)漸變動(dòng)畫(huà)圖 6 創(chuàng)建云朵補(bǔ)間動(dòng)畫(huà)（1）在主場(chǎng)景中新建圖層，命名為“太陽(yáng)”。在第 1 幀處繪制漸變色的太陽(yáng)。在“太陽(yáng)”圖層后面的某一幀按F6 插入關(guān)鍵幀，修改該幀的太陽(yáng)的顏色。單擊兩個(gè)關(guān)鍵幀中間的任意一幀，右擊并選擇“創(chuàng)建形狀補(bǔ)間”，即創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)。最終的效果圖以及時(shí)間軸效果圖如圖13 所示。四、思考題圖 7 太陽(yáng)形狀漸變時(shí)間軸典型的 Flash 動(dòng)畫(huà)中每秒出現(xiàn)多少幀？更高的幀頻不是一個(gè)好主意的主要原因是什么？形狀提示的概念是什么？如何使用？逐幀