用Flash制作搖擺的墜子實(shí)例動(dòng)畫(huà)教程

案例描述：

本例主要講解FLASH教程：用Flash制作搖擺的墜子實(shí)例動(dòng)畫(huà)，本例將通過(guò)調(diào)整傳統(tǒng)補(bǔ)聞動(dòng)畫(huà)中各影片剪輯的濾鏡參數(shù)來(lái)產(chǎn)生霓紅過(guò)渡效果。

學(xué)習(xí)要點(diǎn)：文字處理的基本技法，關(guān)鍵幀動(dòng)畫(huà)制作的制作方法，遮罩圖形的繪制方法

本例思路：

使用“文本工具”和“墨水瓶工具”初步處理文字。

在“時(shí)間軸”上的不同位置創(chuàng)建補(bǔ)間動(dòng)畫(huà)。

效果圖如下：

 步驟一、

1、啟動(dòng)．Flash cs4，新建一個(gè)空白文檔，在“屬性”面板中設(shè)置尺寸為610 x 320像素，背景顏色為黑色，幀頻為30fps，如圖所示。

2、再單擊“工具箱”中的“矩形工具”按鈕，并在“屬性”面板中設(shè)置好線(xiàn)條的參數(shù)，最后在舞臺(tái)中繪制一個(gè)圓角矩形，如圖所示。

2、打開(kāi)“顏色’’面板，設(shè)置類(lèi)型為“線(xiàn)性”，然后設(shè)置第1個(gè)色標(biāo)顏色為(R：64，G：146，B：200)，第2個(gè)色標(biāo)顏色為(R：112，G：158，B：203)，第3個(gè)色標(biāo)顏色為(R：255，G：255B：255)，再用設(shè)置好的顏色填充矩形，效果如圖所示：

3、1填充充邊框顏色，設(shè)置類(lèi)型為“線(xiàn)性”，然后設(shè)置第1個(gè)色標(biāo)顏色為(R：191，G：191，B：191)，第2個(gè)色標(biāo)顏色為(R:255,G:255，B：255)，第3個(gè)色標(biāo)顏色為(R：200，G：200，B:200)，第4個(gè)色標(biāo)顏色為(R：64，G：64，B：64)，填充效果。如圖所示。

4、使用“橢圓工具，，和“線(xiàn)條工具，，繪制一根繩子來(lái)連接墜子。 如圖所示，然后將圖形轉(zhuǎn)換為影片剪輯。

5、返回到“主場(chǎng)景”，新建一個(gè)“背景”圖層，然后執(zhí)行“文件／導(dǎo)人／導(dǎo)入到舞臺(tái)”菜單命令，并在彈出的對(duì)話(huà)框中打開(kāi)本書(shū)配套光盤(pán)中的“Chapter03／素材／背景1．JPg”文件，如圖所示。

6、選擇墜子影片剪輯，然后為其添加“投影”濾鏡，具體參數(shù)設(shè)置如圖所示。

7、復(fù)制出3個(gè)墜子影片剪輯，然后將其排列好，如圖所示。

步驟2、制作擺動(dòng)動(dòng)畫(huà)

1、下面為第1個(gè)和第4個(gè)墜子制作擺動(dòng)動(dòng)面。選中第1個(gè)和第4個(gè)墜子，然后按Ctrl+Shift+D組合鍵將這兩個(gè)影片剪輯分散到兩個(gè)新的圖層中，再將這兩個(gè)圖層分別命名為“第1塊”和“第4塊”，如圖所示。

2、選中“第1塊”圖層中的墜子，然后在第25幀插入關(guān)鍵幀，再回到第1幀，使用“任意變形工具”調(diào)整好第1幀的墜子，如圖所示

3、 選中第1幀，然后在該幀上單擊鼠標(biāo)右鍵，并在彈出的菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，如圖所示。

4、為了使動(dòng)畫(huà)更有真實(shí)感，因此要考慮墜子掉下后的慣性。在第20幀插人一個(gè)關(guān)鍵幀，然后調(diào)整好元件擺動(dòng)的角度，如圖所示。

5、 為了將動(dòng)畫(huà)表現(xiàn)的更加真實(shí)，因此在“屬性’’面板中設(shè)置補(bǔ)間的緩動(dòng)系數(shù)為-100，如圖所示。

6、選中“第四塊”圖層中的墜子，然后再第10幀和第40幀插入關(guān)鍵幀，如圖所示。

7、使用“任意變形工具”調(diào)整好第40幀的墜子位置，然后在第20-40幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)，并在“屬性”面板中設(shè)置緩動(dòng)系數(shù)系數(shù)為-100，如圖所示。

8、在第60和65幀插人關(guān)鍵幀，然后將墜子調(diào)整為如圖所示的效果。

9、在第60～65幀創(chuàng)建傳統(tǒng)補(bǔ)問(wèn)動(dòng)畫(huà)，并在“屬性”面板中設(shè)置緩動(dòng)系數(shù)為-100，然后單擊“時(shí)間軸”下面的“繪圖紙外觀(guān)輪廓”按鈕來(lái)查看效果，如圖所示。

10、在“第1塊”圖層的第60幀插入關(guān)鍵幀，然后將“第1塊”圖層第1幀復(fù)制到第80幀，再創(chuàng)建出傳統(tǒng)補(bǔ)間動(dòng)畫(huà)，這樣就形成了一個(gè)循環(huán)擺動(dòng)的動(dòng)畫(huà)，如圖所示。

11、按Ctrl+Enter組合鍵發(fā)布動(dòng)畫(huà)，最終效果如圖所示。

如果你對(duì)本章用Flash制作搖擺餓墜子動(dòng)畫(huà)教程感興趣歡迎下載源碼進(jìn)行學(xué)習(xí)研究。

    Flash制作搖擺的墜子動(dòng)畫(huà)教程源碼下載