本章簡介：

AnimateCC可以導入外部的圖像和視頻素材來增強畫面效果。本章將介紹導入外部素材以及設置外部素材屬性的方法。讀者通過學習要了解并掌握如何應用AnimateCC的強大功能來處理和編輯外部素材，使其與內(nèi)部素材充分結(jié)合，從而制作出更加生動的動畫作品。第5章外部素材的應用

課堂學習目標了解圖像和視頻素材的格式。掌握圖像素材的導入和編輯方法。掌握視頻素材的導入和編輯方法5.1圖像素材的應用

課堂案例——制作運動鞋廣告圖像素材的格式導入圖像素材設置導入位圖屬性將位圖轉(zhuǎn)換為圖形將位圖轉(zhuǎn)換為矢量圖使用導入到庫命令導入素材文件，使用轉(zhuǎn)換位圖為矢量圖命令將位圖轉(zhuǎn)換為矢量圖形。效果圖5.1.1課堂案例—制作運動鞋廣告AnimateCC可以導入各種文件格式的矢量圖形和位圖。矢量格式包括FreeHand文件、AdobeIllustrator文件、EPS文件和PDF文件。位圖格式包括JPG、GIF、PNG、BMP等格式。Illustrator文件：支持對曲線、線條樣式和填充信息的非常精確的轉(zhuǎn)換。EPS文件或PDF文件：可以導入任何版本的EPS文件以及1.4版本或更低版本的PDF文件。5.1.2圖像素材的格式JPG格式：一種壓縮格式，可以應用不同的壓縮比例對文件進行壓縮。壓縮后，文件質(zhì)量損失小，文件量大大降低。GIF格式：位圖交換格式，是一種256色的位圖格式，壓縮率略低于JPG格式。PNG格式：能把位圖文件壓縮到極限以利于網(wǎng)絡傳輸，能保留所有與位圖品質(zhì)有關的信息。PNG格式支持透明位圖。BMP格式：在Windows環(huán)境下使用最為廣泛，而且使用時最不容易出問題。但由于文件量較大，一般在網(wǎng)上傳輸時，不考慮該格式。5.1.2圖像素材的格式AnimateCC可以識別多種不同的位圖和矢量圖的文件格式。制作者可以通過導入或粘貼的方法將素材引入到AnimateCC中。1．導入到舞臺（1）導入位圖到舞臺：當導入位圖到舞臺時，舞臺上顯示出該位圖，位圖同時被保存在“庫”面板中。（2）導入矢量圖到舞臺：當導入矢量圖到舞臺上時，舞臺上顯示該矢量圖，但矢量圖并不會被保存到“庫”面板中。5.1.3導入圖像素材2．導入到庫（1）導入位圖到庫：當導入位圖到“庫”面板時，舞臺上不顯示該位圖，只在“庫”面板中進行顯示。（2）導入矢量圖到庫：當導入矢量圖到“庫”面板時，舞臺上不顯示該矢量圖，只在“庫”面板中進行顯示。3．外部粘貼可以將其他程序或文檔中的位圖粘貼到AnimateCC的舞臺中。方法為在其他程序或文檔中復制圖像，選中AnimateCC文檔，按Ctrl+V組合鍵，將復制的圖像進行粘貼，圖像出現(xiàn)在AnimateCC文檔的舞臺中。5.1.3導入圖像素材對于導入的位圖，用戶可以根據(jù)需要消除鋸齒從而平滑圖像的邊緣，或選擇壓縮選項以減小位圖文件的大小，以及格式化文件以便在Web上顯示。這些變化都需要在“位圖屬性”對話框中進行設定。在“庫”面板中雙擊位圖圖標，彈出“位圖屬性”對話框。5.1.4設置導入位圖屬性

