《Flash CS6動(dòng)畫制作案例教程》教學(xué)課件 008

工程八應(yīng)用外部素材應(yīng)用外部圖形與圖像應(yīng)用視頻應(yīng)用聲音任務(wù)一應(yīng)用外部圖形與圖像

任務(wù)說明要在動(dòng)畫中應(yīng)用外部圖形與圖像，需要先將其導(dǎo)入到Flash文檔中，并進(jìn)行適當(dāng)?shù)木庉?，本任?wù)中我們帶來讀者學(xué)習(xí)導(dǎo)入和編輯外部圖形與圖像的方法。預(yù)備知識(shí)一、FlashCS6支持的圖形與圖像支持的矢量圖形：Windows元文件〔擴(kuò)展名為.wmf〕、增強(qiáng)的Windows元文件〔擴(kuò)展名為.emf〕、AutoCADDXF文件〔擴(kuò)展名為.dxf〕、Illustrator文件〔擴(kuò)展名為.ai.、eps〕等格式的矢量圖形。支持的位圖圖像：BMP〔擴(kuò)展名為.bmp〕、JPEG〔擴(kuò)展名為.jpg〕、GIF〔擴(kuò)展名為.gif〕、PNG〔擴(kuò)展名為.png〕、PSD〔擴(kuò)展名為.psd〕等格式的圖像文件。二、導(dǎo)入圖形或圖像導(dǎo)入到當(dāng)前幀：選擇“文件〞>“導(dǎo)入〞>“導(dǎo)入到舞臺(tái)〞菜單項(xiàng)，或按快捷鍵【Ctrl+R】，翻開“導(dǎo)入〞對(duì)話框，然后選擇要導(dǎo)入的圖形或圖像，單擊“翻開〞按鈕，即可將所選圖形或圖像導(dǎo)入到當(dāng)前圖層的當(dāng)前幀上?！皩?dǎo)入〞對(duì)話框?qū)氲轿枧_(tái)的位圖導(dǎo)入到庫：選擇“文件〞>“導(dǎo)入〞>“導(dǎo)入到庫〞菜單，可將矢量圖形或位圖圖像導(dǎo)入到“庫〞面板中。三、編輯位圖1．別離位圖和選取位圖區(qū)域用戶可利用“套索工具〞選取位圖局部區(qū)域。需要注意的是，在選取位圖區(qū)域前需要先使用“選擇工具〞單擊選中位圖，然后按【Ctrl+B】組合鍵將其別離?！疤姿鞴ぞ擗曈小疤姿鳕?、“多邊形〞和“魔術(shù)棒〞3種模式，利用這3種模式都可以選取別離位圖的局部區(qū)域，但選取特點(diǎn)各不相同，下面分別介紹。使用“套索〞模式選取位圖區(qū)域“套索〞模式：“套索〞模式是“套索工具〞的默認(rèn)模式，使用該模式可以選擇任意位圖區(qū)域。選擇“套索工具〞后，在別離的位圖上單擊確定起點(diǎn)，按住鼠標(biāo)左鍵不放并沿要選取的區(qū)域拖動(dòng)，此時(shí)會(huì)出現(xiàn)一個(gè)黑色的軌跡，到與起始點(diǎn)集合后松開鼠標(biāo)，此時(shí)軌跡內(nèi)的圖像區(qū)域即被選取?！岸噙呅唯暷Ｊ剑骸岸噙呅唯暷Ｊ揭话阌糜谶x取比較規(guī)那么的圖形區(qū)域，例如方形、菱形和三角形等。選擇“套索工具〞，然后在工具箱“選項(xiàng)〞區(qū)中單擊“多邊形模式〞按鈕，在要選取區(qū)域的棱角處單擊確定區(qū)域邊緣頂點(diǎn)，最后在起點(diǎn)處雙擊，此時(shí)多邊形軌跡內(nèi)的圖像區(qū)域?qū)⒈贿x取。使用“多邊形〞模式選取位圖區(qū)域“魔術(shù)棒〞模式：利用“魔術(shù)棒〞模式可以選取圖像中顏色相近的區(qū)域。選擇“套索工具〞，在工具箱“選項(xiàng)〞區(qū)中單擊“魔術(shù)棒〞按鈕，然后將鼠標(biāo)移動(dòng)到要選取的位圖區(qū)域并單擊，即可選取與單擊位置顏色相近的區(qū)域。使用“魔術(shù)棒〞模式選取位圖區(qū)域2．將位圖轉(zhuǎn)換為矢量圖將位圖轉(zhuǎn)換為矢量圖形后，可以像編輯矢量圖形一樣對(duì)其進(jìn)行編輯。選擇要轉(zhuǎn)換為矢量圖形的位圖后，選擇“修改〞>“位圖〞>“轉(zhuǎn)換位圖為矢量圖〞菜單，在翻開的“轉(zhuǎn)換位圖為矢量圖〞對(duì)話框中設(shè)置參數(shù)，單擊“確定〞按鈕，等待一段時(shí)間后，即可將位圖轉(zhuǎn)換為矢量圖了。將位圖轉(zhuǎn)換為矢量圖顏色閾值：設(shè)置顏色之間的差值，范圍為1～500之間的整數(shù)。閾值越小，轉(zhuǎn)換后的圖形顏色越豐富，與原圖像差異越小。最小區(qū)域：范圍為1～1000之間的整數(shù)。值越小，轉(zhuǎn)化后的圖形與原圖像越接近。角閾值：設(shè)置是保存銳利邊緣〔顏色比照強(qiáng)烈的邊緣〕，還是進(jìn)行平滑處理，范圍從“較多轉(zhuǎn)角〞到“較少轉(zhuǎn)角〞。“較多轉(zhuǎn)角〞會(huì)保存原圖像的銳利邊緣。曲線擬合：設(shè)置轉(zhuǎn)換時(shí)如何平滑圖形輪廓線，“像素〞表示不平滑。3．從外部編輯位圖Flash是專業(yè)的動(dòng)畫制作軟件，雖然它也可以編輯位圖，但是具有一定的局限性，有時(shí)不能滿足我們的需要。此時(shí)，我們可使用專業(yè)的位圖編輯軟件對(duì)導(dǎo)入的位圖進(jìn)行編輯。從外部編輯位圖

