用Flash制作搖擺的墜子實(shí)例動畫教程

案例描述：

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

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

本例思路：

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

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

效果圖如下：

 步驟一、

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

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

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

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

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

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

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

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

步驟2、制作擺動動畫

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

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

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

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

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

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

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

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

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

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

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

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

    Flash制作搖擺的墜子動畫教程源碼下載