中文版FlashCC動畫制作案例教程簽到掃碼下載文旌課堂APP掃碼簽到（202X.X.XXX:XX至202X.X.XXX:XX）簽到方式教師通過“文旌課堂APP”生成簽到二維碼，并設(shè)置簽到時間，學生通過“文旌課堂APP”掃描“簽到二維碼”進行簽到。。2第8章應用外部素材制作電影海報動畫——應用外部圖形和圖像制作筆記本廣告——應用視頻制作古詩欣賞動畫——應用聲音案例一制作電影海報動畫——應用外部圖形和圖像一、FlashCC支持的圖形與圖像FlashCC支持多種格式的矢量圖形和位圖圖像。支持的矢量圖形：Windows元文件（擴展名為.wmf）、增強的Windows元文件（擴展名為.emf）、AutoCADDXF文件（擴展名為.dxf）、Illustrator文件（擴展名為.ai，.eps）等格式的矢量圖形。支持的位圖圖像：BMP（擴展名為.bmp）、JPEG（擴展名為.jpg）、GIF（擴展名為.gif）、PNG（擴展名為.png）、PSD（擴展名為.psd）等格式的圖像文件。案例一制作電影海報動畫——應用外部圖形和圖像二、導入圖形或圖像在FlashCC中導入圖形或圖像主要有以下兩種。

“導入”對話框

導入到舞臺的位圖導入到當前幀：選擇“文件”>“導入”>“導入到舞臺”菜單項，或按快捷鍵【Ctrl+R】，打開如下左圖所示的“導入”對話框，然后選擇要導入的圖形或圖像，單擊“打開”按鈕，即可將所選圖形或圖像導入到當前圖層的當前幀上，如下右圖所示。如果希望一次導入多個文件，可按住【Ctrl】鍵（選擇一組非連續(xù)文件）或【Shift】鍵（選擇一組連續(xù)文件）依次單擊選擇需要導入的文件。案例一制作電影海報動畫——應用外部圖形和圖像導入到庫：選擇“文件”>“導入”>“導入到庫”菜單，可將矢量圖形或位圖圖像導入到“庫”面板中。使用第1種方式導入的矢量圖不會出現(xiàn)在“庫”面板中，而導入的位圖會同時出現(xiàn)在舞臺和“庫”面板中；使用第2種方式導入的矢量圖形和位圖只放置在“庫”面板中，其中，導入的矢量圖形將自動轉(zhuǎn)換為與源文件同名的圖形元件。

若是導入PSD的位圖或AI格式矢量圖形，則在“導入”對話框中單擊“打開”按鈕后，可打開一個對話框，用來對圖像或圖形中的圖層進行設(shè)置。案例一制作電影海報動畫——應用外部圖形和圖像三、分離位圖和選取位圖區(qū)域用戶可利用工具箱“套索工具”

、“多邊形工具”

和“魔術(shù)棒”

選取位圖部分區(qū)域。需要注意的是，在選取位圖區(qū)域前需要先使用“選擇工具”

單擊選中位圖，然后按快捷鍵【Ctrl+B】將其分離。雖然“套索工具”

、“多邊形工具”

和“魔術(shù)棒”

都可以選取分離位圖的部分區(qū)域，但選取特點各不相同，下面分別介紹?！疤姿鞴ぞ摺保豪迷摴ぞ呖梢赃x擇任意位圖區(qū)域。選擇“套索工具”后，在分離的位圖上單擊確定起點，按住鼠標左鍵不放并沿要選取的區(qū)域拖動，此時會出現(xiàn)一個黑色的軌跡，到與起始點匯合后松開鼠標，此時軌跡內(nèi)的圖像區(qū)域即被選取，如右圖所示。選取位圖區(qū)域案例一制作電影海報動畫——應用外部圖形和圖像“多邊形工具”：該工具一般用于選取比較規(guī)則的圖形區(qū)域，例如方形、菱形和三角形等。在工具箱中的“套索工具”上按住鼠標左鍵，在展開的工具列表中選擇“多邊形工具”，在要選取區(qū)域的棱角處依次單擊確定區(qū)域邊緣頂點，最后在起點處雙擊，此時多邊形軌跡內(nèi)的圖像區(qū)域?qū)⒈贿x取，如下左圖和下中圖所示。“魔術(shù)棒”：利用該工具可以選取圖像中顏色相近的區(qū)域。選擇“魔術(shù)棒”，然后將鼠標移動到要選取的位圖區(qū)域并單擊，即可選取與單擊位置顏色相近的區(qū)域，如下右圖所示。

