第4講基本動(dòng)畫制作(二)Flash高級(jí)商務(wù)動(dòng)畫設(shè)計(jì)(PPT全)(袁野版)

1、q掌握逐幀動(dòng)畫制作方法和技巧。q掌握傳統(tǒng)補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫的方法和技巧。q學(xué)會(huì)不同元件在不同圖層設(shè)計(jì)傳統(tǒng)補(bǔ)間動(dòng)畫。q掌握為動(dòng)畫添加音頻的技巧和方法，掌握聲音參數(shù)設(shè)置的各個(gè)含義。q掌握影片剪輯（Movie Clip）的創(chuàng)作方法以及在動(dòng)畫創(chuàng)作中的意義q【重點(diǎn)】【重點(diǎn)】q1動(dòng)畫中音頻的添加方法及參數(shù)的設(shè)置。q2影片剪輯的含義及創(chuàng)建方法。q3彩蝶習(xí)舞動(dòng)畫制作q4. 補(bǔ)間動(dòng)畫q【難點(diǎn)】【難點(diǎn)】q影片剪輯動(dòng)畫與場(chǎng)景中動(dòng)畫在時(shí)間軸上的協(xié)調(diào)。q【實(shí)例說(shuō)明】【實(shí)例說(shuō)明】本例制作拍皮球的動(dòng)畫，同時(shí)添加聲音效果。q【技術(shù)要點(diǎn)】【技術(shù)要點(diǎn)】使用補(bǔ)間動(dòng)畫創(chuàng)建小球落下與彈起的動(dòng)畫效果；使用壓縮變形創(chuàng)建小球落地時(shí)的碰撞

2、效果；導(dǎo)入聲音文件為小球落地添加音效。q啟動(dòng)Flash CS4，菜單上，文件另存為，在“另存為”的對(duì)話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：拍皮球.fla，點(diǎn)擊“保存”按鈕。q菜單上，插入新建元件，打開“創(chuàng)建元新件”對(duì)話框，在名稱后輸入“皮球”，行為后選擇“圖形”，單擊“確定”按鈕，打開“皮球”元件編輯窗口。q用工具箱中的繪圖工具，按圖1所示繪制皮球。q菜單上，文件導(dǎo)入庫(kù),打開“導(dǎo)入到庫(kù)”對(duì)話框。在該對(duì)話框中選擇準(zhǔn)備好的皮球落地的聲音文件pa.wav，然后按“打開”按鈕，將其導(dǎo)入到庫(kù)面板中，如圖2所示q在庫(kù)面板中雙擊聲音對(duì)象的圖標(biāo)，打開“聲音屬性”對(duì)話框，如圖1所示。在該對(duì)話框中

3、可以查看聲音文件的屬性，從屬性中可以了解到聲音長(zhǎng)度為1.1秒。單擊“確定”按鈕關(guān)閉該對(duì)話框。q從庫(kù)面板中將“皮球”元件拖動(dòng)到舞臺(tái)上，調(diào)整其位置和大小q用鼠標(biāo)右鍵單擊第6幀插入關(guān)鍵幀，用鼠標(biāo)右鍵中間的任意1幀創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫q單擊“圖層1”的第6幀的皮球，按SHIFT鍵，在舞臺(tái)上將皮球向下移動(dòng)。右鍵單擊第8幀插入關(guān)鍵幀，在舞臺(tái)上調(diào)整皮球位置與第6幀中的相同，選擇工具箱中的任意變形工具，然后單擊第8幀舞臺(tái)上的皮球，調(diào)整句柄將皮球稍微壓扁。q用鼠標(biāo)右鍵單擊第12幀插入關(guān)鍵幀，用鼠標(biāo)右鍵中間的任意1幀創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。此時(shí)，時(shí)間軸窗口如圖1所示q單擊第12幀，將該幀對(duì)應(yīng)舞臺(tái)上的皮球稍微向下移動(dòng)，使得皮

4、球反彈高度小于初始高度q在“圖層1”之上新建“圖層2”，將“圖層2”更名為“音效”，如圖1所示。q用鼠標(biāo)右鍵單擊“音效”圖層第6幀插入空白關(guān)鍵幀，如圖2所示q單擊“音效”圖層第6幀，從庫(kù)面板中將聲音文件pa.wav拖動(dòng)到舞臺(tái)上。在“音效”層從第6幀開始有聲音的波形線，主要聲音在第6幀到第10幀，而實(shí)際上，應(yīng)該到第12幀，因?yàn)樵撘粜У拈L(zhǎng)度是1.1秒，即有聲音的幀應(yīng)該是7秒（因?yàn)楸疚臋n的幀頻是6fps）。q按【Ctrl+Enter】鍵播放文檔，在皮球落地時(shí)可以聽到“啪”的一聲響。q菜單上，文件保存。q創(chuàng)建“蝴蝶”振翅的影片剪輯元件q在舞臺(tái)上創(chuàng)建影片剪輯動(dòng)作動(dòng)畫q菜單上，插入新建元件，打開“創(chuàng)建新元