若用戶的電腦中安裝了PhotoshopCS6，可在“庫”面板中右擊需要修改的位圖，在彈出的快捷菜單中選擇“PhotoshopCS6”菜單，啟動(dòng)該軟件對(duì)位圖進(jìn)行編輯；也可在彈出的快捷菜單中選擇“編輯方式…”菜單，在打開的“選擇外部編輯器”對(duì)話框中選擇一款位圖編輯軟件。在位圖編輯軟件中對(duì)位圖進(jìn)行修改并保存，切換回Flash中就會(huì)發(fā)現(xiàn)位圖已發(fā)生了變化。四、設(shè)置位圖輸出屬性在動(dòng)畫中使用位圖時(shí)，如果按下【Ctrl+Enter】鍵預(yù)覽動(dòng)畫，會(huì)發(fā)現(xiàn)某些位圖邊緣有鋸齒，影響位圖的美觀；此外，如果在Flash中過多使用了位圖，會(huì)發(fā)現(xiàn)動(dòng)畫體積變得很大。我們可通過設(shè)置位圖輸出屬性，來解決這兩個(gè)問題。設(shè)置位圖輸出屬性

在“庫”面板中右擊需要修改的位圖，在彈出的快捷菜單中選擇“屬性”菜單，打開“位圖屬性”對(duì)話框。在該對(duì)話框中選擇“允許平滑”復(fù)選框，可消除位圖邊緣的鋸齒；在“壓縮”下拉列表中選擇“照片（JPEG）”選項(xiàng)，再設(shè)置相應(yīng)的壓縮參數(shù)，單擊“測試”按鈕，從對(duì)話框底部可查看壓縮前和壓縮后的圖像大小?！皦嚎s〞下拉列表：選擇“照片〔JPEG〕〞選項(xiàng)，將以JPEG格式壓縮圖像，適用于具有復(fù)雜顏色或色調(diào)變化的圖像，例如具有漸變填充的照片或圖像；選擇“無損〔PNG/GIF〕〞選項(xiàng)，將使用無損壓縮格式壓縮圖像，這樣不會(huì)喪失圖像中的任何數(shù)據(jù)，適用于具有簡單形狀和較少顏色的圖像。“使用導(dǎo)入的JPEG數(shù)據(jù)〞單項(xiàng)選擇鈕：使用導(dǎo)入圖像的默認(rèn)壓縮品質(zhì)壓縮圖像。“自定義〞單項(xiàng)選擇鈕：在其后的編輯框中輸入的值越高〔1到100〕，圖像質(zhì)量越好，文件也會(huì)越大?！皢⒂媒鈮K〞復(fù)選框：勾選此復(fù)選框后，會(huì)減少由于低品質(zhì)設(shè)置導(dǎo)致的圖像失真。任務(wù)實(shí)施下面通過在Flash文檔中導(dǎo)入、編輯位圖，并創(chuàng)立引導(dǎo)和遮罩動(dòng)畫，制作廣告來學(xué)習(xí)在Flash動(dòng)畫中應(yīng)用外部位圖的方法。

