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

FLASH商務(wù)應(yīng)用

四、音頻、影片剪輯、補(bǔ)間動(dòng)畫(huà)上節(jié)課回顧掌握逐幀動(dòng)畫(huà)制作方法和技巧。掌握傳統(tǒng)補(bǔ)間動(dòng)畫(huà)和形狀補(bǔ)間動(dòng)畫(huà)的方法和技巧。一、【目的】學(xué)會(huì)不同元件在不同圖層設(shè)計(jì)傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。掌握為動(dòng)畫(huà)添加音頻的技巧和方法，掌握聲音參數(shù)設(shè)置的各個(gè)含義。掌握影片剪輯（MovieClip）的創(chuàng)作方法以及在動(dòng)畫(huà)創(chuàng)作中的意義二、【重點(diǎn)】

【重點(diǎn)】1．動(dòng)畫(huà)中音頻的添加方法及參數(shù)的設(shè)置。2．影片剪輯的含義及創(chuàng)建方法。3．彩蝶習(xí)舞動(dòng)畫(huà)制作4.補(bǔ)間動(dòng)畫(huà)【難點(diǎn)】影片剪輯動(dòng)畫(huà)與場(chǎng)景中動(dòng)畫(huà)在時(shí)間軸上的協(xié)調(diào)。

實(shí)例4.1—拍皮球-音頻的添加【實(shí)例說(shuō)明】【實(shí)例說(shuō)明】本例制作拍皮球的動(dòng)畫(huà)，同時(shí)添加聲音效果。【技術(shù)要點(diǎn)】使用補(bǔ)間動(dòng)畫(huà)創(chuàng)建小球落下與彈起的動(dòng)畫(huà)效果；使用壓縮變形創(chuàng)建小球落地時(shí)的碰撞效果；導(dǎo)入聲音文件為小球落地添加音效。課堂示例1:關(guān)鍵步驟啟動(dòng)FlashCS4，菜單上，文件

另存為，在“另存為”的對(duì)話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：拍皮球.fla，點(diǎn)擊“保存”按鈕。菜單上，插入

新建元件，打開(kāi)“創(chuàng)建元新件”對(duì)話框，在名稱后輸入“皮球”，行為后選擇“圖形”，單擊“確定”按鈕，打開(kāi)“皮球”元件編輯窗口。用工具箱中的繪圖工具，按圖1所示繪制皮球。菜單上，文件

導(dǎo)入庫(kù),打開(kāi)“導(dǎo)入到庫(kù)”對(duì)話框。在該對(duì)話框中選擇準(zhǔn)備好的皮球落地的聲音文件pa.wav，然后按“打開(kāi)”按鈕，將其導(dǎo)入到庫(kù)面板中，如圖2所示課堂示例1:關(guān)鍵步驟在庫(kù)面板中雙擊聲音對(duì)象的圖標(biāo)，打開(kāi)“聲音屬性”對(duì)話框，如圖1所示。在該對(duì)話框中可以查看聲音文件的屬性，從屬性中可以了解到聲音長(zhǎng)度為1.1秒。單擊“確定”按鈕關(guān)閉該對(duì)話框。從庫(kù)面板中將“皮球”元件拖動(dòng)到舞臺(tái)上，調(diào)整其位置和大小課堂示例1:關(guān)鍵步驟用鼠標(biāo)右鍵單擊第6幀

插入關(guān)鍵幀，用鼠標(biāo)右鍵中間的任意1幀

創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)單擊“圖層1”的第6幀的皮球，按SHIFT鍵，在舞臺(tái)上將皮球向下移動(dòng)。右鍵單擊第8幀

插入關(guān)鍵幀，在舞臺(tái)上調(diào)整皮球位置與第6幀中的相同，選擇工具箱中的任意變形工具，然后單擊第8幀舞臺(tái)上的皮球，調(diào)整句柄將皮球稍微壓扁。用鼠標(biāo)右鍵單擊第12幀

插入關(guān)鍵幀，用鼠標(biāo)右鍵中間的任意1幀

