Flash CC動畫設(shè)計與制作課件：Flash CC聲音和視頻

FlashCC動畫設(shè)計與制作FlashCC聲音和視頻教學(xué)目標(biāo)1.掌握如何在FlashCC中使用聲音。2.掌握如何在FlashCC中編輯聲音。3.掌握如何在FlashCC中導(dǎo)入視頻。教學(xué)內(nèi)容：

本章主要學(xué)習(xí)制作FlashCC聲音和視頻，利用這些工具可以在影片中添加聲音。本章采用動畫案例詳細(xì)分析在FlashCC中使用聲音、在FlashCC中編輯聲音、FlashCC中導(dǎo)入視頻、改視頻編輯屬性等基本動畫制作技巧，其中包括導(dǎo)入聲音、在幀中添加聲音等，這些內(nèi)容是利用FlashCC進行制作動畫創(chuàng)作的基礎(chǔ)，是必須熟練掌握的。目錄

7.1制作小獅子7.2制作跳遠(yuǎn)動畫7.3制作煙花視頻7.4制作籃球本章小結(jié)7.1制作小獅子

7.1.1案例描述

7.1.2制作步驟7.1.3案例小結(jié)7.1.4能力擴展7.1.1案例描述

本案例是制作獅子吼叫的動畫視頻，首先新建影片剪輯元件，然后在影片剪輯元件中制作獅子吼叫的動畫并添加音效，最后回到主場景并將影片剪輯導(dǎo)入完成。制作的過程主要使用線條工具、創(chuàng)建新元件等制作方法。

7.1.2制作步驟1.新建一個Flash空白文檔，選擇【修改】>【文檔】命令，打開“文檔設(shè)置”對話框，在對話框中將舞臺大小設(shè)置為“700*500像素”，如圖所示。

2.選擇【插入】>【新建元件】菜單命令，打開“創(chuàng)建新元件”對話框，然后在“名稱”文本框中輸入“獅子”，在“類型”下拉列表中選中“影片剪輯”選項，如圖所示。

3.完成后單擊按鈕進入影片剪輯“獅子”的編輯區(qū)中，將“素材\\7.1制作小獅子\小獅子.png”導(dǎo)入到編輯區(qū)中，如圖所示。4.在“時間軸”面板上單擊“新建圖層”按鈕，新建“圖層2”，使用“線條”工具在“圖層2”的第1幀處繪制小獅子的嘴巴，如圖所示。5、分別在“圖層1”、“圖層2”的第15幀處按下F5鍵插入幀，如圖所示。

6、在“圖層2”的第6幀處按下F7鍵，插入空白關(guān)鍵幀，然后繪制獅子嘴巴張開的形狀，并在“圖層2”的第11幀處按下F7鍵，插入空白關(guān)鍵幀，然后繪制獅子嘴巴張開的形狀，如圖所示。7、選擇【文件】>【導(dǎo)入】>【導(dǎo)入到庫】命令，將“素材\\7.1制作小獅子\sound1.wav”導(dǎo)入到“庫”面板中，新建“圖層3”選擇該層的第1幀，然后在“屬性”面板中的“名稱”下拉列表中選擇剛導(dǎo)入的聲音文件，如圖所示。8、單擊按鈕，返回主場景，選擇【執(zhí)行】>【導(dǎo)入】>【導(dǎo)入到舞臺】命令，將“素材>>背景.jpg”導(dǎo)入到舞臺中，新建“圖層2”，從“庫”面板中將影片剪輯“小獅子”拖曳到舞臺上，如圖所示9、新建“圖層3”，將其拖曳到“圖層2”的下方，然后使用“橢圓工具”繪制一個無邊框，填充為透明淺灰色（紅：51，綠：51，藍：51，A：70%）的橢圓，保存動畫文件，然后按Ctrl+Enter組合鍵測試效果，如圖所示。

7.1.3案例小結(jié)——在Flash動畫中導(dǎo)入聲音的運用