本例主要是利用由外部導(dǎo)入的位圖制作傳統(tǒng)補(bǔ)間動(dòng)畫、路徑引導(dǎo)動(dòng)畫和遮罩動(dòng)畫來完成的。首先翻開素材文檔，導(dǎo)入背景和圖像并將圖像別離，然后利用“線條工具〞和“選擇工具〞繪制的輪廓線并刪除輪廓線外的位圖區(qū)域；最后利用傳統(tǒng)補(bǔ)間動(dòng)畫、路徑引導(dǎo)動(dòng)畫和遮罩動(dòng)畫創(chuàng)立廣告中的動(dòng)畫效果。本例具體操作可參考書中步驟。一、制作廣告動(dòng)畫廣告二、制作電影海報(bào)動(dòng)畫下面通過制作電影海報(bào)動(dòng)畫，學(xué)習(xí)PSD位圖在Flash中的應(yīng)用。

本例主要是通過導(dǎo)入PSD格式的位圖來實(shí)現(xiàn)的，首先新建一個(gè)文檔并導(dǎo)入psd格式的位圖，然后利用根據(jù)導(dǎo)入的位圖自動(dòng)生成的圖層和影片剪輯制作動(dòng)畫效果。本例具體操作可參考書中步驟。電影海報(bào)動(dòng)畫