5、件”對(duì)話框。在名稱后輸入影片剪輯名稱，行為選擇“影片剪輯”，按“確定”按鈕，打開影片剪輯編輯窗口,做動(dòng)畫。q一只蝴蝶在花叢中自由飛翔。q【技術(shù)要點(diǎn)技術(shù)要點(diǎn)】q本例主要利用影片剪輯元件來(lái)創(chuàng)建蝴蝶揮動(dòng)翅膀的動(dòng)畫效果，然后在主場(chǎng)景中使用影片剪輯創(chuàng)建移動(dòng)動(dòng)畫效果。q雙擊彩蝶飛舞.fla，庫(kù)中有彩蝶1，彩蝶2兩個(gè)元件。q創(chuàng)建“影片剪輯”：菜單上，插入新建元件，打開“創(chuàng)建新元件”對(duì)話框。在名稱后輸入“蝴蝶飛舞剪輯”，行為后選擇“影片剪輯”，按“確定”按鈕，打開影片剪輯編輯窗口,這個(gè)窗口與以前的元件編輯窗口是一樣的。q菜單上，窗口庫(kù)，打開庫(kù)面板。q鼠標(biāo)點(diǎn)擊第1幀，然后，將庫(kù)中元件“蝴蝶1”拖動(dòng)到舞臺(tái)上；鼠標(biāo)

6、右鍵單擊第3幀插入空白關(guān)鍵幀，再將庫(kù)中元件“蝴蝶2”拖動(dòng)到舞臺(tái)上，調(diào)整元件“蝴蝶-2”的位置（窗口/對(duì)齊/相對(duì)于舞臺(tái)/水平中齊，垂直中齊），使其身體（不是翅膀）與第一幀中元件“蝴蝶-1”的身體位置相同。 “蝴蝶飛舞剪輯”制作完成。q單擊時(shí)間軸窗口左下方的“場(chǎng)景1”按鈕切換到場(chǎng)景編輯窗口。菜單上，修改文檔，打開“文檔屬性”對(duì)話框，設(shè)置文檔尺寸為500300,背景顏色為白色，幀頻為12fps，單擊“確定”按鈕。將“圖層1”改名為“蝴蝶”q 鼠標(biāo)單擊第1幀，將庫(kù)中的元件“蝴蝶飛舞剪輯”拖動(dòng)到舞臺(tái)上，點(diǎn)擊舞臺(tái)左下方的“屬性”按鈕，打開“屬性”面板，設(shè)置對(duì)象的大小和位置為：寬39.2,高38.1；X:5

7、12.2,Y:0.8。q鼠標(biāo)右鍵單擊第30幀插入關(guān)鍵幀，將舞臺(tái)上的“蝴蝶飛舞剪輯”拖動(dòng)到舞臺(tái)左側(cè)外邊。q鼠標(biāo)右鍵單擊第31幀插入關(guān)鍵幀，菜單上，修改變形水平翻轉(zhuǎn)。q鼠標(biāo)右鍵單擊第60幀插入關(guān)鍵幀，將舞臺(tái)上的“蝴蝶飛舞剪輯”拖動(dòng)到舞臺(tái)右下角外。q鼠標(biāo)右鍵單擊第61幀插入關(guān)鍵幀，菜單上，修改變形水平翻轉(zhuǎn)q右鍵單擊第90幀插入關(guān)鍵幀，將舞臺(tái)上的“蝴蝶飛舞剪輯”拖動(dòng)到舞臺(tái)內(nèi)部(X:84.3,Y:39.7，注意：此處有一朵花，蝴蝶正是停在此花上)，如圖4-21所示。q鼠標(biāo)右鍵單擊第120幀插入幀q鼠標(biāo)右鍵分別在第5、35、65幀上單擊創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。q菜單上，文件導(dǎo)入到庫(kù)，打開“導(dǎo)入到庫(kù)”對(duì)話框，在此