選取位圖區(qū)域選擇“魔術(shù)棒”

后，可在“屬性”面板中設(shè)置魔術(shù)棒的顏色容差。其中，“閾值”數(shù)值越低選擇的顏色范圍越小，選擇越精確，數(shù)值越大選擇的顏色范圍越廣。案例一制作電影海報動畫——應用外部圖形和圖像

四、將位圖轉(zhuǎn)換為矢量圖將位圖轉(zhuǎn)換為矢量圖形后，可以像編輯矢量圖形一樣對其進行編輯。選擇要轉(zhuǎn)換為矢量圖形的位圖后，選擇“修改”>“位圖”>“轉(zhuǎn)換位圖為矢量圖”菜單，在打開的“轉(zhuǎn)換位圖為矢量圖”對話框中設(shè)置參數(shù)，單擊“確定”按鈕，等待一段時間后，即可將位圖轉(zhuǎn)換為矢量圖。

將位圖轉(zhuǎn)換為矢量圖案例一制作電影海報動畫——應用外部圖形和圖像

顏色閾值：設(shè)置顏色之間的差值，范圍為1～500之間的整數(shù)。閾值越小，轉(zhuǎn)換后的圖形顏色越豐富，與原圖像差別越小。最小區(qū)域：范圍為1～1000之間的整數(shù)。值越小，轉(zhuǎn)化后的圖形與原圖像越接近。角閾值：設(shè)置是保留銳利邊緣（顏色對比強烈的邊緣），還是進行平滑處理，范圍從“較多轉(zhuǎn)角”到“較少轉(zhuǎn)角”?！拜^多轉(zhuǎn)角”會保留原圖像的銳利邊緣。曲線擬合：設(shè)置轉(zhuǎn)換時如何平滑圖形輪廓線，“像素”表示不平滑。在將位圖轉(zhuǎn)換為矢量圖形時，若位圖的色彩較豐富或分辨率較高，且“顏色閾值”和“最小區(qū)域”設(shè)置過小，會使轉(zhuǎn)換后的矢量圖形的容量比原來的位圖大許多，而且轉(zhuǎn)換速度會非常慢。案例一制作電影海報動畫——應用外部圖形和圖像

五、從外部編輯位圖Flash是專業(yè)的動畫制作軟件，雖然它也可以編輯位圖，但是具有一定的局限性，有時不能滿足我們的需要。此時，可使用專業(yè)的位圖編輯軟件對導入的位圖進行編輯。在“庫”面板中右擊需要修改的位圖，在彈出的快捷菜單中選擇“編輯方式…”菜單，在打開的“選擇外部編輯器”對話框中選擇一款位圖編輯軟件，如右圖所示。在位圖編輯軟件中對位圖進行修改并保存，切換回Flash就會發(fā)現(xiàn)位圖已發(fā)生了變化。從外部編輯位圖案例一制作電影海報動畫——應用外部圖形和圖像

六、設(shè)置位圖輸出屬性在動畫中使用位圖時，如果按下快捷鍵【Ctrl+Enter】預覽動畫，會發(fā)現(xiàn)某些位圖邊緣有鋸齒，影響位圖的美觀；此外，如果在Flash中過多使用了位圖，會發(fā)現(xiàn)動畫體積變得很大。我們可通過設(shè)置位圖的輸出屬性，來解決這兩個問題。在“庫”面板中右擊需要修改的位圖，在彈出的快捷菜單中選擇“屬性”菜單，打開“位圖屬性”對話框。在該對話框中選擇“允許平滑”復選框，可消除位圖邊緣的鋸齒；在“壓縮”下拉列表中選擇“照片（JPEG）”選項，再設(shè)置相應的壓縮參數(shù)，單擊“測試”按鈕，從對話框底部可查看壓縮前和壓縮后的圖像大小，如左圖所示。設(shè)置位圖輸出屬性案例一制作電影海報動畫——應用外部圖形和圖像