創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。此時(shí)，時(shí)間軸窗口如圖1所示課堂示例1:關(guān)鍵步驟單擊第12幀，將該幀對(duì)應(yīng)舞臺(tái)上的皮球稍微向下移動(dòng)，使得皮球反彈高度小于初始高度在“圖層1”之上新建“圖層2”，將“圖層2”更名為“音效”，如圖1所示。用鼠標(biāo)右鍵單擊“音效”圖層第6幀

插入空白關(guān)鍵幀，如圖2所示單擊“音效”圖層第6幀，從庫(kù)面板中將聲音文件pa.wav拖動(dòng)到舞臺(tái)上。在“音效”層從第6幀開(kāi)始有聲音的波形線，主要聲音在第6幀到第10幀，而實(shí)際上，應(yīng)該到第12幀，因?yàn)樵撘粜У拈L(zhǎng)度是1.1秒，即有聲音的幀應(yīng)該是7秒（因?yàn)楸疚臋n的幀頻是6fps）。按【Ctrl+Enter】鍵播放文檔，在皮球落地時(shí)可以聽(tīng)到“啪”的一聲響。菜單上，文件

保存。

六、實(shí)例3—【創(chuàng)作步驟】創(chuàng)建“蝴蝶”振翅的影片剪輯元件在舞臺(tái)上創(chuàng)建影片剪輯動(dòng)作動(dòng)畫(huà)“影片剪輯”步驟菜單上，插入

新建元件，打開(kāi)“創(chuàng)建新元件”對(duì)話框。在名稱后輸入影片剪輯名稱，行為選擇“影片剪輯”，按“確定”按鈕，打開(kāi)影片剪輯編輯窗口,做動(dòng)畫(huà)。實(shí)例4.2—蝴蝶飛舞實(shí)例4.2—【實(shí)例說(shuō)明】一只蝴蝶在花叢中自由飛翔。【技術(shù)要點(diǎn)】本例主要利用影片剪輯元件來(lái)創(chuàng)建蝴蝶揮動(dòng)翅膀的動(dòng)畫(huà)效果，然后在主場(chǎng)景中使用影片剪輯創(chuàng)建移動(dòng)動(dòng)畫(huà)效果。課堂示例2:關(guān)鍵步驟雙擊彩蝶飛舞.fla，庫(kù)中有彩蝶1，彩蝶2兩個(gè)元件。創(chuàng)建“影片剪輯”：菜單上，插入

新建元件，打開(kāi)“創(chuàng)建新元件”對(duì)話框。在名稱后輸入“蝴蝶飛舞剪輯”，行為后選擇“影片剪輯”，按“確定”按鈕，打開(kāi)影片剪輯編輯窗口,這個(gè)窗口與以前的元件編輯窗口是一樣的。菜單上，窗口

庫(kù)，打開(kāi)庫(kù)面板。鼠標(biāo)點(diǎn)擊第1幀，然后，將庫(kù)中元件“蝴蝶1”拖動(dòng)到舞臺(tái)上；鼠標(biāo)右鍵單擊第3幀

插入空白關(guān)鍵幀，再將庫(kù)中元件“蝴蝶2”拖動(dòng)到舞臺(tái)上，調(diào)整元件“蝴蝶-2”的位置（窗口/對(duì)齊/相對(duì)于舞臺(tái)/水平中齊，垂直中齊），使其身體（不是翅膀）與第一幀中元件“蝴蝶-1”的身體位置相同?！昂w舞剪輯”制作完成。單擊時(shí)間軸窗口左下方的“場(chǎng)景1”按鈕切換到場(chǎng)景編輯窗口。菜單上，修改

文檔，打開(kāi)“文檔屬性”對(duì)話框，設(shè)置文檔尺寸為500×300,背景顏色為白色，幀頻為12fps，單擊“確定”按鈕。將“圖層1”改名為“蝴蝶”鼠標(biāo)單擊第1幀，將庫(kù)中的元件“蝴蝶飛舞剪輯”拖動(dòng)到舞臺(tái)上，點(diǎn)擊舞臺(tái)左下方的“屬性”按鈕，打開(kāi)“屬性”面板，設(shè)置對(duì)象的大小和位置為：寬39.2,高38.1；X:512.2,Y:0.8。課堂示例2:關(guān)鍵步驟鼠標(biāo)右鍵單擊第30幀