8、對(duì)話框中找到 “蝴蝶飛舞背景.jpg”文件，點(diǎn)擊“打開”按鈕，此文件進(jìn)行庫(kù)中。q在“蝴蝶”圖層上插入一個(gè)新的圖層，改名為“背景”，將“背景”圖層拖動(dòng)到“蝴蝶”圖層之下。q點(diǎn)擊“背景”圖層第1幀，將庫(kù)中元件“蝴蝶飛舞背景”拖動(dòng)到舞臺(tái)上，對(duì)齊面板，匹配寬高，單擊“背景”圖層第120幀插入幀，時(shí)間軸如圖q按【Ctrl+Enter】鍵播放文檔。q菜單上，文件保存。q鏡像跳動(dòng)的字母q【實(shí)例說(shuō)明實(shí)例說(shuō)明】字母“Flash”上下跳動(dòng)的同時(shí)，它的鏡像字母也隨之跳動(dòng)。q【技術(shù)要點(diǎn)技術(shù)要點(diǎn)】主要使用對(duì)象的Alpha顏色屬性設(shè)置和翻轉(zhuǎn)操作創(chuàng)建倒影效果，然后利用影片剪輯元件來(lái)創(chuàng)建跳動(dòng)動(dòng)畫效果。q啟動(dòng)Flash ，菜單

9、上，文件另存為，在“另存為”的對(duì)話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：鏡像跳動(dòng)的字母.fla，點(diǎn)擊“保存”按鈕。q菜單上，修改文檔，打開“文檔屬性”對(duì)話框，設(shè)置文檔尺寸為300px400px，背景顏色為藍(lán)色（#3399FF），幀頻為12fps，點(diǎn)擊“確定”按鈕。q菜單上，插入新建元件，打開“創(chuàng)建新元件”對(duì)話框，在名稱后輸入：F，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“F”影片剪輯編輯窗口。q鼠標(biāo)選擇工具箱中“文本工具”，點(diǎn)擊“屬性”按鈕，打開“屬性”面板，設(shè)置字體為Arial Black，字體顏色為白色，大小為70，粗體顯示，選靜態(tài)文字，在舞臺(tái)上添加文字“F” 。q選

10、擇工具箱中的箭頭工具，單擊選中舞臺(tái)上的字母F，點(diǎn)擊舞臺(tái)左下方的“屬性”按鈕，在打開的“屬性”面板上，設(shè)置字母F的坐標(biāo)為X:0，Y:0。q菜單上，修改轉(zhuǎn)換為元件，打開“轉(zhuǎn)換為元件”對(duì)話框，在名稱后輸入：字母F，在行為后選擇“圖形” 。單擊“確定”按鈕完成轉(zhuǎn)換并返回“F”影片剪輯編輯窗口。q鼠標(biāo)右鍵單擊“圖層1”的第10幀插入關(guān)鍵幀，鼠標(biāo)右鍵單擊第20幀插入關(guān)鍵幀；然后鼠標(biāo)右鍵在第1幀上單擊創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫；鼠標(biāo)右鍵在第10幀上單擊創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。q在第10幀上，鼠標(biāo)單擊舞臺(tái)左下方“屬性”按鈕，打開“屬性”面板，單擊舞臺(tái)上的字母F，在屬性面板上，將字母F的Y坐標(biāo)由0更改為-100（將字母F向上移

11、動(dòng)100個(gè)象素。q單擊舞臺(tái)左上方的“場(chǎng)景1”按鈕，切換到場(chǎng)景編輯窗口。選擇工具箱中的矩形工具，設(shè)置描繪顏色為無(wú)，填充顏色為深藍(lán)色（#3100CE），在舞臺(tái)下方繪制一個(gè)矩形，如圖1所示。q庫(kù)面板中拖動(dòng)兩次F影片剪輯元件到舞臺(tái)上，創(chuàng)建F影片剪輯的兩個(gè)實(shí)例，用鼠標(biāo)選中其中一個(gè)，菜單上，修改變形垂直翻轉(zhuǎn)。點(diǎn)擊舞臺(tái)左下方的“屬性”按鈕，打開“屬性”面板，在“顏色”后面的列表框中選擇“Alpha”，再將它的值設(shè)置為45%，調(diào)整舞臺(tái)上兩個(gè)字母F元件對(duì)象的位置，如圖2所示。q【實(shí)例說(shuō)明】雨點(diǎn)紛紛落下。q【技術(shù)要點(diǎn)】首先做一個(gè)雨點(diǎn)的影片剪輯，然后再用另一個(gè)影片剪輯做很多雨點(diǎn)的落下效果。加黑色的圖層做背景。q啟動(dòng)