“壓縮”下拉列表：選擇“照片（JPEG）”選項，將以JPEG格式壓縮圖像，適用于具有復雜顏色或色調(diào)變化的圖像，例如具有漸變填充的照片或圖像；選擇“無損（PNG/GIF）”選項，將使用無損壓縮格式壓縮圖像，這樣不會丟失圖像中的任何數(shù)據(jù)，適用于具有簡單形狀和較少顏色的圖像?！笆褂脤氲腏PEG數(shù)據(jù)”單選鈕：使用導入圖像的默認壓縮品質(zhì)壓縮圖像?！白远x”單選鈕：在其后的編輯框中輸入的值越高（1到100），圖像質(zhì)量越好，文件也會越大?！皢⒂媒鈮K”復選框：勾選此復選框可以減少由于低品質(zhì)設(shè)置導致的圖像失真。案例一制作電影海報動畫——應用外部圖形和圖像

案例實施——制作電影海報動畫本案例將通過制作電影海報動畫，帶領(lǐng)讀者了解在Flash中應用外部圖形和圖像的方法。本例主要是通過導入psd格式的位圖來實現(xiàn)的，首先新建一個文檔并導入psd格式的位圖，然后利用根據(jù)導入的位圖自動生成的圖層和影片剪輯制作動畫效果。本例具體操作可參照書中步驟。電影海報動畫案例二制作筆記本廣告——應用視頻

一、導入視頻默認情況下，F(xiàn)lashCC支持FLV和F4V格式的視頻，下面通過導入一個視頻文件，介紹在FlashCC中導入視頻的具體操作?！皩胍曨l”對話框?qū)⑼獠恳曨l嵌入到Flash文檔中將H.264編碼的視頻導入到Flash文檔中，用于觀看播放效果和統(tǒng)計播放時間，但導出和發(fā)布時無法顯示將外部視頻加載到Flash的播放組件中，而不會將視頻真正導入到Flash文檔中1.新建一個Flash文檔，選擇“文件”>“導入”>“導入視頻”菜單，打開“導入視頻”對話框，并選擇“使用播放組件加載外部視頻”單選鈕。案例二制作筆記本廣告——應用視頻

選擇要導入的視頻

設(shè)置視頻播放組件的外觀2.單擊“文件路徑：”欄中的

按鈕，在打開的“打開”對話框中選擇“老鼠愛大米.flv”視頻文件，并單擊“確定”按鈕。單擊此處可設(shè)置播放組件的顏色3.單擊“導入視頻”對話框底部的“下一步”按鈕，然后在打開的“設(shè)定外觀”界面中選擇視頻播放組件的外觀。案例二制作筆記本廣告——應用視頻

導入的視頻

視頻播放效果4.單擊“下一步”按鈕進入“完成視頻導入”界面，單擊“完成”按鈕，等待一段時間后即可使用回放組件將外部視頻加載到Flash文檔中。5.將文檔保存后，按快捷鍵【Ctrl+Enter】測試動畫效果，效果如圖所示。本例最終效果可參考“導入視頻.swf”。案例二制作筆記本廣告——應用視頻

二、設(shè)置視頻單擊選中舞臺中的視頻播放組件后，可在“屬性”面板的“組件參數(shù)”欄中設(shè)置視頻播放組件的參數(shù)，從而控制視頻的播放，如右圖所示。其中常用參數(shù)的意義如下。設(shè)置視頻及播放組件的相關(guān)參數(shù)autoPlay：勾選該復選框，表示播放動畫時自動開始播放視頻；如果取消該復選框，則在加載第一幀后暫停播放。Skin：單擊該選項右側(cè)的按鈕，可以選擇一種新的視頻播放組件外觀。SkinAutoHide：勾選該復選框，默認將隱藏視頻播放組件，將鼠標指針移到其上時再顯示。案例二制作筆記本廣告——應用視頻

SkinBackgroundAlpha：設(shè)置視頻播放組件的透明度，1表示不透明，0表示完全透明。SkinBackgroundColor：單擊該選項右側(cè)的色塊，可重新設(shè)置視頻播放組件的顏色。Source：單擊該選項右側(cè)的按鈕，可在打開的對話框中重新設(shè)置加載到視頻播放組件中的視頻。volume：用于控制視頻中的音量。案例二制作筆記本廣告——應用視頻

