《Flash CS5工作過(guò)程導(dǎo)向標(biāo)準(zhǔn)教程》課件項(xiàng)目04

項(xiàng)目04森林里的小白兔動(dòng)畫(huà)4.1項(xiàng)目說(shuō)明4.2項(xiàng)目分析4.3項(xiàng)目實(shí)施4.4知識(shí)延伸4.5項(xiàng)目實(shí)訓(xùn)4.1項(xiàng)目說(shuō)明

動(dòng)畫(huà)作品“森林里的小白兔”是某動(dòng)畫(huà)公司策劃推出的一系列兒童故事，在上一個(gè)項(xiàng)目中，我們完成了動(dòng)畫(huà)場(chǎng)景的繪制。本項(xiàng)目的任務(wù)是設(shè)計(jì)動(dòng)畫(huà)角色小白兔，并完成小白兔在森林里獨(dú)步穿行的動(dòng)畫(huà)，要求自然生動(dòng)，畫(huà)面連續(xù)。

4.2項(xiàng)目分析

本項(xiàng)目是一個(gè)循環(huán)動(dòng)畫(huà)，在網(wǎng)絡(luò)公司或動(dòng)畫(huà)公司工作，循環(huán)動(dòng)畫(huà)是最常見(jiàn)的一種動(dòng)畫(huà)形式，可以通過(guò)背景的移動(dòng)來(lái)實(shí)現(xiàn)，基本思路如下：

第一，將背景制作成二方連續(xù)圖，因?yàn)檫@樣才可以連續(xù)播放而不被發(fā)覺(jué)。所謂二方連續(xù)圖，就是一個(gè)圖案單元在左、右方向上可以連續(xù)拼接，無(wú)限延長(zhǎng)而沒(méi)有痕跡。

第二，動(dòng)畫(huà)角色要使用影片剪輯元件來(lái)完成，將動(dòng)畫(huà)角色小白兔制作成走路的姿態(tài)，然后放置在場(chǎng)景中。

第三，理解并掌握傳統(tǒng)補(bǔ)間動(dòng)畫(huà)的制作方法。4.3項(xiàng)目實(shí)施

Flash的主要功能就是動(dòng)畫(huà)制作，制作動(dòng)畫(huà)時(shí)將涉及到【時(shí)間軸】面板、關(guān)鍵幀、元件以及動(dòng)畫(huà)類(lèi)型等內(nèi)容，本項(xiàng)目將學(xué)習(xí)這方面的內(nèi)容，動(dòng)畫(huà)效果如圖4-1所示。圖4-1動(dòng)畫(huà)參考效果任務(wù)一：背景的處理

圖4-2復(fù)制后的背景效果圖4-3【轉(zhuǎn)換為元件】對(duì)話框圖4-4【時(shí)間軸】面板圖4-5調(diào)整“背景”實(shí)例的位置圖4-6創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)任務(wù)二：繪制角色

圖4-7創(chuàng)建的新圖層

圖4-8繪制的橢圓圖4-9選擇整個(gè)橢圓圖4-10【轉(zhuǎn)換為元件】對(duì)話框圖4-11進(jìn)入元件編輯窗口

圖4-12重命名圖層圖4-13調(diào)整橢圓的形狀圖4-14為小白兔畫(huà)上眼睛圖4-15為小白兔畫(huà)上嘴巴圖4-16【轉(zhuǎn)換為元件】對(duì)話框圖4-17繪制小白兔的腳

圖4-18刪除腳上方的線條圖4-19【時(shí)間軸】面板圖4-20【庫(kù)】面板

圖4-21調(diào)整后的位置與方向

圖4-22繪制的手圖4-23選擇手圖形圖4-24繪制的耳朵圖4-25調(diào)整后的位置與方向任務(wù)三：制作動(dòng)畫(huà)

圖4-26插入關(guān)鍵幀

圖4-27選擇的“腳”圖4-28調(diào)整后的效果圖4-29選擇另一只腳圖4-30調(diào)整后的效果圖4-31選擇的“手”

圖4-32調(diào)整后的效果圖4-33向上拉長(zhǎng)后的效果

圖4-34旋轉(zhuǎn)后的效果圖4-35創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)圖4-36插入關(guān)鍵幀圖4-37調(diào)整小白兔的形態(tài)

圖4-38創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)圖4-39復(fù)制并粘貼幀圖4-40創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)圖4-41【時(shí)間軸】面板圖4-42創(chuàng)建的新圖層圖4-43【顏色】面板圖4-44最終效果4.4知識(shí)延伸