12、Flash ，菜單上，文件另存為，在“另存為”的對(duì)話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：下大雨.fla，點(diǎn)擊“保存”按鈕。q菜單上，修改文檔，打開“文檔屬性”對(duì)話框，設(shè)置文檔尺寸為550px400px，背景顏色為藍(lán)色（#3399FF），幀頻為12fps，點(diǎn)擊“確定”按鈕。q菜單上，插入新建元件，打開“創(chuàng)建新元件”對(duì)話框，在名稱后輸入：一個(gè)雨點(diǎn)，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“一個(gè)雨點(diǎn)”影片剪輯編輯窗口。q鼠標(biāo)選擇工具箱中“橢圓工具”，筆觸顏色為無(wú)填充，填充顏色為白色，在舞臺(tái)上第一幀畫白色橢圓。任意變形工具，使之稍微傾斜如圖。q右鍵轉(zhuǎn)換為元件，打開“轉(zhuǎn)換為元件”

13、對(duì)話框，在名稱后輸入：雨滴，在行為后選擇“圖形”，單擊“確定”按鈕完成轉(zhuǎn)換。q鼠標(biāo)右鍵單擊“圖層1”的第6幀插入關(guān)鍵幀，按方向移動(dòng)雨滴到舞臺(tái)下方。然后鼠標(biāo)右鍵中間任意幀上單擊創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。q單擊舞臺(tái)左上方的“場(chǎng)景1”按鈕，切換到場(chǎng)景編輯窗口。菜單上，插入新建元件，打開“創(chuàng)建新元件”對(duì)話框，在名稱后輸入：大雨，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“大雨”影片剪輯編輯窗口。q在圖層1的第一幀舞臺(tái)上，及其舞臺(tái)上方從庫(kù)面板中拖動(dòng)很多的“一個(gè)雨點(diǎn)”影片剪輯。q增加圖層2放在圖層1下面，在第一幀，選擇工具箱中的矩形工具，設(shè)置筆觸顏色為無(wú)，填充顏色為黑色，在舞臺(tái)上繪制一個(gè)大矩形做背景。q單擊

14、舞臺(tái)左上方的“場(chǎng)景1”按鈕，切換到場(chǎng)景編輯窗口。從庫(kù)面板中拖動(dòng)“大雨”影片剪輯到舞臺(tái)上。26qFlash cs4中的全新補(bǔ)間動(dòng)畫方式，能更靈活控制每幀的屬性，而且可以看到每個(gè)幀上的動(dòng)畫軌跡，這樣可創(chuàng)作出更加完美的補(bǔ)間動(dòng)畫。q能夠創(chuàng)建補(bǔ)間動(dòng)畫的對(duì)象包括按鈕、文字、圖形元件、影片剪輯。q傳統(tǒng)補(bǔ)間動(dòng)畫是由關(guān)鍵幀組成的，而補(bǔ)間動(dòng)畫則是由屬性關(guān)鍵幀組成的，屬性關(guān)鍵幀是以小菱形圖標(biāo)表示的。q但是補(bǔ)間動(dòng)畫的第一幀例外，還是以關(guān)鍵幀的形式表示，以黑圓點(diǎn)顯示。 27q手動(dòng)添加q創(chuàng)建補(bǔ)間動(dòng)畫，選擇添加屬性關(guān)鍵幀的位置，右擊鼠標(biāo)，在快捷菜單中選擇“插入關(guān)鍵幀”子菜單中的命令。q子菜單中的命令都代表了對(duì)動(dòng)畫對(duì)象的一種

15、屬性控制，其具體設(shè)置可以在“屬性”面板中完成。q自動(dòng)添加q當(dāng)鼠標(biāo)選擇所在位置沒有屬性關(guān)鍵幀的情況下，如果選中舞臺(tái)中的補(bǔ)間動(dòng)畫對(duì)象，并設(shè)置其屬性（如移動(dòng)位置、設(shè)置Alpha值及色調(diào)等），就可以自動(dòng)在當(dāng)前位置添加一個(gè)屬性關(guān)鍵幀。q刪除q選擇屬性關(guān)鍵幀，右擊鼠標(biāo)，在快捷菜單中選擇“清除關(guān)鍵幀”子菜單中的命令。q【實(shí)例說(shuō)明】雪花飄飄灑灑落下。q【技術(shù)要點(diǎn)】首先做一個(gè)雪的影片剪輯，然后再用另一個(gè)影片剪輯做很多雪花的緩緩落下效果。加黑色的圖層做背景。因?yàn)閯?dòng)畫是曲線，用補(bǔ)間動(dòng)畫來(lái)實(shí)現(xiàn)。q啟動(dòng)Flash ，菜單上，文件另存為，在“另存為”的對(duì)話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：下大雪.fla