案例實施——制作筆記本廣告本案例將通過制作筆記本廣告，帶領(lǐng)讀者了解在Flash中導入和應用視頻的方法。創(chuàng)建Flash文檔后，首先新建并重命名圖層，然后導入背景圖像素材，再將視頻文件導入Flash文檔，接著調(diào)整導入視頻的大小和位置，最后設(shè)置圖像素材的輸出屬性。本例具體操作可參照書中步驟。筆記本廣告案例三制作古詩欣賞動畫——應用聲音

一、導入和添加聲音要在Flash動畫中加入聲音，首先要將聲音文件導入動畫文檔，然后將聲音添加到指定的關(guān)鍵幀中?？梢灾苯訉隖lashCC的聲音格式有WAV，AIFF和MP3三種，其中最常用的是MP3格式。下面通過為一段動畫添加聲音，介紹在Flash文件中添加聲音的具體操作。在“導入”對話框中選擇聲音文件1.打開“添加聲音素材.fla”文件，然后選擇“文件”>“導入”>“導入到庫”菜單，在打開的“導入”對話框中選擇“歌曲.mp3”文件。案例三制作古詩欣賞動畫——應用聲音

“庫”面板中的聲音文件

新建圖層并添加聲音2.單擊“打開”按鈕后，等待一段時間后即可將聲音導入到“庫”面板中（若選擇“導入到舞臺”菜單，導入的聲音素材會自動添加到所選幀中）。3.在“云2”圖層上方新建一個圖層，將其重命名為“聲音”，然后在“聲音”圖層選中要添加聲音的關(guān)鍵幀，本例為第1幀，在“屬性”面板“聲音”欄中的“名稱”下拉列表中選擇要添加的聲音，即可將其添加到該關(guān)鍵幀中。另一種添加聲音的方法是選中要添加聲音的關(guān)鍵幀，然后從“庫”面板中將聲音拖到舞臺。添加到關(guān)鍵幀的聲音相當于聲音文件的一個實例，我們可以將一個聲音文件添加到多個關(guān)鍵幀上，即允許一個聲音文件有多個實例。案例三制作古詩欣賞動畫——應用聲音

二、編輯聲音將聲音添加到關(guān)鍵幀后，可根據(jù)動畫需要對聲音的同步選項和效果等進行設(shè)置，還可利用“編輯封套”對話框?qū)β曇暨M行裁剪。“同步聲音”下拉列表1.單擊選中添加了聲音的關(guān)鍵幀，本例為“聲音”圖層第1幀，在“屬性”面板“同步”下拉列表中選擇同步選項，如選擇“數(shù)據(jù)流”選項。聲音同步選項用來控制聲音的播放形式，F(xiàn)lashCC提供的各聲音同步選項的意義如下。事件：選擇此項后，聲音的播放與時間軸無關(guān)，當動畫播放到添加聲音的關(guān)鍵幀時，無論關(guān)鍵幀后是否有普通幀，聲音開始播放，一直到將該聲音文件播放完。事件聲音一般用在不需要控制聲音播放的地方，例如按鈕或賀卡的背景音樂。開始：與事件聲音相似，區(qū)別是，如果當前正在播放該聲音文件的其他實例，則在其他聲音實例播放結(jié)束之前，不會播放該聲音文件實例。案例三制作古詩欣賞動畫——應用聲音

停止：使指定的聲音停止播放，例如使事件聲音停止播放。數(shù)據(jù)流：該方式下，聲音和時間軸同步播放。與事件聲音不同，數(shù)據(jù)流聲音的播放時間完全取決于它在時間軸中占據(jù)的幀數(shù)，動畫停止，聲音也將停止。制作音樂動畫、音樂短劇等需要影片和聲音同步播放的動畫時，需要選擇該選項。由于“數(shù)據(jù)流”聲音播放的時間取決于它在時間軸所占據(jù)的幀數(shù)，因此，要控制“數(shù)據(jù)流”聲音的播放，只需在相關(guān)位置插入普通幀或關(guān)鍵幀即可。例如，某個聲音文件的長度為300幀，要使聲音完整播放，需在該聲音所在的關(guān)鍵幀之后第300幀插入普通幀；此時如果希望使該聲音在第200幀停止播放，則只需在第200幀插入關(guān)鍵幀即可。案例三制作古詩欣賞動畫——應用聲音