雙擊位圖圖標“位圖屬性”對話框使用AnimateCC可以將位圖分離為可編輯的圖形，位圖仍然保留它原來的細節(jié)。分離位圖后，可以使用繪畫工具和涂色工具來選擇和修改位圖的區(qū)域。5.1.5將位圖轉(zhuǎn)換為圖形繪制的線條在位圖下方顯示將位圖轉(zhuǎn)換為圖形繪制的線條在圖形上方顯示選擇“修改>位圖>轉(zhuǎn)換位圖為矢量圖”命令，彈出“轉(zhuǎn)換位圖為矢量圖”對話框，單擊“確定”按鈕，位圖轉(zhuǎn)換為矢量圖。將位圖轉(zhuǎn)換為矢量圖過程5.1.6將位圖轉(zhuǎn)換為矢量圖5.2視頻素材的應用課堂案例——制作手機界面視頻素材的格式導入視頻素材視頻的屬性效果圖5.2.1課堂案例—制作手機界面使用導入視頻命令導入視頻；使用矩形工具繪制矩形裝飾。5.2.2視頻素材的格式AnimateCC版本對導入的視頻格式重新作了調(diào)整，可以導入FLV、F4V、Mp4和Mov等格式的視頻。其中Mp4和Mov格式的視頻需要使用播放組件加載外部視頻選項導入。而FLV視頻格式是當前網(wǎng)頁視頻觀看的主流。5.2.3導入視頻素材F4VF4V是Adobe公司為了迎接高清時代而推出的繼FLV格式后的支持H.264的F4V流媒體格式。它和FLV主要的區(qū)別在于，F(xiàn)LV格式采用的是H263編碼，而F4V則支持H.264編碼的高清晰視頻，碼率最高可達50Mbps。FLVMacromediaFlashVideo（FLV）文件可以導入或?qū)С鰩Ь幋a音頻的靜態(tài)視頻流，適用于通信應用程序，例如視頻會議或包含從Adobe的MacromediaFlashMediaServer中導出的屏幕共享編碼數(shù)據(jù)的文件。5.2.4視頻的屬性在屬性面板中可以更改導入視頻的屬性。選中視頻，選擇“窗口>屬性”命令，彈出視頻“屬性”面板。視頻“屬性”面板效果圖課堂練習—制作化妝品廣告使用導入命令導入素材，使用文本工具輸入文字。效果圖課后習題—制作旅游海報使用導入視頻命令導入視頻；使用變形面板調(diào)整視頻的大小。本章簡介：在AnimateCC中，元件起著舉足輕重的作用。通過重復應用元件，可以提高工作效率、減少文件量。本章講解了元件的創(chuàng)建、編輯、應用，以及庫面板的使用方法。讀者通過學習，要了解并掌握如何應用元件的相互嵌套及重復應用來制作出變化無窮的動畫效果。第6章元件和庫課堂學習目標了解元件的類型。熟練掌握元件的創(chuàng)建方法。掌握元件的引用方法熟悉運用庫面板編輯元件熟練掌握實例的創(chuàng)建和應用6.1元件與庫面板課堂案例——制作新年賀卡元件的類型創(chuàng)建圖形元件創(chuàng)建按鈕元件創(chuàng)建影片剪輯元件轉(zhuǎn)換元件庫面板的組成

