當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > Flash > 用Flash制作過山車動(dòng)畫教程

用Flash制作過山車動(dòng)畫教程

2021/9/11 15:59:57作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端
Flash CS6綠色版v12.0.0.0

大?。?05MB語言:

類型:媒體制作等級(jí):

案例描述:

本例主要講解用Flash制作過山車動(dòng)畫教程,通過使用引導(dǎo)層來制作過山車動(dòng)畫,引導(dǎo)動(dòng)畫類似于三維軟件中的路徑動(dòng)畫
用Flash制作過山車動(dòng)畫教程

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

本例思路:

制作出背景,然后導(dǎo)出矢量車道素材,再將小車分離出來。
使用“鉛筆工具”沿著車道繪制出引導(dǎo)路徑。
利用傳統(tǒng)補(bǔ)間動(dòng)畫功能為小車制作引導(dǎo)動(dòng)畫。

效果圖如下:

步驟一、

1、新建一個(gè)空白文檔,設(shè)置舞臺(tái)尺寸為550×400像素 ,幀頻為24fps,如圖所示。

新建文檔
2、使用“矩形工具”繪制一個(gè)沒有邊框的矩形,然后打開“顏色”面板,設(shè)置漸變色類型為“線性”,再設(shè)置第1個(gè)色標(biāo)顏色為(R:247,G:231,B:196),第2個(gè)色標(biāo)顏色為(R:63,G:234,B:252),第3個(gè)色標(biāo)顏色為(R:0,G:153,B:255),填充效果如圖所。

制作背景

3、執(zhí)行“文件/導(dǎo)人/導(dǎo)人到舞臺(tái)’’菜單命令,然后在彈出的對(duì)話框中導(dǎo)入素材“車道.a(chǎn)i”文件,如圖所示,再將車道放置在如下圖所示的位置。

導(dǎo)入矢量素材

調(diào)整車道位置
4、新建一個(gè)“車”圖層,然后進(jìn)入小車的操作區(qū)域,按Ctrl+X組合鍵將其剪切并粘貼(快捷鍵為Ctrl+V)到原位置。再按F8鍵將其轉(zhuǎn)換為影片剪輯(名稱為“過山車”),如圖所示。

剪輯小車

步驟二、繪制引導(dǎo)路徑 
1、進(jìn)入影片剪輯“過山車”的編輯區(qū)域,將圖形轉(zhuǎn)換為影片剪輯(名稱為“小車”),新建一個(gè)“引導(dǎo)層”圖層,在該圖層單擊鼠標(biāo)右鍵,并在彈出的菜單中選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”命令,如圖所示
創(chuàng)建引導(dǎo)層

 2、使用“鋼筆工具”沿著車道繪制引導(dǎo)線,如圖所示。

繪制引導(dǎo)線

步驟三、制作引導(dǎo)動(dòng)畫
1、 將小車拖曳到引導(dǎo)線的起始處,然后使用“任意變形工具”調(diào)整好小車的中心點(diǎn),再將中心點(diǎn)拖曳到小車底部,這樣才能保證小車正確的沿著引導(dǎo)線運(yùn)動(dòng),如圖所示。

調(diào)整中心定
2、調(diào)整小車角度,使小車與引導(dǎo)線的切線成90度,如圖所示。

調(diào)整角度

 

3、在第100幀按F6鍵插入關(guān)鍵幀,然后將小車拖曳到引導(dǎo)線末端,再調(diào)整好小車角度,如圖所示

調(diào)整小車位置
4、選擇“車”圖層,然后在第1幀單擊右鍵,并在彈出的菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,創(chuàng)建出第1~100幀的傳統(tǒng)補(bǔ)間動(dòng)畫,如圖所示。

創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫
5、單擊“時(shí)間軸”下面的“繪圖紙外觀”按鈕灑,查看動(dòng)畫效果,可以觀察到小車沿著引導(dǎo)線運(yùn)動(dòng),如圖所示。

查看你動(dòng)畫效果
6、當(dāng)小車下坡時(shí),發(fā)現(xiàn)其角度并沒有按引導(dǎo)線的角度進(jìn)行運(yùn)動(dòng),如圖所示,這時(shí)可在“屬性”面板中勾選“調(diào)整到路徑”選項(xiàng),這樣小車就會(huì)沿著引導(dǎo)線自動(dòng)調(diào)整角度,如圖所示

錯(cuò)誤角度

調(diào)整小車到路徑
7、新建3個(gè)圖層,分別命名為“車1”、“車2”和“車3”再將“車”圖層中的幀復(fù)制到這3個(gè)圖層中,如圖所示。(注意每個(gè)小車之間間隔了5幀的距離),然后拖曳“時(shí)間軸”上的幀觀察效果,如圖所示。

復(fù)制粘貼幀

動(dòng)畫效果

8、按Ctrl+Enter組合鍵發(fā)布動(dòng)畫,最終效果如下圖所示:

效果圖

用Flash制作過上車動(dòng)畫教程源碼下載

標(biāo)簽: FLASH教程  動(dòng)畫