中文版FlashCC動畫制作案例教程簽到掃碼下載文旌課堂APP掃碼簽到（202X.X.XXX:XX至202X.X.XXX:XX）簽到方式教師通過“文旌課堂APP”生成簽到二維碼，并設置簽到時間，學生通過“文旌課堂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】鍵（選擇一組非連續文件）或【Shift】鍵（選擇一組連續文件）依次單擊選擇需要導入的文件。案例一制作電影海報動畫——應用外部圖形和圖像導入到庫：選擇“文件”>“導入”>“導入到庫”菜單，可將矢量圖形或位圖圖像導入到“庫”面板中。使用第1種方式導入的矢量圖不會出現在“庫”面板中，而導入的位圖會同時出現在舞臺和“庫”面板中；使用第2種方式導入的矢量圖形和位圖只放置在“庫”面板中，其中，導入的矢量圖形將自動轉換為與源文件同名的圖形元件。

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

、“多邊形工具”

和“魔術棒”

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

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

、“多邊形工具”

和“魔術棒”

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

選取位圖區域選擇“魔術棒”

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

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

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

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

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

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

“壓縮”下拉列表：選擇“照片（JPEG）”選項，將以JPEG格式壓縮圖像，適用于具有復雜顏色或色調變化的圖像，例如具有漸變填充的照片或圖像；選擇“無損（PNG/GIF）”選項，將使用無損壓縮格式壓縮圖像，這樣不會丟失圖像中的任何數據，適用于具有簡單形狀和較少顏色的圖像。“使用導入的JPEG數據”單選鈕：使用導入圖像的默認壓縮品質壓縮圖像。“自定義”單選鈕：在其后的編輯框中輸入的值越高（1到100），圖像質量越好，文件也會越大。“啟用解塊”復選框：勾選此復選框可以減少由于低品質設置導致的圖像失真。案例一制作電影海報動畫——應用外部圖形和圖像

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

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

選擇要導入的視頻

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

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

導入的視頻

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

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

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

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

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

“庫”面板中的聲音文件

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

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

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

選擇聲音的循環方式

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

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

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

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

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

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

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

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