使用基本矩形工具和文本工具制作按鈕元件，使用影片剪輯元件制作心動效果，使用變形面板調(diào)整元件的大小。效果圖6.1.1課堂案例—制作新年賀卡6.1.2元件的類型1．圖形元件圖形元件一般用于創(chuàng)建靜態(tài)圖像或創(chuàng)建可重復使用的、與主時間軸關聯(lián)的動畫。它有自己的編輯區(qū)和時間軸。如果在場景中創(chuàng)建元件的實例，那么實例將受到主場景中時間軸的約束。換句話說，圖形元件中的時間軸與其實例在主場景的時間軸同步。另外，在圖形元件中可以使用矢量圖、圖像、聲音和動畫的元素，但不能為圖形元件提供實例名稱，也不能在動作腳本中引用圖形元件，并且聲音在圖形元件中失效。2．按鈕元件按鈕元件是創(chuàng)建能激發(fā)某種交互行為的按鈕。創(chuàng)建按鈕元件的關鍵是設置4種不同狀態(tài)的幀，即“彈起”（鼠標抬起）、“指針經(jīng)過”（鼠標移入）、“按下”（鼠標按下）、“點擊”（鼠標響應區(qū)域，在這個區(qū)域創(chuàng)建的圖形不會出現(xiàn)在畫面中）。6.1.2元件的類型3．影片剪輯元件影片剪輯元件也像圖形元件一樣有自己的編輯區(qū)和時間軸，但又不完全相同。影片剪輯元件的時間軸是獨立的，它不受其實例在主場景時間軸（主時間軸）的控制。比如，在場景中創(chuàng)建影片剪輯元件的實例，此時即便場景中只有一幀，在電影片段中也可播放動畫。另外，在影片剪輯元件中可以使用矢量圖、圖像、聲音、影片剪輯元件、圖形組件和按鈕組件等，并且能在動作腳本中引用影片剪輯元件。選擇“插入>新建元件”命令，或按Ctrl+F8組合鍵，彈出“創(chuàng)建新元件”對話框，在“名稱”選項的文本框中輸入“球”，在“類型”選項的下拉列表中選擇“圖形”選項。單擊“確定”按鈕，創(chuàng)建一個新的圖形元件“球”。圖形元件的名稱出現(xiàn)在舞臺的左上方，舞臺切換到了圖形元件“球”的窗口，窗口中間出現(xiàn)十字“”，代表圖形元件的中心定位點。在“庫”面板中顯示出圖形元件。創(chuàng)建圖形元件過程6.1.3創(chuàng)建圖形元件選擇“插入>新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項的文本框中輸入“動作”，在“類型”選項的下拉列表中選擇“按鈕”選項。單擊“確定”按鈕，創(chuàng)建一個新的按鈕元件“動作”。按鈕元件的名稱出現(xiàn)在舞臺的左上方，舞臺切換到了按鈕元件“矩形”的窗口，窗口中間出現(xiàn)十字“”，代表按鈕元件的中心定位點。在“時間軸”窗口中顯示出4個狀態(tài)幀：“彈起”“指針經(jīng)過”“按下”“點擊”。創(chuàng)建按鈕元件過程6.1.4創(chuàng)建按鈕元件選擇“插入>新建元件”命令，彈出“創(chuàng)建新元件”對話框，在“名稱”選項的文本框中輸入“字母變形”，在“類型”選項的下拉列表中選擇“影片剪輯”選項，單擊“確定”按鈕，創(chuàng)建一個新的影片剪輯元件“字母變形”。影片剪輯元件的名稱出現(xiàn)在舞臺的左上方，舞臺切換到了影片剪輯元件“字母變形”的窗口，窗口中間出現(xiàn)十字“”，代表影片剪輯元件的中心定位點。在“庫”面板中顯示出影片剪輯元件。創(chuàng)建影片剪輯元件過程6.1.5創(chuàng)建影片剪輯元件