插入關(guān)鍵幀，將舞臺(tái)上的“蝴蝶飛舞剪輯”拖動(dòng)到舞臺(tái)左側(cè)外邊。鼠標(biāo)右鍵單擊第31幀

插入關(guān)鍵幀，菜單上，修改

變形

水平翻轉(zhuǎn)。鼠標(biāo)右鍵單擊第60幀

插入關(guān)鍵幀，將舞臺(tái)上的“蝴蝶飛舞剪輯”拖動(dòng)到舞臺(tái)右下角外。鼠標(biāo)右鍵單擊第61幀

插入關(guān)鍵幀，菜單上，修改

變形

水平翻轉(zhuǎn)右鍵單擊第90幀

插入關(guān)鍵幀，將舞臺(tái)上的“蝴蝶飛舞剪輯”拖動(dòng)到舞臺(tái)內(nèi)部(X:84.3,Y:39.7，注意：此處有一朵花，蝴蝶正是停在此花上)，如圖4-21所示。鼠標(biāo)右鍵單擊第120幀

插入幀鼠標(biāo)右鍵分別在第5、35、65幀上單擊

創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。菜單上，文件

導(dǎo)入到庫(kù)，打開(kāi)“導(dǎo)入到庫(kù)”對(duì)話框，在此對(duì)話框中找到

“蝴蝶飛舞背景.jpg”文件，點(diǎn)擊“打開(kāi)”按鈕，此文件進(jìn)行庫(kù)中。在“蝴蝶”圖層上插入一個(gè)新的圖層，改名為“背景”，將“背景”圖層拖動(dòng)到“蝴蝶”圖層之下。課堂示例2:關(guān)鍵步驟點(diǎn)擊“背景”圖層第1幀，將庫(kù)中元件“蝴蝶飛舞背景”拖動(dòng)到舞臺(tái)上，對(duì)齊面板，匹配寬高，單擊“背景”圖層第120幀

插入幀，時(shí)間軸如圖按【Ctrl+Enter】鍵播放文檔。菜單上，文件

保存。

實(shí)例4-3鏡像跳動(dòng)的字母鏡像跳動(dòng)的字母【實(shí)例說(shuō)明】字母“Flash”上下跳動(dòng)的同時(shí)，它的鏡像字母也隨之跳動(dòng)。【技術(shù)要點(diǎn)】主要使用對(duì)象的Alpha顏色屬性設(shè)置和翻轉(zhuǎn)操作創(chuàng)建倒影效果，然后利用影片剪輯元件來(lái)創(chuàng)建跳動(dòng)動(dòng)畫(huà)效果。課堂示例3:關(guān)鍵步驟啟動(dòng)Flash，菜單上，文件

另存為，在“另存為”的對(duì)話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：鏡像跳動(dòng)的字母.fla，點(diǎn)擊“保存”按鈕。菜單上，修改

文檔，打開(kāi)“文檔屬性”對(duì)話框，設(shè)置文檔尺寸為300px×400px，背景顏色為藍(lán)色（#3399FF），幀頻為12fps，點(diǎn)擊“確定”按鈕。菜單上，插入

新建元件，打開(kāi)“創(chuàng)建新元件”對(duì)話框，在名稱后輸入：F，行為選擇“影片剪輯”，單擊“確定”按鈕，打開(kāi)元件“F”影片剪輯編輯窗口。鼠標(biāo)選擇工具箱中“文本工具”，點(diǎn)擊“屬性”按鈕，打開(kāi)“屬性”面板，設(shè)置字體為ArialBlack，字體顏色為白色，大小為70，粗體顯示，選靜態(tài)文字，在舞臺(tái)上添加文字“F”

。選擇工具箱中的箭頭工具，單擊選中舞臺(tái)上的字母F，點(diǎn)擊舞臺(tái)左下方的“屬性”按鈕，在打開(kāi)的“屬性”面板上，設(shè)置字母F的坐標(biāo)為X:0，Y:0。菜單上，修改

