用Flash制作手寫字特效動畫教程

案例描述：

本例主要講解用Flash制作手寫字特效動畫教程，本例將使用繪制遮罩圖形的方式來制作手寫毛筆字的動畫效果，通過本例的學(xué)習(xí)要掌握跟隨動畫的制作方法。

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

本例思路：

將素材(位圖)轉(zhuǎn)換為矢量圖形。
使用“刷子工具”在遮罩中繪制出遮罩圖形。
使用“鉛筆工具”繪制出毛筆。
使用傳統(tǒng)補間動畫功能制作毛筆跟隨動畫。

動畫制作完成后的最終效果：

步驟一、將位圖轉(zhuǎn)換為矢量圖形

1、啟動Flash cs4，新建一個空白文檔，執(zhí)行“文件／導(dǎo)入／導(dǎo)入到舞臺”菜單命令，然后在彈出的對話框中打開已準(zhǔn)備好的素材／天道酬勤．jpg”文件，如圖所示

2、執(zhí)行“修改／位圖／轉(zhuǎn)換位圖為矢量圖’’菜單命令，然后在彈出的對話框中進行如圖所示的設(shè)置。

3、選中黑色文字的矢量圖形，如圖所示，然后將文字復(fù)制并水平放置在一起，如圖所示。

步驟二、繪制遮罩層

1、選中矢量圖形，然后按F8鍵將其轉(zhuǎn)換為圖形(名稱為“毛筆字”)，進入“毛筆字”的編輯區(qū)，再新建一個“圖層2”．最后在該圖層上單擊鼠標(biāo)右鍵，并在彈出的菜單中選擇“遮罩層”命令，如圖所示。

2、下面在遮罩層上繪制圖形來實現(xiàn)“手寫字’’的動畫效果，使用“刷子工具”在第1幀上繪制出填充物，如圖所示。

3、按F6鍵在第2幀插人關(guān)鍵幀，然后繪制出蓋住“天”字的第1筆，再采用相同的方法制作出第3～7關(guān)鍵幀，如圖所示。

4、在第15幀和第20幀插入關(guān)鍵幀并創(chuàng)建圖形補間．然后單擊圖標(biāo)，并在彈出的菜單中選擇“預(yù)覽”命令，這樣可以在“時間軸”上預(yù)覽幀變化，如圖所示

5、在第21幀插入關(guān)鍵幀，然后繪制遮罩圖形，如圖所示。

6、在第30幀插人關(guān)鍵幀，然后調(diào)整好圖形，如圖所示。

7、在第30幀插入關(guān)鍵幀，然后調(diào)整好圖形，如圖所示。

8、在第55～74幀創(chuàng)建補間形狀，然后繪制“天”字撇劃的下半部分，再單擊“時間軸”下面的“繪圖紙外觀輪廓”按鈕查看輪廓效果，如圖所示。

9、在第85幀插入關(guān)鍵幀，制作“天”字捺的動畫，然后在第90幀再插入關(guān)鍵幀，再使用“選擇工具”拖曳出一條弧線，最后在85～90幀之間創(chuàng)建卅形狀補間，如圖所示。

10、在第91幀插入關(guān)鍵幀，然后在該幀中按住ctrl鍵的同時用“選擇工具”拖曳出兩個折點，如圖所示。

11、在第105幀插入關(guān)鍵幀，然后調(diào)整好形狀，并創(chuàng)建出補間形狀，再單擊“時間軸”下面的“繪圖紙外觀輪廓”按鈕查看輪廓效果，如圖所示

12、單擊“工具箱”中的“顏料桶工具’’按鈕，然后單擊“鎖住填充”按鈕，這樣可以鎖定遮罩物體，再按Ctrl+Enter鍵發(fā)布動畫，預(yù)覽書寫效果，如圖所示。

13、采用上面的方法繪制出其他3個字的動畫遮罩圖形，如圖所示。

步驟三、繪制毛筆

1、返回到“場景1”，按F8鍵將“毛筆字”轉(zhuǎn)為影片剪輯，進入該影片剪輯的編輯區(qū)域，然后新建一個“毛筆”圖層，再用“矩形工具”繪制一個矩形，打開“顏色”面板，設(shè)置類型為“線性”，并設(shè)置第1個色標(biāo)顏色為(R：201，G：175，B：139)，第2個色標(biāo)顏色為(R：231，G：225，B：186)，第3個色標(biāo)顏色為(R：198，G：149，B：117)，第4個色標(biāo)顏色標(biāo)(R：198，G：176，B：117)，填充效果如圖所示。

2、使用“矩形工具”繪制一個黑色圖形，然后使用“選擇工具”將圖形調(diào)整成如圖所示的效果。

3、使用“鉛筆工具”繪制出筆毫，如圖所示。

4、使用“線性’’漸變色填充筆毫，然后刪除線條，再用“漸變變形工具”調(diào)整好漸變樣式，如圖所示。

5、使用“鉛筆工具”繪制出筆尾，如圖所示。

6、將毛筆轉(zhuǎn)換為影片剪輯(名稱為“毛筆’’)，如圖所示。

步驟四、制作毛筆跟隨動畫

1、選中“毛筆字”圖形，然后在“屬性”面板中設(shè)置播放方式為“播放一次”，如圖所示。

2、使用“傳統(tǒng)補間動畫”調(diào)整毛筆的位置，使其跟隨筆畫，如圖所示。

3、繼續(xù)使用“傳統(tǒng)補間動畫”調(diào)整好毛筆的位置，如圖所示。

4、執(zhí)行“文件／導(dǎo)入／導(dǎo)入到舞臺’’菜單命令，然后在彈出的對話框中打開以準(zhǔn)備好的素材／畫軸．JPg”文件，再調(diào)整好畫軸的位置，

5、后按Ctrl+Enter組合鍵發(fā)布動畫，這樣一個用flash制作的手寫字的動畫就完成了

如果你對本章用Flash制作手寫字特效動畫教程感興趣歡迎下載源碼進行學(xué)習(xí)研究

用Flash制作手寫字特效動畫教程源碼下載