6.1.6轉(zhuǎn)換元件1．將圖形轉(zhuǎn)換為圖形元件如果在舞臺上已經(jīng)創(chuàng)建好矢量圖形并且以后還要再次應用，可將其轉(zhuǎn)換為圖形元件。選中矢量圖形，選擇“修改>轉(zhuǎn)換為元件”命令，或按F8鍵，彈出“轉(zhuǎn)換為元件”對話框，進行設置后單擊“確定”按鈕，矢量圖形被轉(zhuǎn)換為圖形元件。2．設置圖形元件的中心點選中矢量圖形，選擇“修改>轉(zhuǎn)換為元件”命令，彈出“轉(zhuǎn)換為元件”對話框，在對話框的“注冊”選項中有9個中心定位點，可以用來設置轉(zhuǎn)換元件的中心點。6.1.6轉(zhuǎn)換元件3．轉(zhuǎn)換元件類型在制作的過程中，可以根據(jù)需要將一種類型的元件轉(zhuǎn)換為另一種類型的元件。選中“庫”面板中的影片剪輯元件，單擊面板下方的“屬性”按鈕，彈出“元件屬性”對話框，在“類型”選項下拉列表中選擇“圖形”選項，單擊“確定”按鈕，影片剪輯元件轉(zhuǎn)換為圖形元件。選擇“窗口>庫”命令，或按Ctrl+L組合鍵，彈出“庫”面板?！皫臁泵姘?.1.7庫面板的組成6.2實例的創(chuàng)建與應用課堂案例——制作教育插畫建立實例轉(zhuǎn)換實例的類型替換實例引用的元件改變實例的顏色和透明效果分離實例元件編輯模式使用屬性面板調(diào)整元件的不透明度；使用分離命令將元件打散；使用變形面板旋轉(zhuǎn)元件的角度；使用文本工具輸入文字。效果圖6.2.1課堂案例—制作教育插畫6.2.2建立實例1．建立圖形元件的實例選擇“窗口>庫”命令，彈出“庫”面板，在面板中選中圖形元件“球”，將其拖曳到場景中，場景中的卡通球圖形就是圖形元件“球”的實例。2．建立按鈕元件的實例選中“庫”面板中的按鈕元件“動作”，將其拖曳到場景中，場景中的圖形就是按鈕元件“表情”的實例。3．建立影片剪輯元件的實例選中“庫”面板中的影片剪輯元件“字母變形”，將其拖曳到場景中。場景中的字母圖形就是影片剪輯元件“字母變形”的實例。每個實例最初的類型，都是延續(xù)了其對應元件的類型?？梢詫嵗念愋瓦M行轉(zhuǎn)換。將圖形元件拖曳到舞臺中成為圖形實例并選擇圖形實例。在“屬性”面板的上方，選擇“實例行為”選項下拉列表中的“影片剪輯”，圖形“屬性”面板轉(zhuǎn)換為影片剪輯“屬性”面板，實例類型從“圖形”轉(zhuǎn)換為“影片剪輯”。實例類型從圖形轉(zhuǎn)換為影片剪輯6.2.3轉(zhuǎn)換實例的類型

如果需要替換實例所引用的元件，但保留所有的原始實例屬性（如色彩效果或按鈕動作），可以通過Flash的“交換元件”命令來實現(xiàn)。將圖形元件拖曳到舞臺中成為圖形實例，選擇圖形“屬性”面板，在“色彩效果”選項組中的“樣式”選項下拉列表中選擇“Alpha”選項，將其值設為50%。單擊圖形“屬性”面板中的“交換元件”按鈕，彈出“交換元件”對話框，在對話框中選中按鈕元件“按鈕”，單擊“確定”按鈕，圖形元件轉(zhuǎn)換為按鈕元件，實例的不透明度也跟著改變。6.2.4替換實例引用的元件替換實例所引用的元件

在舞臺中選中實例，選擇“屬性”面板，在“色彩效果”選項組中可見“樣式”選項的下拉列表。6.2.5改變實例的顏色和透明效果“屬性”面板選中實例，選擇“修改>分離”命令，或按Ctrl+B組合鍵，將實例分離為圖形。6.2.6分離實例分離實例過程

6.2.7元件編輯模式元件創(chuàng)建完畢后常常需要修改，此時需要進入元件編輯狀態(tài)，修改完元件后又需要退出元件編輯狀態(tài)，進入主場景編輯動畫。（1）進入組件編輯模式，可以通過以下幾種方式。在主場景中雙擊元件實例，進入元件編輯模式。在“庫”面板中雙擊要修改的元件，進入元件編輯模式。在主場景中用鼠標右鍵單擊元件實例，在彈出的菜單中選擇“編輯”命令，進入元件編輯模式。在主場景中選擇元件實