轉(zhuǎn)換為元件，打開(kāi)“轉(zhuǎn)換為元件”對(duì)話框，在名稱后輸入：字母F，在行為后選擇“圖形”。單擊“確定”按鈕完成轉(zhuǎn)換并返回“F”影片剪輯編輯窗口。課堂示例3:關(guān)鍵步驟鼠標(biāo)右鍵單擊“圖層1”的第10幀

插入關(guān)鍵幀，鼠標(biāo)右鍵單擊第20幀

插入關(guān)鍵幀；然后鼠標(biāo)右鍵在第1幀上單擊

創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)；鼠標(biāo)右鍵在第10幀上單擊

創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。在第10幀上，鼠標(biāo)單擊舞臺(tái)左下方“屬性”按鈕，打開(kāi)“屬性”面板，單擊舞臺(tái)上的字母F，在屬性面板上，將字母F的Y坐標(biāo)由0更改為-100（將字母F向上移動(dòng)100個(gè)象素。單擊舞臺(tái)左上方的“場(chǎng)景1”按鈕，切換到場(chǎng)景編輯窗口。選擇工具箱中的矩形工具，設(shè)置描繪顏色為無(wú)，填充顏色為深藍(lán)色（#3100CE），在舞臺(tái)下方繪制一個(gè)矩形，如圖1所示。庫(kù)面板中拖動(dòng)兩次F影片剪輯元件到舞臺(tái)上，創(chuàng)建F影片剪輯的兩個(gè)實(shí)例，用鼠標(biāo)選中其中一個(gè)，菜單上，修改

變形

垂直翻轉(zhuǎn)。點(diǎn)擊舞臺(tái)左下方的“屬性”按鈕，打開(kāi)“屬性”面板，在“顏色”后面的列表框中選擇“Alpha”，再將它的值設(shè)置為45%，調(diào)整舞臺(tái)上兩個(gè)字母F元件對(duì)象的位置，如圖2所示。

實(shí)例4-4-1下大雨下大雨

【實(shí)例說(shuō)明】雨點(diǎn)紛紛落下?！炯夹g(shù)要點(diǎn)】首先做一個(gè)雨點(diǎn)的影片剪輯，然后再用另一個(gè)影片剪輯做很多雨點(diǎn)的落下效果。加黑色的圖層做背景。課堂示例4-1:關(guān)鍵步驟啟動(dòng)Flash，菜單上，文件

另存為，在“另存為”的對(duì)話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：下大雨.fla，點(diǎn)擊“保存”按鈕。菜單上，修改

文檔，打開(kāi)“文檔屬性”對(duì)話框，設(shè)置文檔尺寸為550px×400px，背景顏色為藍(lán)色（#3399FF），幀頻為12fps，點(diǎn)擊“確定”按鈕。菜單上，插入

新建元件，打開(kāi)“創(chuàng)建新元件”對(duì)話框，在名稱后輸入：一個(gè)雨點(diǎn)，行為選擇“影片剪輯”，單擊“確定”按鈕，打開(kāi)元件“一個(gè)雨點(diǎn)”影片剪輯編輯窗口。鼠標(biāo)選擇工具箱中“橢圓工具”，筆觸顏色為無(wú)填充，填充顏色為白色，在舞臺(tái)上第一幀畫(huà)白色橢圓。任意變形工具，使之稍微傾斜如圖。右鍵轉(zhuǎn)換為元件，打開(kāi)“轉(zhuǎn)換為元件”對(duì)話框，在名稱后輸入：雨滴，在行為后選擇“圖形”，單擊“確定”按鈕完成轉(zhuǎn)換。課堂示例4-1:關(guān)鍵步驟鼠標(biāo)右鍵單擊“圖層1”的第6幀

插入關(guān)鍵幀，按方向移動(dòng)雨滴到舞臺(tái)下方。然后鼠標(biāo)右鍵中間任意幀上單擊

創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。單擊舞臺(tái)左上方的“場(chǎng)景1”按鈕，切換到場(chǎng)景編輯窗口。菜單上，插入

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