16、，點(diǎn)擊“保存”按鈕。q菜單上，修改文檔，打開“文檔屬性”對(duì)話框，設(shè)置文檔尺寸為550px400px，背景顏色為藍(lán)色（#3399FF），幀頻為12fps，點(diǎn)擊“確定”按鈕。q菜單上，插入新建元件，打開“創(chuàng)建新元件”對(duì)話框，在名稱后輸入：一個(gè)雨點(diǎn)，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“一個(gè)雪”影片剪輯編輯窗口。q鼠標(biāo)選擇工具箱中“橢圓工具”，筆觸顏色為無(wú)填充，填充顏色為最后一行第2個(gè)黑白漸變色，按shift畫圓，用顏料桶點(diǎn)中心。如圖。q右鍵轉(zhuǎn)換為圖形元件，單擊“確定”按鈕完成轉(zhuǎn)換。q選中第1幀，創(chuàng)建補(bǔ)間動(dòng)畫，分別在第25、50幀插入屬性關(guān)鍵幀，選全部，改變雪花的位置，將軌跡用箭頭改成弧

17、形。q單擊舞臺(tái)左上方的“場(chǎng)景1”按鈕，切換到場(chǎng)景編輯窗口。菜單上，插入新建元件，打開“創(chuàng)建新元件”對(duì)話框，在名稱后輸入：大雪，行為選擇“影片剪輯”，單擊“確定”按鈕，打開元件“大雪”影片剪輯編輯窗口。q在圖層1的第一幀舞臺(tái)上，及其舞臺(tái)上方從庫(kù)面板中拖動(dòng)很多的“一個(gè)雪”影片剪輯。q增加圖層2放在圖層1下面，在第一幀，選擇工具箱中的矩形工具，設(shè)置筆觸顏色為無(wú)，填充顏色為黑色，在舞臺(tái)上繪制一個(gè)大矩形做背景。q單擊舞臺(tái)左上方的“場(chǎng)景1”按鈕，切換到場(chǎng)景編輯窗口。從庫(kù)面板中拖動(dòng)“大雪”影片剪輯到舞臺(tái)上。q在主時(shí)間軸上，選擇您想使用的舞臺(tái)上動(dòng)畫的每一層中的每一幀。按Shift+所有幀，選中所有幀，然后，右

18、鍵選擇“復(fù)制幀”。q選擇“插入”“新建元件，在“創(chuàng)建新元件”對(duì)話框中，給該元件命名。 行為選擇“影片剪輯”，然后單擊“確定”。qFlash 會(huì)在元件編輯模式下打開一個(gè)新元件來(lái)編輯。q在時(shí)間軸上，單擊第 1 層上的第 1 幀，然后選擇右鍵“粘貼幀”。q單擊舞臺(tái)上方信息欄內(nèi)的場(chǎng)景名稱，返回。q作業(yè)作業(yè) 4.1 拍皮球q作業(yè)作業(yè) 4.1 拍皮球時(shí)間軸q作業(yè)作業(yè) 4.2 飛舞的蝴蝶q作業(yè)作業(yè)4.3 鏡像跳動(dòng)的字母q作業(yè)作業(yè) 4.4用影片剪輯創(chuàng)建用影片剪輯創(chuàng)建“下大下大雨，下大雪雨，下大雪”的動(dòng)畫的動(dòng)畫q使用影片剪輯元件創(chuàng)建一顆雨滴落下的動(dòng)畫效果，然后在主場(chǎng)景的同一幀中添加多個(gè)影片剪輯元件，從而實(shí)現(xiàn)同一時(shí)刻多顆雨滴落下的動(dòng)畫效果。q作業(yè)作業(yè) 4.4用影片剪輯創(chuàng)建用影片剪輯創(chuàng)建“下大下大雨，下大雪雨，下大雪”的動(dòng)畫的動(dòng)畫q使用影片剪輯元件創(chuàng)建一顆雪滴落下的動(dòng)畫效果，然后在主場(chǎng)景的同一幀中添加多個(gè)影片剪輯元件，從而實(shí)現(xiàn)同一時(shí)