任務(wù)二應(yīng)用視頻任務(wù)說明制作Flash動(dòng)畫時(shí)可以將外部視頻導(dǎo)入到動(dòng)畫中，例如在制作某些教學(xué)課件時(shí)，便可將相關(guān)的視頻參加到動(dòng)畫中，并由Flash控制視頻的播放，從而使演示效果更好。本任務(wù)中將帶來讀者學(xué)習(xí)在Flash文檔中導(dǎo)入和應(yīng)用視頻的方法。預(yù)備知識(shí)一、導(dǎo)入視頻默認(rèn)情況下，F(xiàn)lashCS6只支持FLV和F4V格式的視頻，但我們可以在導(dǎo)入視頻前或?qū)胍曨l過程中，使用FlashCS6自帶的視頻轉(zhuǎn)換組件AdobeMediaEncoder將其他視頻格式轉(zhuǎn)換為FLV和F4V格式，利用該組件還可以對(duì)視頻編碼進(jìn)行詳細(xì)設(shè)置，以及裁剪視頻和選擇視頻中需要導(dǎo)入的片段等。下面通過導(dǎo)入一個(gè)視頻文件，介紹在FlashCS6中轉(zhuǎn)換和導(dǎo)入視頻的具體操作?！皩?dǎo)入視頻〞對(duì)話框1.新建一個(gè)Flash文檔，選擇“文件〞>“導(dǎo)入〞>“導(dǎo)入視頻〞菜單，翻開“導(dǎo)入視頻〞對(duì)話框。提示對(duì)話框2.單擊對(duì)話框中的按鈕，在打開的“打開”對(duì)話框中選擇視頻文件，此時(shí)會(huì)彈出下圖所示的提示對(duì)話框，單擊“確定”按鈕即可。設(shè)置視頻編碼配置文件3.單擊“選擇視頻〞對(duì)話框底部的“啟動(dòng)AdobeMediaEncoder〞按鈕，此時(shí)將彈出“另存為〞對(duì)話框，讓用戶保存步驟1新建的Flash文檔，從而將使用AdobeMediaEncoder轉(zhuǎn)換后的FLV或F4V視頻文件自動(dòng)保存到與文檔相同的位置。4.保存文檔后，將啟動(dòng)視頻轉(zhuǎn)換組件AdobeMediaEncoder。單擊該組件“預(yù)設(shè)〞欄下方的下拉按鈕，在展開的下拉列表中可選擇系統(tǒng)預(yù)設(shè)的Flash視頻編碼配置文件，本例選擇“FLV—與源屬性匹配〔高質(zhì)量〕〞選項(xiàng)。編碼對(duì)話框5.單擊“預(yù)設(shè)〞欄下方的配置文件，可在翻開的“導(dǎo)出設(shè)置〞對(duì)話框中詳細(xì)設(shè)置音視編碼和裁剪視頻。裁剪視頻和設(shè)置視頻的出入點(diǎn)6.單擊“導(dǎo)出設(shè)置〞對(duì)話框左上方的“裁剪〞按鈕后，視頻預(yù)覽窗口四周會(huì)出現(xiàn)裁剪框，將鼠標(biāo)指針移至裁剪框4條邊或4個(gè)頂點(diǎn)處并拖動(dòng)，可對(duì)視頻進(jìn)行裁剪，去掉視頻中不需要的區(qū)域。7.利用視頻預(yù)覽窗口下方的“設(shè)置入點(diǎn)〞按鈕和“設(shè)置出點(diǎn)〞按鈕，可以設(shè)置要導(dǎo)入視頻剪輯的起始點(diǎn)和結(jié)束點(diǎn)，從而選擇需要導(dǎo)入的視頻片段。開始對(duì)視頻進(jìn)行格式轉(zhuǎn)換和編碼8.設(shè)置完成后單擊“確定〞按鈕，返回“AdobeMediaEncoder〞主界面，然后單擊“開始隊(duì)列〞按鈕，開始對(duì)視頻進(jìn)行格式轉(zhuǎn)換和編碼。9.視頻格式轉(zhuǎn)換和編碼完畢后，在“狀態(tài)〞欄下方會(huì)顯示一個(gè)綠色對(duì)鉤，此時(shí)可關(guān)閉AdobeMediaEncoder組件，返回“導(dǎo)入視頻〞對(duì)話框，然后單擊“瀏覽〞按鈕，在彈出的對(duì)話框中選擇剛生成的FLV視頻文件，單擊“翻開〞按鈕。選擇視頻回放組件的外觀10.在“導(dǎo)入視頻〞對(duì)話框中選擇“使用回放組件加載外部視頻〞單項(xiàng)選擇鈕，單擊“下一步〞按鈕，然后在翻開的“外觀〞界面中選擇視頻回放組件的外觀。導(dǎo)入的視頻11.單擊“下一步〞按鈕進(jìn)入“完成視頻導(dǎo)入〞界面，單擊“完成〞按鈕，等待一段時(shí)間后即可使用回放組件將外部視頻加載到Flash文檔中。視頻播放效果12.將文檔保存后，按快捷鍵【Ctrl+Enter】測試動(dòng)畫效果。二、設(shè)置視頻單擊選中舞臺(tái)中的視頻回放組件后，可在“屬性〞面板的“組件參數(shù)〞欄中設(shè)置視頻回放組件的參數(shù)，從而控制視頻的播放。設(shè)置視頻及播放組件的相關(guān)參數(shù)autoPlay：勾選該復(fù)選框，表示播放動(dòng)畫時(shí)自動(dòng)開始播放視頻；如果取消該復(fù)選框，那么在加載第一幀后暫停播放。autoRewind：勾選該復(fù)選框，那么當(dāng)播放頭到達(dá)動(dòng)畫末尾或用戶單擊停止按鈕時(shí)，視頻將后退到開始處。autoSize：勾選該復(fù)選框，播放動(dòng)畫時(shí)會(huì)自動(dòng)將視頻回放組件的大小調(diào)整為與源視頻尺寸等大。bufferTime：用于設(shè)置開始播放視頻前要緩沖的秒數(shù)，默認(rèn)值是0。Skin：單擊該選項(xiàng)右側(cè)的按鈕，將翻開一個(gè)對(duì)話框，從中可以選擇一種新的視頻回放組件外觀。volume：用于控制視頻中的音量。常用參數(shù)的意義如下。任務(wù)實(shí)施——制作小狗看電影動(dòng)畫下面通過制作一個(gè)小狗看電影動(dòng)畫，學(xué)習(xí)視頻在Flash中的應(yīng)用。小狗看電影新建一個(gè)Flash文檔，導(dǎo)入圖像并刪除無用的圖層，然后啟動(dòng)視頻轉(zhuǎn)換組件以對(duì)“老鼠愛大米.avi〞視頻文件進(jìn)行編輯并轉(zhuǎn)換格式，接著將轉(zhuǎn)換好格式的視頻文件導(dǎo)入Flash文檔，并使用“任意變形工具〞調(diào)整導(dǎo)入視頻的大小和傾斜度，最后設(shè)置位圖的輸出屬性。本例具體操作可參考書中步驟。任務(wù)三應(yīng)用聲音任務(wù)說明在Flash動(dòng)畫中恰當(dāng)?shù)丶由下曇裟苁箘?dòng)畫更加生動(dòng)，例如為下雨的場景加上雨聲、風(fēng)聲，或?yàn)橘R卡加上一段優(yōu)美的音樂，對(duì)于音樂MTV或動(dòng)畫短劇來說，更是離不開聲音。本任務(wù)將帶著讀者學(xué)習(xí)在動(dòng)畫中應(yīng)用聲音的方法。預(yù)備知識(shí)一、導(dǎo)入和添加聲音可以直接導(dǎo)入FlashCS6的聲音格式有WAV、AIFF和MP3三種，其中最常用的是MP3格式。下面通過為一段動(dòng)畫添加聲音，介紹在Flash文件中添加聲音的具體操作。在“導(dǎo)入〞對(duì)話框中選擇聲音文件1.翻開素材文檔，然后選擇“文件〞>“導(dǎo)入〞>“導(dǎo)入到舞臺(tái)〞或“導(dǎo)入到庫〞菜單，在翻開的“導(dǎo)入〞對(duì)話框中選擇聲音文件?！皫歙暶姘逯械穆曇粑募?.單擊“翻開〞按鈕后，等待一段時(shí)間后即可將聲音導(dǎo)入到“庫〞面板中。新建圖層并添加聲音3.在“雪花〞圖層上方新建一個(gè)圖層，將其重命名為“聲音〞。在“聲音〞圖層選中要添加聲音的關(guān)鍵幀，本例為第1幀，然后在“屬性〞面板“聲音〞欄中的“名稱〞下拉列表中選擇要添加的聲音，即可將其添加到該關(guān)鍵幀中。二、編輯聲音將聲音添加到關(guān)鍵幀后，應(yīng)根據(jù)動(dòng)畫需要對(duì)聲音的同步選項(xiàng)、效果和長短等進(jìn)行設(shè)置?！巴铰曇舁曄吕斜?.單擊選中添加了聲音的關(guān)鍵幀，在“屬性〞面板“同步〞下拉列表中選擇同步選項(xiàng)。事件：選擇此項(xiàng)后，聲音的播放與時(shí)間軸無關(guān)，當(dāng)動(dòng)畫播放到添加聲音的關(guān)鍵幀時(shí)，無論關(guān)鍵幀后是否有普通幀，聲音開始播放，一直到將該聲音文件播放完。事件聲音一般用在不需要控制聲音播放的地方，例如按鈕或賀卡的背景音樂。開始：與事件聲音相似，區(qū)別是：如果當(dāng)前正在播放該聲音文件的其他實(shí)例，那么在其他聲音實(shí)例播放結(jié)束之前，不會(huì)播放該聲音文件實(shí)例。停止：使指定的聲音停止播放，例如使事件聲音停止播放。數(shù)據(jù)流：該方式下，聲音和時(shí)間軸同步播放。與事件聲音不同，數(shù)據(jù)流聲音的播放時(shí)間完全取決于它在時(shí)間軸中占據(jù)的幀數(shù)，動(dòng)畫停止，聲音也將停止。制作音樂動(dòng)畫、音樂短劇等需要影片和聲音同步播放的動(dòng)畫時(shí)，需要選擇該選項(xiàng)。聲音同步選項(xiàng)用來控制聲音的播放形式，F(xiàn)lashCS6提供的各聲音同步選項(xiàng)的意義如下。選擇聲音的循環(huán)方式2.在“同步〞下拉列表框下方的“聲音循環(huán)〞下拉列表中可選擇聲音循環(huán)的方式。假設(shè)選擇“循環(huán)〞選項(xiàng)，表示將無限循環(huán)播放聲音；選擇“重復(fù)〞選項(xiàng)，可在其右側(cè)的“循環(huán)次數(shù)〞編輯框中設(shè)置重復(fù)播放的次數(shù)。本例選擇“重復(fù)〞選項(xiàng)，將重放次數(shù)設(shè)為“1〞。設(shè)置聲音效果3.要設(shè)置聲音效果，只需選中添加聲音的關(guān)鍵幀，如選中“聲音〞圖層的第1幀，然后在“屬性〞面板的“效果〞下拉列表中選擇聲音效果即可。無：不使用任何聲音效果。左聲道/右聲道：只在左或右聲道中播放聲音。從左到右淡出/從右到左淡出：聲音音量從左〔右〕聲道到右〔左〕聲道逐漸減小。淡入：播放時(shí)聲音音量逐漸加大。淡出：播放時(shí)聲音音量逐漸減小。自定義：翻開“編輯封套〞對(duì)話框?qū)β曇暨M(jìn)行編輯?！熬庉嫹馓专晫?duì)話框節(jié)點(diǎn)：上下拖動(dòng)節(jié)點(diǎn)可以調(diào)整音量指示線，從而調(diào)整相應(yīng)播放位置的音量大小。音量指示線位置越高，音量越大。此外，單擊音量指示線，可在單擊處增加一個(gè)節(jié)點(diǎn)，最多可以有8個(gè)節(jié)點(diǎn)；將節(jié)點(diǎn)拖至編輯區(qū)外，可刪除節(jié)點(diǎn)。4.選中添加了聲音的關(guān)鍵幀后，單擊“屬性〞面板“效果〞選項(xiàng)右側(cè)的“編輯封套〞按鈕翻開“編輯封套〞對(duì)話框，將“聲音起點(diǎn)控制軸〞向右拖至波形起伏較大的位置〔即掐掉聲音文件開始的無音局部〕?！胺糯蟥暟粹o/“縮小〞按鈕：單擊這兩個(gè)按鈕，可以改變對(duì)話框中聲音顯示范圍，從而方便編輯聲音?！懊毹暟粹o/“幀〞按鈕：單擊這兩個(gè)按鈕，可以改變對(duì)話框中聲音顯示的長度單位，有“秒〞和“幀〞兩種。掐掉聲音結(jié)束局部5.向右拖動(dòng)對(duì)話框底部的滾動(dòng)條以顯示聲音終點(diǎn)控制軸，然后將“聲音終點(diǎn)控制軸〞向左拖至波形起伏較大的位置〔即掐掉聲音文件結(jié)束處無聲音的局部〕。設(shè)置聲音音量6.向左拖動(dòng)對(duì)話框底部的滾動(dòng)條以顯示聲音開始局部，然后將左右聲道編