26補(bǔ)間動(dòng)畫(huà)Flashcs4中的全新補(bǔ)間動(dòng)畫(huà)方式，能更靈活控制每幀的屬性，而且可以看到每個(gè)幀上的動(dòng)畫(huà)軌跡，這樣可創(chuàng)作出更加完美的補(bǔ)間動(dòng)畫(huà)。能夠創(chuàng)建補(bǔ)間動(dòng)畫(huà)的對(duì)象包括按鈕、文字、圖形元件、影片剪輯。傳統(tǒng)補(bǔ)間動(dòng)畫(huà)是由關(guān)鍵幀組成的，而補(bǔ)間動(dòng)畫(huà)則是由屬性關(guān)鍵幀組成的，屬性關(guān)鍵幀是以小菱形圖標(biāo)表示的。但是補(bǔ)間動(dòng)畫(huà)的第一幀例外，還是以關(guān)鍵幀的形式表示，以黑圓點(diǎn)顯示。27添加屬性關(guān)鍵幀手動(dòng)添加創(chuàng)建補(bǔ)間動(dòng)畫(huà)，選擇添加屬性關(guān)鍵幀的位置，右擊鼠標(biāo)，在快捷菜單中選擇“插入關(guān)鍵幀”子菜單中的命令。子菜單中的命令都代表了對(duì)動(dòng)畫(huà)對(duì)象的一種屬性控制，其具體設(shè)置可以在“屬性”面板中完成。自動(dòng)添加當(dāng)鼠標(biāo)選擇所在位置沒(méi)有屬性關(guān)鍵幀的情況下，如果選中舞臺(tái)中的補(bǔ)間動(dòng)畫(huà)對(duì)象，并設(shè)置其屬性（如移動(dòng)位置、設(shè)置Alpha值及色調(diào)等），就可以自動(dòng)在當(dāng)前位置添加一個(gè)屬性關(guān)鍵幀。刪除選擇屬性關(guān)鍵幀，右擊鼠標(biāo)，在快捷菜單中選擇“清除關(guān)鍵幀”子菜單中的命令。實(shí)例4-4-2下大雪下大雪【實(shí)例說(shuō)明】雪花飄飄灑灑落下?！炯夹g(shù)要點(diǎn)】首先做一個(gè)雪的影片剪輯，然后再用另一個(gè)影片剪輯做很多雪花的緩緩落下效果。加黑色的圖層做背景。因?yàn)閯?dòng)畫(huà)是曲線，用補(bǔ)間動(dòng)畫(huà)來(lái)實(shí)現(xiàn)。課堂示例4-1:關(guān)鍵步驟啟動(dòng)Flash，菜單上，文件

另存為，在“另存為”的對(duì)話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：下大雪.fla，點(diǎn)擊“保存”按鈕。菜單上，修改

文檔，打開(kāi)“文檔屬性”對(duì)話框，設(shè)置文檔尺寸為550px×400px，背景顏色為藍(lán)色（#3399FF），幀頻為12fps，點(diǎn)擊“確定”按鈕。菜單上，插入

新建元件，打開(kāi)“創(chuàng)建新元件”對(duì)話框，在名稱后輸入：一個(gè)雨點(diǎn)，行為選擇“影片剪輯”，單擊“確定”按鈕，打開(kāi)元件“一個(gè)雪”影片剪輯編輯窗口。鼠標(biāo)選擇工具箱中“橢圓工具”，筆觸顏色為無(wú)填充，填充顏色為最后一行第2個(gè)黑白漸變色，按shift畫(huà)圓，用顏料桶點(diǎn)中心。如圖。右鍵轉(zhuǎn)換為圖形元件，單擊“確定”按鈕完成轉(zhuǎn)換。課堂示例4-1:關(guān)鍵步驟選中第1幀，創(chuàng)建補(bǔ)間動(dòng)畫(huà)，分別在第25、50幀插入屬性關(guān)鍵幀，選全部，改變雪花的位置，將軌跡用箭頭改成弧形。單擊舞臺(tái)左上方的“場(chǎng)景1”按鈕，切換到場(chǎng)景編輯窗口。菜單上，插入

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

如何將一個(gè)舞臺(tái)上的動(dòng)畫(huà)轉(zhuǎn)變成為影片剪輯？在主時(shí)間軸上，選擇您想使用的舞臺(tái)上動(dòng)畫(huà)的每一層中的每一幀。按Shift+所有幀，選中所有幀，然后，