選擇聲音的循環(huán)方式

設(shè)置聲音效果2.在“同步”下拉列表框下方的聲音循環(huán)下拉列表中可選擇聲音循環(huán)的方式。若選擇“循環(huán)”選項，表示將無限循環(huán)播放聲音；選擇“重復”選項，可在其右側(cè)的“循環(huán)次數(shù)”編輯框中設(shè)置重復播放的次數(shù)。本例選擇“重復”選項，將重放次數(shù)設(shè)為“1”。3.若要設(shè)置聲音效果，只需選中添加聲音的關(guān)鍵幀，如選中“聲音”圖層的第1幀，然后在“屬性”面板的“效果”下拉列表中選擇聲音效果即可。無：不使用任何聲音效果。左聲道/右聲道：只在左或右聲道中播放聲音。從左到右淡出/從右到左淡出：聲音音量從左（右）聲道到右（左）聲道逐漸減小。淡入：開始播放時聲音音量逐漸加大。淡出：結(jié)束播放時聲音音量逐漸減小。自定義：打開“編輯封套”對話框?qū)β曇暨M行編輯。案例三制作古詩欣賞動畫——應用聲音

“編輯封套”對話框音量調(diào)節(jié)線和調(diào)節(jié)線上的節(jié)點聲音起點控制軸右邊是預覽聲音按鈕，左邊是停止預覽按鈕“編輯封套”對話框分為上下兩部分，上部分是左聲道編輯窗格，下部分是右聲道編輯窗格從左至右依次為放大、縮小、秒和幀按鈕4.利用“編輯封套”對話框可以設(shè)置聲音的播放效果，還可查看和設(shè)置聲音的播放范圍和長度（如將聲音的開頭和結(jié)尾掐去）。若要打開“編輯封套”對話框，可在選中添加了聲音的關(guān)鍵幀后，單擊“屬性”面板“效果”選項右側(cè)的“編輯封套”按鈕。5.將“編輯封套”對話框的“聲音起點控制軸”向右拖至波形起伏較大的位置（即掐掉聲音文件開始的無音部分）。案例三制作古詩欣賞動畫——應用聲音

節(jié)點：上下拖動節(jié)點可以調(diào)整音量指示線，從而調(diào)整相應播放位置的音量大小。音量指示線位置越高，音量越大。此外，單擊音量指示線，可在單擊處增加一個節(jié)點，最多可以有8個節(jié)點；將節(jié)點拖至編輯區(qū)外，可刪除節(jié)點?！胺糯蟆卑粹o/“縮小”按鈕：單擊這兩個按鈕，可以改變對話框中聲音顯示范圍，從而方便編輯聲音?！懊搿卑粹o/“幀”按鈕：單擊這兩個按鈕，可以改變對話框中聲音顯示的長度單位，有“秒”和“幀”兩種。設(shè)置聲音音量6.多次單擊“縮小”按鈕

增大聲音顯示范圍，然后將左右聲道編輯窗格中

最左側(cè)的節(jié)點向上移動至中間位置，再將第2個節(jié)點向左適當拖動，從而減少“淡入”效果的過渡時間。案例三制作古詩欣賞動畫——應用聲音

查看聲音長度拖動聲音結(jié)束控制軸可設(shè)置聲音結(jié)束位置7.單擊“幀”按鈕

，并向右拖動對話框底部的滾動條，可以查看聲音的長度（在制作音樂短片或其他動畫時，可根據(jù)聲音長度在時間軸中插入普通幀和關(guān)鍵幀），然后單擊“確定”按鈕關(guān)閉“編輯封套”對話框。案例三制作古詩欣賞動畫——應用聲音

三、設(shè)置輸出音頻默認情況下，F(xiàn)lash在將動畫發(fā)布成swf文件時，會自動對輸出的音頻進行壓縮，以減小swf文件的體積。用戶也可根據(jù)需要自己設(shè)置輸出音頻，具體操作如下。“聲音屬性”對話框1.在“添加聲音素材.fla”文檔的“庫”面板中右擊“歌曲