本案例主要是學(xué)會在Flash動畫中導(dǎo)入聲音，在影片剪輯元件中制作獅子吼叫的動畫并添加音效。7.1.4能力擴展

綜合運用前面所學(xué)的知識，通過在Flash動畫中導(dǎo)入聲音，運用線條工具、導(dǎo)入聲音等方法，在影片剪輯元件中制作老虎的吼叫動畫并添加音效。7.2制作跳遠(yuǎn)動畫

7.2.1案例描述

7.2.2制作步驟7.2.3案例小結(jié)7.2.4能力擴展7.2.1案例描述

本案例制作一個跳遠(yuǎn)的動畫，在跳遠(yuǎn)的同時伴有風(fēng)吹過的聲音，并且風(fēng)聲逐漸變大。

7.2.2制作步驟1.新建一個Flash空白文檔，選擇【修改】>【文檔】命令，打開“文檔設(shè)置”對話框，在對話框中將舞臺大小設(shè)置為“550*300像素”，設(shè)置幀頻為“6fps”，選擇【文件】>【導(dǎo)入】>【導(dǎo)入到舞臺】命令，將“素材\\7.2制作跳遠(yuǎn)動畫\夜景.jpg”導(dǎo)入到舞臺，并調(diào)整至舞臺大小尺寸，如圖所示。

2.單擊“時間軸”面板上的“新建圖層”，插入“圖層2”，然后選中“圖層2”的第1-8幀，按F7鍵，插入空白關(guān)鍵幀，接著在“圖層1”的第8幀處插入幀，選中“圖層2”的第1幀，選擇【文件】>【導(dǎo)入】>【導(dǎo)入到庫】命令，將“素材\\7.2制作跳遠(yuǎn)動畫\jump1-8.jpg”導(dǎo)入到庫中，如圖所示。

7.2.2制作步驟3.選中“庫”面板中的jump1.jpg，然后按住鼠標(biāo)左鍵，將其拖曳到舞臺的對應(yīng)位置，然后選中“圖層2”的第2幀處，選中“庫”面板中的jump2.png，并將其拖曳到舞臺的對應(yīng)位置，如圖所示。

4.選中“圖層2”的第3幀，選中“庫”面板中的“jump3.png”，并將其拖曳到舞臺的相對應(yīng)位置，再選中“圖層2”的第3幀，選中“庫”面板中的“jump4.png”，并將其拖曳到舞臺的相對應(yīng)位置，如圖所示。

7.2.2制作步驟5.使用同樣的方式，將“庫”面板中的圖像，按順序拖曳到剩余空白關(guān)鍵幀的對應(yīng)位置，如圖所示。

6.選擇【文件】>【導(dǎo)入】>【導(dǎo)入到庫】命令，將“素材\\7.2制作跳遠(yuǎn)動畫\sound2.mp3”導(dǎo)入到“庫”面板中，新建“圖層3”，選擇該層的第1幀，然后在“屬性”面板中的“名稱”下拉列表中選擇剛導(dǎo)入的聲音文件，在“屬性”面板的“效果”下拉列表框中選擇“淡入”選項，如圖所示。7、保存動畫文件，然后按Ctrl+Enter組合鍵測試效果。

7.2.3案例小結(jié)——在Flash動畫中導(dǎo)入聲音的運用

本案例主要是學(xué)會在Flash動畫中編輯聲音，在影片剪輯元件中制作跳遠(yuǎn)的動畫并添加音效。7.2.4能力擴展

通過在Flash動畫中編輯聲音，在影片剪輯元件中制作袋鼠跳躍動畫并添加音效。7.3制作煙花視頻7.3.1案例描述

7.3.2制作步驟7.3.3案例小結(jié)7.3.4能力擴展7.3.1案例描述

本案例制作煙花視頻，內(nèi)嵌視頻也稱為嵌入視頻，是指導(dǎo)入到Flash中的視頻文件。