知識(shí)點(diǎn)一：【時(shí)間軸】面板

在Flash中，【時(shí)間軸】面板位于窗口的最下方，是制作Flash動(dòng)畫(huà)的核心區(qū)域。單擊菜單欄中的【窗口】/【時(shí)間軸】命令(或者按下Ctrl?+?Alt?+?T鍵)，可以顯示或隱藏【時(shí)間軸】面板。圖4-45【時(shí)間軸】面板圖4-46繪圖紙外觀效果圖4-47繪圖紙外觀輪廓效果圖4-48繪圖紙標(biāo)記菜單知識(shí)點(diǎn)二：認(rèn)識(shí)幀

幀是動(dòng)畫(huà)制作中的一個(gè)重要概念。它是組成動(dòng)畫(huà)的基本單位，一個(gè)動(dòng)畫(huà)中可以包含多個(gè)幀。在Flash中，一個(gè)動(dòng)畫(huà)可以由多個(gè)圖層構(gòu)成，每一個(gè)圖層都具有一個(gè)獨(dú)立時(shí)間軸，并由多個(gè)幀構(gòu)成，圖層與幀共同決定了動(dòng)畫(huà)的播放形式與時(shí)間。

1.關(guān)鍵幀

2.空白關(guān)鍵幀

3.普通幀

4.過(guò)渡幀圖4-49Flash中的幀圖4-50空白關(guān)鍵幀圖4-51關(guān)鍵幀知識(shí)點(diǎn)三：元件的種類(lèi)與修改

1.圖形元件

2.影片剪輯元件

3.按鈕元件知識(shí)點(diǎn)四：【庫(kù)】面板

說(shuō)到元件必須要涉及【庫(kù)】面板，實(shí)際上，【庫(kù)】面板是集合與管理動(dòng)畫(huà)元素的空間，所有的動(dòng)畫(huà)元素都將出現(xiàn)在【庫(kù)】面板中。圖4-52【庫(kù)】面板圖4-53【創(chuàng)建新元件】對(duì)話框圖4-54【導(dǎo)入】命令圖4-55【聲音】、【按鈕】和【類(lèi)】公用庫(kù)知識(shí)點(diǎn)五：幀的操作

1.選擇幀

在【時(shí)間軸】面板中，選擇幀是對(duì)幀進(jìn)行各項(xiàng)操作的基礎(chǔ)，我們可以選擇同一圖層中的單個(gè)幀或多個(gè)幀(包括相鄰以及不相鄰的)，也可以選擇不同圖層中的單個(gè)幀或多個(gè)幀，選擇的幀在【時(shí)間軸】面板中以深色顯示。選擇幀后，位于該幀中的對(duì)象也會(huì)同時(shí)被選擇。圖4-56選擇同一圖層中的連續(xù)多幀圖4-57選擇同一圖層中的不相鄰多幀

圖4-58選擇不同圖層中的連續(xù)多幀圖4-59選擇不同圖層中的不相鄰多幀

2.移動(dòng)幀

移動(dòng)幀通常是指移動(dòng)關(guān)鍵幀，從而改變動(dòng)畫(huà)的播放時(shí)間或者運(yùn)行的快慢。移動(dòng)幀的快速方法是：先選擇各幀，然后將它們拖曳到合適的位置后釋放鼠標(biāo)，如圖4-60所示。圖4-60選擇并拖動(dòng)幀

3.復(fù)制幀

復(fù)制幀的目的是將選擇的動(dòng)畫(huà)幀再?gòu)?fù)制一份，放置到其他位置，從而提高制作動(dòng)畫(huà)的效率。復(fù)制幀最快速的操作方法是：選擇要復(fù)制的幀，然后按住Alt鍵拖曳選擇的幀到合適的位置，釋放鼠標(biāo)，如圖4-61所示。圖4-61選擇并復(fù)制幀

4.刪除幀

如果要對(duì)幀進(jìn)行刪除操作，同樣需要將其選擇。普通幀、關(guān)鍵幀與過(guò)渡幀等都可以刪除。圖4-62選擇并刪除幀

4.5項(xiàng)目實(shí)訓(xùn)

任務(wù)分析

本項(xiàng)目提供了動(dòng)畫(huà)素材，直接使用它們創(chuàng)建Flash動(dòng)畫(huà)即可。首先創(chuàng)建一個(gè)影片剪輯元件，并導(dǎo)入“駿馬.swf”文件，然后在場(chǎng)景中復(fù)制多個(gè)該元件的實(shí)例，并適當(dāng)修改屬性，制作出多匹駿馬。最后