7.3.2制作步驟1、新建一個Flash空白文檔，選擇【插入】>【新建元件】命令，彈出“創(chuàng)建新元件”對話框，接著在“名稱”中輸入“夜景”，選擇“元件類型”為“影片剪輯”。選擇【文件】>【導(dǎo)入】>【導(dǎo)入到舞臺】命令，將“素材\\7.3制作煙花視頻\城市夜景.gif”導(dǎo)入到舞臺中，如圖所示。2、回到主場景，新建“圖層2”，然后選擇【文件】>【導(dǎo)入】>【導(dǎo)入視頻】命令，打開“導(dǎo)入視頻”對話框，如圖所示。

7.3.2制作步驟3.單擊對話框中的“瀏覽”按鈕，在彈出的“打開”對話框中選擇一個視頻文件，單擊“打開”按鈕，確定視頻文件路徑，然后“導(dǎo)入視頻”窗口中勾選“在SWF中嵌入FLV并在時間軸中播放”選項，如圖所示。4、單擊“下一步”按鈕，進入“嵌入”步驟，單擊“下一步”按鈕，完成視頻導(dǎo)入，如圖7-30所示。然后單擊“完成”按鈕，視頻文件成功導(dǎo)入到舞臺中。

7.3.2制作步驟5、選擇【修改】>【文檔】命令，在彈出的“文檔設(shè)置”窗口中激活“匹配內(nèi)容”按鈕，并單擊“確定”按鈕，使舞臺大小和導(dǎo)入視頻相匹配，然后選中導(dǎo)入視頻，按F8鍵將其轉(zhuǎn)換為“影片剪輯”元件，并命名為“煙花”。在視頻轉(zhuǎn)換為“影片剪輯”元件的過程中會彈出“為介質(zhì)添加幀”對話框，單擊“是”按鈕即可，如圖所示。6、選中“煙花”，然后在“屬性”面板中，設(shè)置“混合”為“濾色”，使視頻達到透明的效果，選中“圖層1”然后打開“庫”面板，選擇“夜景”元件，將其拖曳到舞臺的對應(yīng)位置，并將其調(diào)整至舞臺大小，如圖所示。

7.3.2制作步驟7、在“圖層1”第120幀的位置插入幀，然后新建一個圖層3，并將“圖層2”中的煙花復(fù)制到新建圖層3中，接著選擇【修改】>【變形】>【垂直翻轉(zhuǎn)】命令，將煙花翻轉(zhuǎn)作為其在水中的投影，如圖所示。8、將煙花調(diào)整至適合位置后，打開“屬性”面板，設(shè)置“色彩效果”為Alpha。保存動畫文件，然后按Ctrl+Enter組合鍵測試效果。

7.3.3案例小結(jié)——在Flash動畫中導(dǎo)入和編輯視頻

本案例主要是學(xué)會在Flash動畫中導(dǎo)入和編輯視頻，制作煙花視頻。7.3.4能力擴展

綜合運用前面所學(xué)的知識，通過在Flash動畫中導(dǎo)入和編輯視頻，制作氣球上升的動態(tài)并添加音效。7.4制作籃球7.4.1案例描述

7.4.2制作步驟7.4.3案例小結(jié)7.4.4能力擴展7.4.1案例描述

本例制作一個籃球在球場上彈跳的動畫，并伴有籃球拍打地板的聲音。

7.4.2制作步驟1、.新建一個Flash空白文檔，選擇【修改】>【文檔】命令，打開“文檔設(shè)置”對話框，在對話框中將舞臺大小設(shè)置為“600*400像素”，選擇【文件】>【導(dǎo)入】>【導(dǎo)入到庫】菜單命令，打開“素材\\7.4制作籃球\籃球場.jpg”導(dǎo)入到舞臺中，如圖所示。2、選擇【插入】>【新建元件】菜單命令，打開“創(chuàng)建新元件”對話框，然后在“名稱”文本框中輸入“藍球”，在“類型”下拉列表中選中“影片剪輯”選項，完成后單擊“確定”按鈕進入影片編輯“籃球”的編輯區(qū)中，將“素材\\7.4制作籃球\籃球.png”導(dǎo)入到編輯區(qū)中，如圖所示。

7.4.2制作步驟3、在“時間軸”的第20幀處插入關(guān)鍵幀，選擇“任意變形工具”將該幀處的籃球縱向縮小，然后在第1幀與第20幀之間創(chuàng)建補間動畫，在“時間軸”的第24幀處插入關(guān)鍵幀，選擇“任意變形工具”將該幀處的藍球恢復(fù)原始大小，然后在第20幀與第24幀之間創(chuàng)建動作補間動畫，如圖所示。

4、在“時間軸”的第40幀處插入關(guān)鍵幀，將該幀處的籃球向上移動，然后在第24幀與第40幀之間創(chuàng)建動作補間動畫，新建“圖層2”，將其拖曳到“圖層1”下方，選擇“橢圓工具”在籃球的下方繪制一個無邊框，填充色為淺灰色橢圓作為籃球的陰影，如圖所示。

7.4.2制作步驟5、選中繪制的橢圓，按F8鍵將其轉(zhuǎn)換為圖形元件，名稱保持默認(rèn)，選中陰影，在“屬性”面板中將其Alpha值設(shè)置為80%，在“圖層2”的第20幀處插入關(guān)鍵幀，選擇“任意變形工具”將該幀處的陰影橫向放大，然后在第1幀與第20幀之間創(chuàng)建動作補間動畫，如圖所示。6、在“圖層2”的第24幀處插入關(guān)鍵幀，選擇“任意變形工具”將該幀處的陰影橫向縮小一點，然后在第20幀與第24幀之間創(chuàng)建補間動畫，在“圖層2”的第40幀處插入關(guān)鍵幀，選擇“任意變形工具”將該幀處的陰影橫向縮小，然后在第24幀與第40幀之間創(chuàng)建補間動畫，如圖所示。

7.4.2制作步驟7、選擇【文件】>【導(dǎo)入】>【導(dǎo)入到庫】菜單命令，打開“素材\\7.4制作籃球\sound3.MP3”導(dǎo)入到“庫”面板中，新建“圖層3”，并將其重命名為“聲音”，然后選擇該層的第1幀，并在“屬性”面板的“名稱”下拉列表中選擇剛導(dǎo)入的聲音文件，如圖所示。8、單擊“場景1”按鈕，返回主場景，新建“圖層2”，從“庫”面板中將“籃球”影片剪輯元件拖曳到舞臺的對應(yīng)位置，保存動畫文件，然后按Ctrl+Enter組合鍵測試效果。

7.3.3案例小結(jié)——任意變形工具、補間動畫、Alpha值的運用

本案例主要是學(xué)會使用任意變形工具、補間動畫、Alpha值等功能，使用任意變形工具改變圖形的大小，并掌握Alpha改變圖片的透明度，在Flash動畫中導(dǎo)入聲音，制作籃球動畫。7.4.4能力擴展

通過使用“任意變形”工具、“補間動畫”工具等，在Flash中導(dǎo)入聲音，并制作乒乓球運動的動畫。7.4制作籃球7.4.1案例描述

7.4.2制作步驟7.4.3案例小結(jié)7.4.4能力擴展7.4.1案例描述

本例制作一個籃球在球場上彈跳的動畫，并伴有籃球拍打地板的聲音。

7.4.2制作步驟1、.新建一個Flash空白文檔，選擇【修改】>【文檔】命令，打開“文檔設(shè)置”對話框，在對話框中將舞臺大小設(shè)置為“600*400像素”，選擇【文件】>【導(dǎo)入】>【導(dǎo)入到庫】菜單命令，打開“素材\\7.4制作籃球\籃球場.jpg”導(dǎo)入到舞臺中，如圖所示。2、選擇【插入】>【新建元件】菜單命令，打開“創(chuàng)建新元件”對話框，然后在“名稱”文本框中輸入“藍球”，在“類型”下拉列表中選中“影片剪輯”選項，完成后單擊“確定”按鈕進