《AnimateCC2017動(dòng)畫制作入門與進(jìn)階》第一章初識(shí)AnimateCC2017學(xué)習(xí)目標(biāo)

AnimateCC在支持FlashSWF文件的基礎(chǔ)上，加入了對(duì)HTML5的支持。為網(wǎng)頁(yè)開發(fā)者提供更適應(yīng)現(xiàn)有網(wǎng)頁(yè)應(yīng)用的音頻、圖片、視頻、動(dòng)畫等創(chuàng)作支持。本章將簡(jiǎn)單介紹AnimateCC2017的基礎(chǔ)使用知識(shí)。1.11AnimateCC2017簡(jiǎn)介AnimateCC由原AdobeFlashProfessionalCC更名得來(lái)，維持原有Flash開發(fā)工具支持外，新增HTML5創(chuàng)作工具，可以創(chuàng)建出將

HTML5、CSS3和Javascript相結(jié)合的交互式動(dòng)畫。

AnimateCC2017概述AnimateCC2017功能1.1.2AnimateCC2017功能

AnimateCC2017為游戲設(shè)計(jì)人員、開發(fā)人員、動(dòng)畫制作人員及教育內(nèi)容編創(chuàng)人員推出了很多激動(dòng)人心的新功能。1.2安裝和啟動(dòng)AnimateCC

要運(yùn)行AnimateCC，首先要將其安裝到電腦里。安裝完畢后，就可啟動(dòng)它完成相應(yīng)的任務(wù)了。學(xué)會(huì)安裝后還可以學(xué)習(xí)如何卸載AnimateCC。安裝和卸載軟件啟動(dòng)和退出軟件1.2.1安裝和卸載軟件安裝AnimateCC2017的方法很簡(jiǎn)單，只需要運(yùn)行安裝程序，按照操作向?qū)崾?，就可以輕松地將該軟件安裝到電腦中。安裝完AnimateCC2017后，如果程序出錯(cuò)，可以進(jìn)行卸載后重新安裝。1.2.2啟動(dòng)和退出軟件制作Animate動(dòng)畫之前，首先要學(xué)會(huì)啟動(dòng)和退出AnimateCC程序，其步驟非常簡(jiǎn)單。1.3AnimateCC工作界面

用戶要正確高效地運(yùn)用AnimateCC2017軟件制作動(dòng)畫，首先需要熟悉AnimateCC的工作界面以及工作界面中各部分的功能。AnimateCC的工作界面主要包括標(biāo)題欄、【工具】面板、【時(shí)間軸】面板、其他面板組集合、舞臺(tái)等界面要素。歡迎屏幕標(biāo)題欄菜單欄

【工具】面板

【時(shí)間軸】面板面板集舞臺(tái)1.3.1歡迎屏幕

在默認(rèn)情況下，啟動(dòng)AnimateCC會(huì)打開一個(gè)歡迎屏幕，通過(guò)它可以快速創(chuàng)建Flash等文件和打開相關(guān)項(xiàng)目。

1.3.2標(biāo)題欄

AnimateCC的標(biāo)題欄包含窗口管理按鈕、工作區(qū)切換按鈕，同步設(shè)置等界面元素。1.3.3菜單欄

AnimateCC的菜單欄包括【文件】、【編輯】、【視圖】、【插入】、【修改】、【文本】、【命令】、【控制】、【調(diào)試】、【窗口】與【幫助】下拉菜單。1.3.4【工具】面板

AnimateCC的【工具】面板包含了用于創(chuàng)建和編輯圖像、圖稿、頁(yè)面元素的所有工具。使用這些工具可以進(jìn)行繪圖、選取對(duì)像、噴涂、修改及編排文字等操作。1.3.5【時(shí)間軸】面板

時(shí)間軸用于組織和控制影片內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)，動(dòng)畫影片將時(shí)間長(zhǎng)度劃分為幀。圖層相當(dāng)于層疊的幻燈片，每個(gè)圖層都包含一個(gè)顯示在舞臺(tái)中的不同圖像。1.3.6面板集

面板集是用于管理AnimateCC面板，它將所有面板都嵌入到同一個(gè)面板中。通過(guò)面板集，用戶可以對(duì)工作界面的面板布局進(jìn)行重新組合，以適應(yīng)不同的工作需求。1.3.7舞臺(tái)舞臺(tái)是用戶進(jìn)行動(dòng)畫創(chuàng)作的可編輯區(qū)域，可以在其中直接繪制插圖，也可以在舞臺(tái)中導(dǎo)入需要的插圖、媒體文件等，其默認(rèn)狀況是一副白色的畫布狀態(tài)。1.4設(shè)置工作環(huán)境

為了提高工作效率，使軟件最大程度地符合個(gè)人操作習(xí)慣，用戶可以在動(dòng)畫制作之前先對(duì)AnimateCC的工作界面、首選參數(shù)等選項(xiàng)進(jìn)行相應(yīng)設(shè)置。手動(dòng)調(diào)整工作界面自定義工作界面設(shè)置首選參數(shù)1.4.1手動(dòng)調(diào)整工作界面在AnimateCC軟件實(shí)際操作使用時(shí)，常常需要調(diào)整某些面板或窗口的大小。

1.4.1自定義工作界面

AnimateCC允許用戶自定義屬于自己的工作界面。用戶調(diào)整工作界面適合自己的需要，將該工作界面保存，這樣下次就可以進(jìn)入專屬于自己的工作界面。

1.4.3設(shè)置首選參數(shù)

用戶可以在【首選參數(shù)】對(duì)話框中對(duì)AnimateCC中的常規(guī)應(yīng)用程序操作、編輯操作和剪貼板操作等參數(shù)選項(xiàng)進(jìn)行設(shè)置。選擇【編輯】|【首選參數(shù)】命令，打開【首選參數(shù)】對(duì)話框，可以在不同的選項(xiàng)卡設(shè)置不同的參數(shù)選項(xiàng)。

1.6進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為設(shè)置AnimateCC工作界面這個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)?！禔nimateCC2017動(dòng)畫制作入門與進(jìn)階》第二章AnimateCC基本操作學(xué)習(xí)目標(biāo)

啟動(dòng)

AnimateCC之后，首先創(chuàng)建一個(gè)新的項(xiàng)目文檔，

AnimateCC支持諸如FLA、ＳＷＦ、HTML5等格式的文檔。本章主要介紹

AnimateCC新建、打開、保存文檔以及使用模板、舞臺(tái)等基本操作內(nèi)容。2.1新建AnimateCC文件

AnimateCC支持很多格式的文檔，在Animate中，用戶可以處理各種文件類型，首先學(xué)習(xí)如何新建

AnimateCC文件的方法。

AnimateCC支持格式新建Animate文檔2.1.1AnimateCC支持格式在Animate中，用戶可以處理各種文件類型，每種文件類型的用途各不相同。2.1.2新建Animate文檔使用

AnimateCC可以創(chuàng)建新的文檔或打開以前保存的文檔，也可以在工作時(shí)打開新的窗口并且設(shè)置新建文檔或現(xiàn)有文檔的屬性。2.2文檔的基礎(chǔ)操作

要運(yùn)行AnimateCC，首先要將其安裝到電腦里。安裝完畢后，就可啟動(dòng)它完成相應(yīng)的任務(wù)了。學(xué)會(huì)安裝后還可以學(xué)習(xí)如何卸載AnimateCC。打開和關(guān)閉文檔保存文檔2.2.1打開和關(guān)閉文檔

選擇【文件】|【打開】命令，打開【打開】對(duì)話框，選擇要打開的文件，然后單擊【打開】按鈕，即可打開選中的AnimateCC文檔。如果要關(guān)閉單個(gè)文檔，只需要單擊標(biāo)簽欄上的按鈕即可將該Animate文檔關(guān)閉。如果要關(guān)閉整個(gè)AnimateCC軟件，只需單擊界面上標(biāo)題欄的關(guān)閉按鈕即可

如果要關(guān)閉單個(gè)文檔，只需要單擊標(biāo)簽欄上的按鈕即可將該Animate文檔關(guān)閉。如果要關(guān)閉整個(gè)AnimateCC軟件，只需單擊界面上標(biāo)題欄的關(guān)閉按鈕即可

2.2.2保存文檔

在完成對(duì)AnimateCC文檔的編輯和修改后，需要對(duì)其進(jìn)行保存操作。選擇【文件】|【保存】命令，打開【另存為】對(duì)話框。在該對(duì)話框中設(shè)置文件的保存路徑、文件名和文件類型后，單擊【保存】按鈕即可。2.3設(shè)置舞臺(tái)

舞臺(tái)是創(chuàng)建Animate文檔時(shí)放置圖形內(nèi)容的矩形區(qū)域。創(chuàng)作環(huán)境中的舞臺(tái)相當(dāng)于FlashPlayer或web瀏覽器窗口中在播放期間顯示文檔的矩形空間。要在工作時(shí)更改舞臺(tái)的視圖，請(qǐng)使用放大和縮小功能。若要幫助在舞臺(tái)上定位項(xiàng)目，可以使用網(wǎng)格、輔助線和標(biāo)尺等舞臺(tái)工具?？s放舞臺(tái)旋轉(zhuǎn)舞臺(tái)舞臺(tái)輔助工具2.3.1縮放舞臺(tái)要在屏幕上查看整個(gè)舞臺(tái)，或要以高縮放比率查看繪圖的特定區(qū)域，可以更改縮放比率級(jí)別。最大的縮放比率取決于顯示器的分辨率和文檔大小。

2.3.2旋轉(zhuǎn)舞臺(tái)

AnimateCC推出一種新的【旋轉(zhuǎn)】工具，允許您臨時(shí)旋轉(zhuǎn)舞臺(tái)視圖，以特定角度進(jìn)行繪制，而不用像【自由變換】工具那樣，需要永久旋轉(zhuǎn)舞臺(tái)上的實(shí)際對(duì)象。2.3.3舞臺(tái)輔助工具舞臺(tái)中還包含有輔助工具，用來(lái)在舞臺(tái)上精確的繪制和安排對(duì)象。2.4Animate工作流程在制作AnimateCC文檔的過(guò)程中，通常需要執(zhí)行一些基本步驟，包括計(jì)劃應(yīng)用程序、創(chuàng)建并導(dǎo)入媒體元素、使用ActionScript控制行為等流程。2.5設(shè)置首選參數(shù)和撤銷操作

舞臺(tái)是創(chuàng)建Animate文檔時(shí)放置圖形內(nèi)容的矩形區(qū)域。創(chuàng)作環(huán)境中的舞臺(tái)相當(dāng)于FlashPlayer或web瀏覽器窗口中在播放期間顯示文檔的矩形空間。要在工作時(shí)更改舞臺(tái)的視圖，請(qǐng)使用放大和縮小功能。若要幫助在舞臺(tái)上定位項(xiàng)目，可以使用網(wǎng)格、輔助線和標(biāo)尺等舞臺(tái)工具。設(shè)置首選參數(shù)撤銷、重做和歷史記錄2.5.1設(shè)置首選參數(shù)選擇【編輯】|【首選參數(shù)】命令打開【首選參數(shù)】對(duì)話框，默認(rèn)打開的【常規(guī)】選項(xiàng)卡中可以設(shè)置常規(guī)參數(shù)。

2.5.2撤銷、重做和歷史記錄使用撤消、重做和重復(fù)命令或者歷史面板可以重做或撤銷前面的操作，大大提高了工作效率。

2.6進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為文檔操作這個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)?！禔nimateCC2017動(dòng)畫制作入門與進(jìn)階》第三章繪制基礎(chǔ)圖形學(xué)習(xí)目標(biāo)

AnimateCC提供了很多簡(jiǎn)單而強(qiáng)大的繪圖工具來(lái)繪制矢量圖形，可供用戶繪制各種形狀、線條以及填充顏色。本章將介紹AnimateCC繪制基礎(chǔ)圖形的相關(guān)知識(shí)。3.1繪制簡(jiǎn)單圖形

AnimateCC【工具】面板中提供許多工具可以繪制簡(jiǎn)單的圖形，主要包括線條和幾何類的圖形。矢量圖和位圖繪制線條圖形繪制幾何圖形3.1.1矢量圖和位圖在AnimateCC2017中繪制的圖形，通常分為位圖圖像和矢量圖形兩種類型。3.1.2繪制線條圖形矢量線條是構(gòu)成圖形基礎(chǔ)的元素之一，在AnimateCC中，矢量線條繪圖工具主要包括【線條工具】、【鉛筆工具】、【鋼筆工具】等。3.1.3繪制幾何圖形

AnimateCC提供了強(qiáng)大的標(biāo)準(zhǔn)繪圖工具，使用這些工具可以繪制一些標(biāo)準(zhǔn)的幾何圖形，主要包括【矩形工具】和【基本矩形工具】、【橢圓工具】和【基本橢圓工具】，以及【多角星形工具】等。

3.2填充圖形顏色

繪制圖形之后，即可進(jìn)行顏色的填充操作。AnimateCC2017中的填充工具主要包括【顏料桶工具】、【墨水瓶工具】、【橡皮擦工具】和【滴管工具】等。使用【顏料桶工具】使用【墨水瓶工具】使用【橡皮擦】工具使用【滴管】工具3.2.1使用【顏料桶工具】在AnimateCC2017中，【顏料桶】工具用來(lái)填充圖形內(nèi)部的顏色，并且可以使用純色、漸變色以及位圖進(jìn)行填充。3.2.2使用【墨水瓶工具

】在AnimateCC2017中，【墨水瓶工具】用于更改矢量線條或圖形的邊框顏色，更改封閉區(qū)域的填充顏色，吸取顏色等。3.2.3使用【橡皮擦工具

】在AnimateCC2017中，【橡皮擦】工具就是一種擦除工具，可以快速擦除舞臺(tái)中的任何矢量對(duì)象，包括筆觸和填充區(qū)域。3.2.4使用【滴管工具】

在AnimateCC中，使用【滴管工具】，可以吸取現(xiàn)有圖形的線條或填充上的顏色及風(fēng)格等信息，并可以將該信息應(yīng)用到其他圖形上

3.3查看和選擇圖形

查看工具分為【手形】工具、【縮放】工具，分別用來(lái)平移舞臺(tái)中的內(nèi)容、放大或縮小舞臺(tái)顯示比例。選擇工具可以分為【選擇】工具、【部分選取】工具和【套索】工具，分別用來(lái)抓取、選擇、移動(dòng)和調(diào)整對(duì)象。使用查看工具使用選擇工具3.3.1使用查看工具當(dāng)視圖被放大或者舞臺(tái)面積較大，整個(gè)場(chǎng)景無(wú)法在視圖窗口中完整顯示時(shí)，用戶要查看場(chǎng)景中的某個(gè)局部，就可以使用【手形工具】。3.3.2使用選擇工具AnimateCC中的選擇工具可以分為【選擇工具】、【部分選取工具】和【套索工具】，分別用來(lái)抓取、選擇、移動(dòng)和調(diào)整曲線；以及調(diào)整和修改路徑和自由選定要選擇的區(qū)域

3.4進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為繪制氣球圖形這個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)?！禔nimateCC2017動(dòng)畫制作入門與進(jìn)階》第四

章圖形編輯操作學(xué)習(xí)目標(biāo)

圖形對(duì)象繪制完畢后，可以對(duì)已經(jīng)繪制的圖形進(jìn)行移動(dòng)、復(fù)制、排列、組合等操作，此外還可以調(diào)整圖形的顏色使其更加豐富多彩。本章將詳細(xì)介紹圖形的編輯操作、和顏色調(diào)整等編輯修改內(nèi)容。4.1圖形的基本編輯圖形的基本編輯主要包括一些改變圖形的基本操作，使用【工具】面板中相應(yīng)的工具可以進(jìn)行移動(dòng)、復(fù)制、排列、組合和分離圖形對(duì)象等操作。移動(dòng)圖形復(fù)制和粘貼圖形排列和對(duì)齊圖形組合和分離圖形貼緊圖形圖形的變形4.1.1移動(dòng)圖形

在AnimateCC中，【選擇】工具除了用來(lái)選擇圖形對(duì)象，還可以拖動(dòng)對(duì)象來(lái)進(jìn)行移動(dòng)操作。而有時(shí)為了避免當(dāng)前編輯的對(duì)象影響到其他對(duì)象，可以使用【鎖定】命令來(lái)鎖定圖形對(duì)象。4.1.2復(fù)制和粘貼圖形

在AnimateCC2017中，復(fù)制和粘貼圖形對(duì)象可以使用菜單命令或鍵盤組合鍵，在【變形】面板中，還可以在復(fù)制對(duì)象的同時(shí)對(duì)對(duì)象應(yīng)用變形。4.1.3排列和對(duì)齊圖形

在同一圖層中，繪制的Animate圖形會(huì)根據(jù)創(chuàng)建的順序?qū)盈B對(duì)象，用戶可以使用【修改】|【排列】命令對(duì)多個(gè)圖形對(duì)象進(jìn)行上下排列，還可以使用【修改】|【對(duì)齊】命令將圖形對(duì)象進(jìn)行橫向排列。4.1.4組合和分離圖形

在創(chuàng)建復(fù)雜的矢量圖形時(shí)，為了避免圖形之間的自動(dòng)合并，可以對(duì)其進(jìn)行組合，使其作為一個(gè)對(duì)象來(lái)進(jìn)行整體操作處理。此外，組合后的圖形對(duì)象也可以進(jìn)行分離返回原始狀態(tài)。4.1.5貼緊圖形

如果要使圖形對(duì)象彼此自動(dòng)對(duì)齊，可以使用貼緊功能。AnimateCC中為貼緊對(duì)齊對(duì)象主要提供了5種方式，即【貼緊至對(duì)象】、【貼緊至像素】、【貼緊至網(wǎng)格】、【貼緊至輔助線】、【貼緊對(duì)齊】等。4.1.6圖形的變形

在使用圖形過(guò)程中，可以調(diào)整圖形在舞臺(tái)中的比例，以及改變圖形的形狀。用戶對(duì)圖形變形的操作包括翻轉(zhuǎn)、旋轉(zhuǎn)、扭曲、縮放、封套等方式。4.2調(diào)整圖形顏色用戶若要自定義顏色或者對(duì)已經(jīng)填充的顏色進(jìn)行調(diào)整，需要用到【顏色】面板。另外，使用【漸變變形】工具可以進(jìn)行顏色的填充變形，在【屬性】面板中還能改變對(duì)象的亮度、色調(diào)以及透明度等。使用【顏色】面板使用【漸變變形工具】調(diào)整色彩效果4.2.1使用【顏色】面板

在菜單上選擇【窗口】|【顏色】命令，可以打開【顏色】面板。打開右側(cè)的下拉列表框，可以選擇【無(wú)】、【純色】、【線性漸變】、【徑向漸變】和【位圖填充】5種填充方式。4.2.2使用【漸變變形工具】單擊【任意變形】工具按鈕后，在下拉菜單中選擇【漸變變形】工具，該工具可以通過(guò)調(diào)整填充的大小、方向或者中心位置，對(duì)漸變填充或位圖填充進(jìn)行變形操作。4.2.3調(diào)整色彩效果在AnimateCC2017中可以調(diào)整舞臺(tái)中圖形或其他對(duì)象的色彩顯示效果，能夠改變對(duì)象的亮度、色調(diào)以及透明度等，為動(dòng)畫的制作提供了更高層次的特殊效果。4.3添加3D和濾鏡效果

使用AnimateCC2017提供的3D變形工具可以在3D空間對(duì)2D對(duì)象進(jìn)行動(dòng)畫處理，還可以對(duì)文本、影片剪輯或按鈕添加濾鏡效果。添加3D效果添加濾鏡效果4.3.1添加3D效果使用AnimateCC2018提供的3D變形工具可以在3D空間對(duì)2D對(duì)象進(jìn)行動(dòng)畫處理，3D變形工具包括【3D旋轉(zhuǎn)工具】和【3D平移工具】。4.3.2添加濾鏡效果

濾鏡是一種應(yīng)用到對(duì)象上的圖形效果。AnimateCC允許對(duì)文本、影片剪輯或按鈕添加濾鏡效果，如投影、模糊、斜角等特效，使動(dòng)畫表現(xiàn)的更加豐富。4.5進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為繪制彩虹這個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)。《AnimateCC2017動(dòng)畫制作入門與進(jìn)階》第五

章添加和設(shè)置文本學(xué)習(xí)目標(biāo)文本是Animate動(dòng)畫中重要的組成元素之一，可以起到幫助影片表述內(nèi)容以及美化影片的作用。本章將介紹Animate文本的創(chuàng)建和編輯等內(nèi)容。5.1創(chuàng)建文本對(duì)象

使用【工具】面板中的【文本】工具可以創(chuàng)建文本對(duì)象。在創(chuàng)建文本對(duì)象之前，首先還需要明確所使用的文本類型，然后通過(guò)文本工具創(chuàng)建對(duì)應(yīng)的文本框，從而實(shí)現(xiàn)不同類型的文本對(duì)象的創(chuàng)建方法。文本的類型創(chuàng)建靜態(tài)文本創(chuàng)建動(dòng)態(tài)文本創(chuàng)建輸入文本5.1.1文本的類型

使用【文本】工具可以創(chuàng)建多種類型的文本，在AnimateCC2017中，下面介紹三者的相關(guān)概念。文本類型可分為靜態(tài)文本、動(dòng)態(tài)文本、輸入文本共3種。5.1.2創(chuàng)建靜態(tài)文本

創(chuàng)建靜態(tài)水平文本，首先應(yīng)在【工具】面板中選擇【文本】工具，當(dāng)光標(biāo)變?yōu)樾螤顣r(shí)，在舞臺(tái)中單擊即可創(chuàng)建一個(gè)可擴(kuò)展的靜態(tài)水平文本框，該文本框的右上角具有圓形手柄標(biāo)識(shí)，其輸入?yún)^(qū)域可隨需要自動(dòng)橫向延長(zhǎng)。5.1.3創(chuàng)建動(dòng)態(tài)文本

要?jiǎng)?chuàng)建動(dòng)態(tài)文本，選擇【文本】工具，打開【屬性】面板，單擊【靜態(tài)文本】按鈕，在彈出的菜單中可以選擇【動(dòng)態(tài)文本】類型，此時(shí)單擊舞臺(tái)，可以創(chuàng)建一個(gè)具有固定寬度和高度的動(dòng)態(tài)水平文本框，拖動(dòng)可以創(chuàng)建一個(gè)自定義固定寬度的動(dòng)態(tài)水平文本框；在文本框中輸入文字，即可創(chuàng)建動(dòng)態(tài)文本。5.1.4創(chuàng)建輸入文本

輸入文本可以在動(dòng)畫中創(chuàng)建一個(gè)允許用戶填充的文本區(qū)域，因此它主要出現(xiàn)在一些交互性比較強(qiáng)的動(dòng)畫中，如有些動(dòng)畫需要用到內(nèi)容填寫、用戶名或者密碼輸入等操作，就都需要添加輸入文本。5.2文本的編輯創(chuàng)建文本后，可以對(duì)文本進(jìn)行一些編輯操作，主要包括設(shè)置文本屬性，對(duì)文本進(jìn)行分離、變形、剪切、復(fù)制和粘貼等編輯，還可以將文本鏈接到指定URL地址。設(shè)置文本屬性選擇文本分離文本變形文本消除文本鋸齒添加文字鏈接5.2.1設(shè)置文本屬性

為了使Animate動(dòng)畫中的文字更加靈活，用戶可以使用【文本】工具的屬性面板對(duì)文本的字體和段落屬性進(jìn)行設(shè)置。5.2.2選擇文本

編輯文本或更改文本屬性時(shí)，必須先選中要編輯的文本。在工具箱中選擇【文本】工具后，可進(jìn)行如下操作選擇所需的文本對(duì)象。5.2.3分離文本

在AnimateCC中，文本的分離原理和分離方法與之前介紹的分離Animate圖形相類似。5.2.4變形文本

將文本分離為填充圖形后，可以非常方便地改變文字的形狀。要改變分離后文本的形狀，可以使用【工具】面板中的【選擇工具】或【部分選取工具】等，對(duì)其進(jìn)行各種變形操作。5.2.5消除文本鋸齒

有時(shí)Animate中的文字會(huì)顯得模糊不清，這往往是由于創(chuàng)建的文本較小從而無(wú)法清楚顯示的緣故，在文本的【屬性】面板中通過(guò)對(duì)文本鋸齒的設(shè)置優(yōu)化，可以很好地解決這一問(wèn)題。5.2.6添加文字鏈接

在AnimateCC2017中，可以將靜態(tài)或動(dòng)態(tài)的水平文本鏈接到URL，從而在單擊該文本的時(shí)候，可以跳轉(zhuǎn)到其他文件、網(wǎng)頁(yè)或電子郵件。5.3使用文本效果

在AnimateCC2017中，使用濾鏡、上下標(biāo)、段落設(shè)置等效果可以給文字帶來(lái)視覺(jué)上的改變，以及輸入一些特殊的文本內(nèi)容。添加文本濾鏡制作上下標(biāo)文本調(diào)整文本段落5.3.1添加文本濾鏡

濾鏡是一種應(yīng)用到對(duì)象上的圖形效果,AnimateCC2017允許對(duì)文本添加濾鏡效果，使文字表現(xiàn)效果更加絢麗多彩。該項(xiàng)操作主要通過(guò)【屬性】面板中的【濾鏡】選項(xiàng)組完成。5.3.2制作上下標(biāo)文本

在輸入某些特殊文本時(shí)（比如一些數(shù)學(xué)公式），需要將文本內(nèi)容轉(zhuǎn)為上下標(biāo)類型，用戶在【屬性】面板中進(jìn)行設(shè)置即可。5.3.3調(diào)整文本段落

AnimateCC中的文本一般以默認(rèn)的間距顯示。用戶可以根據(jù)自己需求重新調(diào)整文本間距和行距，是文本內(nèi)容的顯示更加清晰。5.4進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為制作登錄界面和制作卡片兩個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)。《AnimateCC2017動(dòng)畫制作入門與進(jìn)階》第六章導(dǎo)入外部對(duì)象學(xué)習(xí)目標(biāo)

AnimateCC作為矢量動(dòng)畫處理程序，也可以導(dǎo)入外部位圖和視頻、音頻等多媒體文件作為特殊的元素應(yīng)用，從而為制作動(dòng)畫提供了更多可以應(yīng)用的素材，本章將主要介紹在AnimateCC2017中導(dǎo)入和使用外部元素對(duì)象的操作內(nèi)容。6.1導(dǎo)入圖形

AnimateCC雖然也支持圖形的繪制，但是它畢竟無(wú)法與專業(yè)的繪圖軟件相媲美，因此，從外部導(dǎo)入制作好的圖形元素成為Animate動(dòng)畫設(shè)計(jì)制作過(guò)程中常用的操作。導(dǎo)入圖形的格式導(dǎo)入位圖編輯導(dǎo)入位圖導(dǎo)入其他格式6.1.1導(dǎo)入圖形的格式

AnimateCC可以導(dǎo)入目前大多數(shù)主流圖像格式，具體的文件類型和文件擴(kuò)展名可以參照下表。6.1.2導(dǎo)入位圖

AnimateCC2017可以導(dǎo)入目前大多數(shù)主流圖像格式。位圖是制作影片時(shí)最常用到的圖形元素之一，在AnimateCC中默認(rèn)支持的位圖格式包括BMP、JPEG以及GIF等。6.1.3編輯位圖

在導(dǎo)入了位圖文件后，可以進(jìn)行各種編輯操作，例如修改位圖屬性、將位圖分離或者將位圖轉(zhuǎn)換為矢量圖等。6.1.4導(dǎo)入其他圖像格式

在AnimateCC2017中，還可以導(dǎo)入PSD、AI等格式的圖像文件，導(dǎo)入這些格式圖像文件可以保證圖像的質(zhì)量和保留圖像的可編輯性。6.2導(dǎo)入聲音

聲音是Animate動(dòng)畫的重要組成元素之一，它可以增添動(dòng)畫的表現(xiàn)能力。在AnimateCC中，用戶可以使用多種方法在影片中添加音頻文件，從而創(chuàng)建出有聲影片。聲音相關(guān)常識(shí)導(dǎo)入聲音的操作編輯聲音導(dǎo)出聲音壓縮聲音6.2.1聲音相關(guān)常識(shí)在Animate動(dòng)畫中插入聲音文件，首先需要決定插入聲音的類型。AnimateCC2017中的聲音分為事件聲音和音頻流兩種。6.2.2導(dǎo)入聲音的操作

Animate在導(dǎo)入聲音時(shí)，可以為按鈕添加音效，也可以將聲音導(dǎo)入到時(shí)間軸上，作為整個(gè)動(dòng)畫的背景音樂(lè)。在AnimateCC中，可以將外部的聲音文件導(dǎo)入到動(dòng)畫中，也可以使用共享庫(kù)中的聲音文件。6.2.3編輯聲音

在AnimateCC2017中，可以執(zhí)行改變聲音開始播放、停止播放的位置和控制播放的音量等編輯操作。6.2.4導(dǎo)出聲音

使用AnimateCC導(dǎo)出聲音文件，除了通過(guò)采樣比率和壓縮控制聲音的音量大小，還可以有效地控制聲音文件的大小。6.2.5壓縮聲音

聲音文件的壓縮比例越高、采樣頻率越，生成的Animate文件越小，但音質(zhì)較差；反之，壓縮比例較低采樣頻率越高時(shí)，生成的Animate文件越大，音質(zhì)較好。6.3導(dǎo)入視頻

Animate可將數(shù)字視頻素材編入基于Web的演示中。FLV和F4V(H.264)視頻格式具有技術(shù)和創(chuàng)意優(yōu)勢(shì)，允許用戶將視頻和數(shù)據(jù)、圖形、聲音和交互式控件融合在一起。通過(guò)FLV和F4V視頻，可以輕松將視頻以幾乎任何人都可以查看的格式放到網(wǎng)頁(yè)上。導(dǎo)入視頻的格式導(dǎo)入視頻的方法6.3.1導(dǎo)入視頻的格式

若要將視頻導(dǎo)入Animate中，必須使用以FLV或H.264格式編碼的視頻。視頻導(dǎo)入向?qū)Вㄊ褂谩疚募縷【導(dǎo)入】|【導(dǎo)入視頻】命令）會(huì)檢查您選擇導(dǎo)入的視頻文件；如果視頻不是Animate可以播放的格式，便會(huì)提醒您。如果視頻不是FLV或F4V格式，則可以使用AdobeMediaEncoder以適當(dāng)?shù)母袷綄?duì)視頻進(jìn)行編碼。6.3.2導(dǎo)入視頻的方法

用戶可以通過(guò)不同方法在Animate中使用視頻。6.4進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為制作視頻播放器這個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)?！禔nimateCC2017動(dòng)畫制作入門與進(jìn)階》第七

章使用元件、實(shí)例和庫(kù)學(xué)習(xí)目標(biāo)在動(dòng)畫制作過(guò)程中，經(jīng)常需要重復(fù)使用一些特定的動(dòng)畫元素，用戶可以將這些元素轉(zhuǎn)換為元件，在制作動(dòng)畫時(shí)多次調(diào)用。實(shí)例是元件在舞臺(tái)中的具體表現(xiàn)，【庫(kù)】面板是放置和組織元件的地方，本章將主要介紹在AnimateCC2017中使用元件和實(shí)例的操作方法，以及【庫(kù)】資源的相關(guān)應(yīng)用。7.1使用元件

元件是存放在庫(kù)中可被重復(fù)使用的圖形、按鈕或者動(dòng)畫。在AnimateCC中，元件是構(gòu)成動(dòng)畫的基礎(chǔ)，凡是使用Animate創(chuàng)建的所有文件，都可以通過(guò)某個(gè)或多個(gè)元件來(lái)實(shí)現(xiàn)。元件類型創(chuàng)建元件轉(zhuǎn)換元件復(fù)制元件編輯元件7.1.1元件類型

在AnimateCC2017中，每個(gè)元件都具有唯一的時(shí)間軸、舞臺(tái)及圖層?？梢栽趧?chuàng)建元件時(shí)選擇元件的類型，元件類型將決定元件的使用方法。7.1.2創(chuàng)建元件

創(chuàng)建元件的方法有兩種，一種是直接新建一個(gè)空元件，然后在元件編輯模式下創(chuàng)建元件內(nèi)容；另一種是將舞臺(tái)中的某個(gè)元素轉(zhuǎn)換為元件。下面將具體介紹創(chuàng)建幾種類型元件的方法。7.1.3轉(zhuǎn)換元件

如果舞臺(tái)中的元素需要反復(fù)使用，可以將它直接轉(zhuǎn)換為元件，保存在【庫(kù)】面板中，方便以后調(diào)用。7.1.4復(fù)制元件

復(fù)制元件和直接復(fù)制元件的操作可以方便元件的重復(fù)使用。復(fù)制元件和直接復(fù)制元件是兩個(gè)完全不同的概念。7.1.5編輯元件

創(chuàng)建元件后，可以選擇【編輯】|【編輯元件】命令，在元件編輯模式下編輯該元件；也可以選擇【編輯】|【在當(dāng)前位置編輯】命令，在舞臺(tái)中編輯該元件；或者直接雙擊該元件進(jìn)入該元件編輯模式。右擊創(chuàng)建好的元件后，在彈出的快捷菜單中可以選擇更多編輯方式和編輯內(nèi)容。7.2使用實(shí)例

實(shí)例是元件在舞臺(tái)中的具體表現(xiàn)，創(chuàng)建實(shí)例的過(guò)程就是將元件從【庫(kù)】面板中拖到舞臺(tái)中。對(duì)創(chuàng)建的實(shí)例可以進(jìn)行修改，從而得到依托于該元件的其他效果。創(chuàng)建實(shí)例交換實(shí)例改變實(shí)例類型分離實(shí)例設(shè)置實(shí)例屬性7.2.1創(chuàng)建實(shí)例

創(chuàng)建實(shí)例的方法在上文中也已經(jīng)介紹到，選擇【窗口】|【庫(kù)】命令，打開【庫(kù)】面板，將【庫(kù)】面板中的元件拖動(dòng)到舞臺(tái)中即可。7.2.2交換實(shí)例

在創(chuàng)建元件的不同實(shí)例后，用戶可以對(duì)元件實(shí)例進(jìn)行交換，使選定的實(shí)例變?yōu)榱硪粋€(gè)元件的實(shí)例。7.2.3改變實(shí)例類型

實(shí)例的類型也是可以相互轉(zhuǎn)換的。例如，可以將一個(gè)【圖形】實(shí)例轉(zhuǎn)換為【影片剪輯】實(shí)例，或?qū)⒁粋€(gè)【影片剪輯】實(shí)例轉(zhuǎn)換為【按鈕】實(shí)例，可以通過(guò)改變實(shí)例類型來(lái)重新定義它的動(dòng)畫中的行為。7.2.4分離實(shí)例

要斷開實(shí)例與元件之間的鏈接，并把實(shí)例放入未組合圖形和線條的集合中，可以在選中舞臺(tái)實(shí)例后，選擇【修改】|【分離】命令，將實(shí)例分離成圖形元素。7.2.5設(shè)置實(shí)例屬性

不同元件類型的實(shí)例有不同的屬性，用戶可以在各自的【屬性】面板中進(jìn)行設(shè)置。7.3使用庫(kù)

在AnimateCC中，創(chuàng)建的元件和導(dǎo)入的文件都存儲(chǔ)在【庫(kù)】面板中。在【庫(kù)】面板中的資源可以在多個(gè)文檔使用。

【庫(kù)】面板和項(xiàng)目

【庫(kù)】的操作共享庫(kù)資源7.3.1【庫(kù)】面板和項(xiàng)目

【庫(kù)】面板是集成庫(kù)項(xiàng)目?jī)?nèi)容的工具面板，【庫(kù)】項(xiàng)目是庫(kù)中的相關(guān)內(nèi)容。7.3.2【庫(kù)】的操作

在【庫(kù)】面板中，可以使用【庫(kù)】面板菜單中命令對(duì)庫(kù)項(xiàng)目進(jìn)行編輯、排序、重命名、刪除以及查看未使用的庫(kù)項(xiàng)目等管理操作。7.3.3共享庫(kù)資源

使用共享庫(kù)資源，可以將一個(gè)Animate影片【庫(kù)】面板中的元素共享，供其他Animate影片使用。這一功能在進(jìn)行小組開發(fā)或制作大型Animate影片時(shí)是非常實(shí)用的。7.4進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為創(chuàng)建【影片剪輯】元件動(dòng)畫這個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)。《AnimateCC2017動(dòng)畫制作入門與進(jìn)階》第八

章使用幀和圖層學(xué)習(xí)目標(biāo)

Animate動(dòng)畫播放的長(zhǎng)度是以幀為單位，創(chuàng)建Animate動(dòng)畫，實(shí)際上就是創(chuàng)建連續(xù)幀上的內(nèi)容，而使用圖層可以將動(dòng)畫中的不同對(duì)象與動(dòng)作區(qū)分開。本章主要介紹在AnimateCC2017動(dòng)畫中使用幀和圖層制作基礎(chǔ)動(dòng)畫的相關(guān)內(nèi)容。8.1認(rèn)識(shí)時(shí)間軸和幀

幀是Animate動(dòng)畫的最基本組成部分，Animate動(dòng)畫是由不同的幀組合而成的。時(shí)間軸是擺放和控制幀的地方，幀在時(shí)間軸上的排列順序?qū)Q定動(dòng)畫的播放順序。時(shí)間軸和幀的簡(jiǎn)介幀的類型幀的顯示狀態(tài)

【繪圖紙外觀】工具8.1.1時(shí)間軸和幀簡(jiǎn)介

幀是控制Animate動(dòng)畫內(nèi)容，而時(shí)間軸則是起著控制幀的順序和時(shí)間的作用。8.1.2幀的類型

在AnimateCC中用來(lái)控制動(dòng)畫播放的幀具有不同的類型，選擇【插入】|【時(shí)間軸】命令，在彈出的子菜單中顯示了幀、關(guān)鍵幀和空白關(guān)鍵幀3種類型幀。8.1.3幀的顯示狀態(tài)

幀在時(shí)間軸上具有多種表現(xiàn)形式，根據(jù)創(chuàng)建動(dòng)畫的不同，幀會(huì)呈現(xiàn)出不同的狀態(tài)甚至是不同的顏色。8.1.4【繪圖紙外觀】工具

一般情況下，在舞臺(tái)中只能顯示動(dòng)畫序列的某一幀上內(nèi)容，為了便于定位和編輯動(dòng)畫，可以使用【繪圖紙外觀】工具，一次查看在舞臺(tái)上兩個(gè)或更多幀的內(nèi)容。8.2操作幀在制作動(dòng)畫時(shí)，用戶可以根據(jù)需要對(duì)幀進(jìn)行一些基本操作，例如插入、選擇、刪除、清除、復(fù)制、移動(dòng)幀等。插入幀選擇幀刪除和清除幀復(fù)制幀移動(dòng)幀翻轉(zhuǎn)幀幀頻和幀序列8.2.1插入幀

要在時(shí)間軸上插入幀，可以通過(guò)以下幾種方法實(shí)現(xiàn)。8.2.2選擇幀

幀的選擇是對(duì)幀以及幀中內(nèi)容進(jìn)行操作的前提條件。要對(duì)幀進(jìn)行操作，首先必須選擇【窗口】|【時(shí)間軸】命令，打開【時(shí)間軸】面板。8.2.3刪除和清除幀

如果有不想要的幀，用戶可以選擇刪除或清除幀的操作。8.2.4復(fù)制幀

復(fù)制幀操作可以將同一個(gè)文檔中的某些幀復(fù)制到該文檔的其他幀位置，也可以將一個(gè)文檔中的某些幀復(fù)制到另外一個(gè)文檔的特定幀位置。8.2.5移動(dòng)幀

幀的移動(dòng)操作主要有下面兩種。8.2.6翻轉(zhuǎn)幀

翻轉(zhuǎn)幀功能可以使選定的一組幀按照順序翻轉(zhuǎn)過(guò)來(lái)，使原來(lái)的最后一幀變?yōu)榈?幀，原來(lái)的第1幀變?yōu)樽詈笠粠?.2.7幀頻和幀序列幀序列就是指一列幀的順序，幀頻是指Animate動(dòng)畫播放的速度。用戶可以改變幀序列的長(zhǎng)度以及設(shè)置幀頻等操作。8.3制作逐幀動(dòng)畫

逐幀動(dòng)畫是最簡(jiǎn)單易懂的一種動(dòng)畫形式，在逐幀動(dòng)畫中，需要為每個(gè)幀創(chuàng)建圖像，適合于表演很細(xì)膩的動(dòng)畫，但花費(fèi)時(shí)間也長(zhǎng)。逐幀動(dòng)畫的概念逐幀動(dòng)畫的制作8.3.1逐幀動(dòng)畫的概念

逐幀動(dòng)畫，也稱為幀幀動(dòng)畫，是最常見的動(dòng)畫形式，最適合于圖像在每一幀中都在變化而不是在舞臺(tái)上移動(dòng)的復(fù)雜動(dòng)畫。8.3.2創(chuàng)建逐幀動(dòng)畫

新建一個(gè)文檔，制作逐幀動(dòng)畫。8.4使用圖層

在AnimateCC2017中，圖層是創(chuàng)建各種特殊效果最基本也是最重要的概念之一。使用圖層可以將動(dòng)畫中的不同對(duì)象與動(dòng)作區(qū)分開，例如可以繪制、編輯、粘貼和重新定位一個(gè)圖層上的元素而不會(huì)影響到其他圖層。圖層的類型圖層的模式創(chuàng)建圖層和圖層文件夾選擇和刪除圖層復(fù)制和拷貝圖層重命名和調(diào)序圖層設(shè)置圖層屬性8.4.1圖層的類型

圖層位于【時(shí)間軸】面板上的左側(cè)，在AnimateCC中，圖層一般共分為5種類型，即一般圖層、遮罩層、被遮罩層、引導(dǎo)層、被引導(dǎo)層。8.4.2圖層的模式

AnimateCC中的圖層有多種圖層模式，以適應(yīng)不同的設(shè)計(jì)需要，這些圖層模式的具體作用如下。8.4.3創(chuàng)建圖層和圖層文件夾

使用圖層可以通過(guò)分層，將不同的內(nèi)容或效果添加到不同圖層上，從而組合成為復(fù)雜而生動(dòng)的作品。使用圖層前需要先創(chuàng)建圖層或圖層文件夾。8.4.4選擇和刪除圖層創(chuàng)建圖層后，要修改和編輯圖層，首先要選擇圖層.在選中圖層后，可以進(jìn)行刪除圖層操作。8.4.5復(fù)制和拷貝圖層在制作動(dòng)畫的過(guò)程中，有時(shí)可能需要重復(fù)使用兩個(gè)圖層中的對(duì)象，可以通過(guò)復(fù)制或拷貝圖層的方式來(lái)實(shí)現(xiàn)，從而減少重復(fù)操作。8.4.6重命名和調(diào)序圖層默認(rèn)情況下，創(chuàng)建的圖層會(huì)以【圖層+編號(hào)】的樣式為該圖層命名，但這種編號(hào)性質(zhì)的名稱在圖層較多時(shí)使用會(huì)很不方便。8.4.7設(shè)置圖層屬性要設(shè)置某個(gè)圖層的詳細(xì)屬性，例如輪廓顏色、圖層類型等，可以在【圖層屬性】對(duì)話框中實(shí)現(xiàn)。8.5制作攝像頭動(dòng)畫

在AnimateCC2017中提供了【攝像頭】工具，用戶使用該工具可以控制攝像頭的擺位、放大或縮小、平移以及其他特效，指揮舞臺(tái)上的角色和對(duì)象。認(rèn)識(shí)攝像頭圖層創(chuàng)建攝像頭動(dòng)畫8.5.1認(rèn)識(shí)攝像頭圖層

在工具面板上選擇【攝像頭】工具或者在【時(shí)間軸】面板上單擊【添加攝像頭】按鈕，將會(huì)在時(shí)間軸頂部添加一個(gè)攝像頭圖層【Camear】，舞臺(tái)上出現(xiàn)攝像頭控制臺(tái)。8.5.2創(chuàng)建攝像頭動(dòng)畫

使用舞臺(tái)上的攝像頭控制臺(tái)，可以方便的創(chuàng)建攝像頭動(dòng)作動(dòng)畫。8.5進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為制作滾動(dòng)文字動(dòng)畫和走路動(dòng)畫2個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)?！禔nimateCC2017動(dòng)畫制作入門與進(jìn)階》第九

章制作常用動(dòng)畫學(xué)習(xí)目標(biāo)在AnimateCC2017中，使用幀可以制作Animate的補(bǔ)間動(dòng)畫，使用不同的圖層種類可以制作引導(dǎo)層和遮罩層動(dòng)畫，此外還可以制作骨骼動(dòng)畫和多場(chǎng)景動(dòng)畫等等。本章主要介紹運(yùn)用幀和圖層，制作常見的Animate動(dòng)畫。9.1制作補(bǔ)間形狀動(dòng)畫

補(bǔ)間形狀動(dòng)畫是一種在制作對(duì)象形狀變化時(shí)經(jīng)常被使用到的動(dòng)畫形式，其制作原理是通過(guò)在兩個(gè)具有不同形狀的關(guān)鍵幀之間指定形狀補(bǔ)間，以表現(xiàn)中間變化過(guò)程的方法形成動(dòng)畫。創(chuàng)建補(bǔ)間形狀動(dòng)畫編輯補(bǔ)間形狀動(dòng)畫9.1.1創(chuàng)建補(bǔ)間形狀動(dòng)畫

補(bǔ)間形狀動(dòng)畫是通過(guò)在時(shí)間軸的某個(gè)幀中繪制一個(gè)對(duì)象，在另一個(gè)幀中修改該對(duì)象或重新繪制其他對(duì)象，然后由Animate計(jì)算出兩幀之間的差距并插入過(guò)渡幀，從而創(chuàng)建出動(dòng)畫的效果。9.1.2編輯補(bǔ)間形狀動(dòng)畫

當(dāng)建立了一個(gè)補(bǔ)間形狀動(dòng)畫后，可以進(jìn)行適當(dāng)?shù)木庉嫴僮鳌＿x中補(bǔ)間形狀動(dòng)畫中的某一幀，打開其【屬性】面板進(jìn)行設(shè)置。9.2制作傳統(tǒng)補(bǔ)間動(dòng)畫

當(dāng)需要在動(dòng)畫中展示移動(dòng)位置、改變大小、旋轉(zhuǎn)、改變色彩等效果時(shí)，就可以使用傳統(tǒng)補(bǔ)間動(dòng)畫。創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫編輯傳統(tǒng)補(bǔ)間動(dòng)畫處理XML文件9.2.1創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

傳統(tǒng)補(bǔ)間動(dòng)畫又叫做中間幀動(dòng)畫、漸變動(dòng)畫等。只要建立起起始和結(jié)束的畫面，中間部分由軟件自動(dòng)生成動(dòng)作補(bǔ)間效果。傳統(tǒng)補(bǔ)間動(dòng)畫可以用于補(bǔ)間實(shí)例、組和類型的位置、大小、旋轉(zhuǎn)和傾斜，以及表現(xiàn)顏色、漸變顏色切換或淡入淡出效果。9.2.2編輯傳統(tǒng)補(bǔ)間動(dòng)畫

在設(shè)置了傳統(tǒng)補(bǔ)間動(dòng)畫之后，可以通過(guò)【屬性】面板，對(duì)傳統(tǒng)補(bǔ)間動(dòng)畫進(jìn)一步加工編輯。選中傳統(tǒng)補(bǔ)間動(dòng)畫的任意一幀，打開【屬性】面板。9.2.3處理XML文件

Animate允許用戶將傳統(tǒng)補(bǔ)間作為XML文件處理。Animate設(shè)計(jì)為允許您對(duì)任何傳統(tǒng)補(bǔ)間應(yīng)用以下命令：將動(dòng)畫復(fù)制為XML，將動(dòng)畫導(dǎo)出為XML，將動(dòng)畫導(dǎo)入為XML。9.3制作補(bǔ)間動(dòng)畫

補(bǔ)間動(dòng)畫是AnimateCC中的一種動(dòng)畫類型，它允許用戶通過(guò)鼠標(biāo)拖動(dòng)舞臺(tái)上的對(duì)象來(lái)創(chuàng)建，這讓動(dòng)畫制作變的簡(jiǎn)單快捷。創(chuàng)建補(bǔ)間動(dòng)畫運(yùn)用動(dòng)畫預(yù)設(shè)使用【動(dòng)畫編輯器】

9.3.1創(chuàng)建補(bǔ)間動(dòng)畫

補(bǔ)間動(dòng)畫是通過(guò)一個(gè)幀中的對(duì)象屬性指定一個(gè)值，然后為另一個(gè)幀中相同屬性對(duì)象指定另一個(gè)值而創(chuàng)建的動(dòng)畫。由Animate自動(dòng)計(jì)算這兩個(gè)幀之間該屬性的值。9.3.2使用動(dòng)畫預(yù)設(shè)

動(dòng)畫預(yù)設(shè)是指預(yù)先配置的補(bǔ)間動(dòng)畫，并將這些補(bǔ)間動(dòng)畫應(yīng)用到舞臺(tái)中的對(duì)象上。動(dòng)畫預(yù)設(shè)是添加一些基礎(chǔ)動(dòng)畫的快捷方法，可以在【動(dòng)畫預(yù)設(shè)】面板中選擇并應(yīng)用動(dòng)畫。9.3.3使用【動(dòng)畫編輯器】

創(chuàng)建完補(bǔ)間動(dòng)畫后，雙擊補(bǔ)間動(dòng)畫其中任意1幀，即可在【時(shí)間軸】面板中打開【動(dòng)畫編輯器】?！緞?dòng)畫編輯器】將在網(wǎng)格上顯示屬性曲線，該網(wǎng)格表示發(fā)生選定補(bǔ)間的時(shí)間軸的各個(gè)幀。9.4制作引導(dǎo)層動(dòng)畫

在AnimateCC2017中，引導(dǎo)層是一種特殊的圖層，在該圖層中，同樣可以導(dǎo)入圖形和引入元件，但是最終發(fā)布動(dòng)畫時(shí)引導(dǎo)層中的對(duì)象不會(huì)被顯示出來(lái)，按照引導(dǎo)層發(fā)揮的功能不同，可以分為普通引導(dǎo)層和傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層兩種類型。普通引導(dǎo)層傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層9.4.1創(chuàng)建普通引導(dǎo)層

普通引導(dǎo)層在【時(shí)間軸】面板的圖層名稱前方會(huì)顯示圖標(biāo)，該圖層主要用于輔助靜態(tài)對(duì)象定位，并且可以不產(chǎn)生被引導(dǎo)層而單獨(dú)使用。9.4.2創(chuàng)建傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層

傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層在時(shí)間軸上以按鈕表示，該圖層主要用于繪制對(duì)象的運(yùn)動(dòng)路徑，可以將圖層鏈接到同一個(gè)運(yùn)動(dòng)引導(dǎo)層中，使圖層中的對(duì)象沿引導(dǎo)層中的路徑運(yùn)動(dòng)，此時(shí)，該圖層將位于傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層下方并成為被引導(dǎo)層。9.5制作遮罩層動(dòng)畫

使用AnimateCC2017的遮罩層可以制作更加復(fù)雜的動(dòng)畫，在動(dòng)畫中只需要設(shè)置一個(gè)遮罩層，就能遮掩一些對(duì)象，可以制作出燈光移動(dòng)或其他復(fù)雜的動(dòng)畫效果。遮罩層動(dòng)畫原理創(chuàng)建遮罩層動(dòng)畫9.5.1遮罩層動(dòng)畫原理

Animate中的遮罩層是制作動(dòng)畫時(shí)非常有用的一種特殊圖層，它的作用就是可以通過(guò)遮罩層內(nèi)的圖形看到被遮罩層中的內(nèi)容，利用這一原理，用戶可以使用遮罩層制作出多種復(fù)雜的動(dòng)畫效果。9.5.2創(chuàng)建遮罩層動(dòng)畫

所有的遮罩層都是由普通層轉(zhuǎn)換過(guò)來(lái)的。要將普通層轉(zhuǎn)換為遮罩層，可以右擊該圖層，在彈出的快捷菜單中選擇【遮罩層】命令，此時(shí)該圖層的圖標(biāo)會(huì)變?yōu)椋砻魉驯晦D(zhuǎn)換為遮罩層；而緊貼它下面的圖層將自動(dòng)轉(zhuǎn)換為被遮罩層，圖標(biāo)為。9.6制作骨骼動(dòng)畫

使用AnimateCC2017中的【骨骼工具】可以創(chuàng)建一系列鏈接的對(duì)象輕松創(chuàng)建鏈型效果，幫助用戶更加輕松的創(chuàng)建出各種人物動(dòng)畫，如胳膊、腿的反向運(yùn)動(dòng)效果。添加骨骼編輯骨骼創(chuàng)建骨骼動(dòng)畫9.6.1添加骨骼

可以向單獨(dú)的元件實(shí)例或單個(gè)形狀的內(nèi)部添加骨骼。在一個(gè)骨骼移動(dòng)時(shí)，與啟動(dòng)運(yùn)動(dòng)的骨骼相關(guān)的其他連接骨骼也會(huì)移動(dòng)。使用反向運(yùn)動(dòng)進(jìn)行動(dòng)畫處理時(shí)，只需指定對(duì)象的開始位置和結(jié)束位置即可。9.6.2編輯骨骼

創(chuàng)建骨骼后，可以使用多種方法編輯骨骼，例如重新定位骨骼及其關(guān)聯(lián)的對(duì)象，在對(duì)象內(nèi)移動(dòng)骨骼，更改骨骼的長(zhǎng)度，刪除骨骼，以及編輯包含骨骼的對(duì)象。9.7制作多場(chǎng)景動(dòng)畫

在AnimateCC2017中，除了默認(rèn)的單場(chǎng)景動(dòng)畫以外，用戶還可以應(yīng)用多個(gè)場(chǎng)景來(lái)編輯動(dòng)畫，比如動(dòng)畫風(fēng)格轉(zhuǎn)換時(shí)就可以使用多個(gè)場(chǎng)景。編輯場(chǎng)景創(chuàng)建多場(chǎng)景動(dòng)畫9.7.1編輯場(chǎng)景

Animate默認(rèn)只使用一個(gè)場(chǎng)景（場(chǎng)景1）來(lái)組織動(dòng)畫，用戶可以自行添加多個(gè)場(chǎng)景來(lái)豐富動(dòng)畫，每個(gè)場(chǎng)景都有自己的主時(shí)間軸，在其中制作動(dòng)畫的方法也一樣。9.7.2創(chuàng)建多場(chǎng)景動(dòng)畫

打開一個(gè)素材文檔，創(chuàng)建多場(chǎng)景動(dòng)畫。9.8進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為制作云朵等幾個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)?！禔nimateCC2017動(dòng)畫制作入門與進(jìn)階》第十

章

使用腳本語(yǔ)言學(xué)習(xí)目標(biāo)

ActionScript是Animate的動(dòng)作腳本語(yǔ)言，在Animate中使用動(dòng)作腳本語(yǔ)言可以與Animate后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行交流，結(jié)合龐大的數(shù)據(jù)庫(kù)系統(tǒng)和腳本語(yǔ)言，從而可以制作出交互性強(qiáng)、動(dòng)畫效果更加絢麗的Animate動(dòng)畫。本章主要介紹ActionScript基礎(chǔ)知識(shí)及其交互式動(dòng)畫的應(yīng)用內(nèi)容。10.1ActionScript語(yǔ)言簡(jiǎn)介

ActionScript是Animate的動(dòng)作腳本語(yǔ)言，在AnimateCC2017中使用動(dòng)作腳本語(yǔ)言可以與后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行交流，使用組件可以快速地在Animate文檔中添加所需的界面元素，從而可以制作出交互性強(qiáng)、動(dòng)畫效果更加絢麗的Animate動(dòng)畫。本章主要介紹ActionScript基礎(chǔ)知識(shí)及其交互式動(dòng)畫的應(yīng)用內(nèi)容。

ActionScript入門

ActionScript常用術(shù)語(yǔ)10.1.1

ActionScript入門

ActionScript腳本撰寫語(yǔ)言允許用戶向應(yīng)用程序添加復(fù)雜的交互性、播放控制和數(shù)據(jù)顯示。可以使用動(dòng)作面板、【腳本】窗口或外部編輯器在創(chuàng)作環(huán)境內(nèi)添加ActionScript。10.1.2ActionScript常用術(shù)語(yǔ)

在學(xué)習(xí)編寫ActionScript之前，首先要了解一些ActionScript的常用術(shù)語(yǔ)，有關(guān)ActionScript中的常用術(shù)語(yǔ)名稱和介紹說(shuō)明如表9-1所示。10.2

ActionScrip語(yǔ)言基礎(chǔ)

ActionScript動(dòng)作腳本具有語(yǔ)法和標(biāo)點(diǎn)規(guī)則，這些規(guī)則可以確定哪些字符和單詞能夠用來(lái)創(chuàng)建含義及編寫它們的順序。在前文中已經(jīng)介紹了有關(guān)ActionScript中的常用術(shù)語(yǔ)名稱和說(shuō)明，下面將詳細(xì)介紹ActionScript語(yǔ)言的主要組成部分及其作用。基本語(yǔ)法數(shù)據(jù)類型變量常量關(guān)鍵字函數(shù)運(yùn)算符10.2.1基本語(yǔ)法

ActionScript語(yǔ)法是ActionScript編程中最重要環(huán)節(jié)之一，ActionScript的語(yǔ)法相對(duì)于其他的一些專業(yè)程序語(yǔ)言來(lái)說(shuō)較為簡(jiǎn)單。ActionScript動(dòng)作腳本主要包括語(yǔ)法和標(biāo)點(diǎn)規(guī)則。10.2.2數(shù)據(jù)類型

數(shù)據(jù)類型用于描述變量或動(dòng)作腳本元素可以存儲(chǔ)的數(shù)據(jù)信息。在Animate中包括兩種數(shù)據(jù)類型，即原始數(shù)據(jù)類型和引用數(shù)據(jù)類型。10.2.3變量變量是動(dòng)作腳本中可以變化的量，在動(dòng)畫播放過(guò)程中可以更改變量的值，還可以記錄和保存用戶的操作信息、記錄影片播放時(shí)更改的值或評(píng)估某個(gè)條件是否成立等功能。10.2.4常量常量在程序中是始終保持不變的量，它分為數(shù)值型、字符串型和邏輯型。10.2.5關(guān)鍵字在ActionScript中保留了一些具有特殊用途的單詞便于調(diào)用，這些單詞稱為關(guān)鍵字。10.2.6函數(shù)在ActionScript中，函數(shù)是一個(gè)動(dòng)作腳本的代碼塊，可以在任何位置重復(fù)使用，減少代碼量，從而提供工作效率，同時(shí)也可以減少手動(dòng)輸入代碼時(shí)引起的錯(cuò)誤。在Animate中可以直接調(diào)用已有的內(nèi)置函數(shù)，也可以創(chuàng)建自定義函數(shù)，然后進(jìn)行調(diào)用。10.2.7運(yùn)算符

ActionScript中的表達(dá)式都是通過(guò)運(yùn)算符連接變量和數(shù)值的。運(yùn)算符是在進(jìn)行動(dòng)作腳本編程過(guò)程中經(jīng)常會(huì)用到的元素，使用它可以連接、比較、修改已經(jīng)定義的數(shù)值。ActionScript中的運(yùn)算符分為：數(shù)值運(yùn)算符、賦值運(yùn)算符、邏輯運(yùn)算符、等于運(yùn)算符等。10.3輸入代碼

由于AnimateCC2017只支持ActionScript3.0環(huán)境，不支持ActionScript3.0環(huán)境，按鈕或影片剪輯不可以被直接添加代碼，只能將代碼輸入在時(shí)間軸上，或者將代碼輸入在外部類文件中。代碼編寫流程絕對(duì)路徑和相對(duì)路徑添加代碼10.3.1代碼編寫流程

在開始編寫ActionScript之前，首先要明確動(dòng)畫所要達(dá)到的目的，然后根據(jù)動(dòng)畫設(shè)計(jì)的目的，決定使用哪些動(dòng)作。在設(shè)計(jì)動(dòng)作腳本時(shí)始終要把握好動(dòng)作腳本的時(shí)機(jī)和動(dòng)作腳本的位置。10.3.2絕對(duì)路徑和相對(duì)路徑

許多腳本動(dòng)作都會(huì)影響影片剪輯、按鈕和其他元件實(shí)例。在代碼中，可以引用時(shí)間軸上的元件實(shí)例，方法是插入目標(biāo)路徑，即希望設(shè)為目標(biāo)的實(shí)例地址?？梢栽O(shè)置絕對(duì)或相對(duì)目標(biāo)路徑。絕對(duì)路徑包含實(shí)例的完整地址。相對(duì)路徑僅包含與腳本在FLA文件中的地址不同的部分地址，如果腳本移動(dòng)到另一位置，則地址將會(huì)失效。10.3.3添加代碼

代碼可以輸入在時(shí)間軸上，或者將代碼輸入在外部類文件中。10.4ActionScript常用語(yǔ)句

ActionScript語(yǔ)句就是動(dòng)作或者命令，動(dòng)作可以相互獨(dú)立地運(yùn)行，也可以在一個(gè)動(dòng)作內(nèi)使用另一個(gè)動(dòng)作，從而達(dá)到嵌套效果，使動(dòng)作之間可以相互影響。條件判斷語(yǔ)句及循環(huán)控制語(yǔ)句是制作Animate動(dòng)畫時(shí)較常用到的兩種語(yǔ)句。條件判斷語(yǔ)句循環(huán)控制語(yǔ)句10.4.1條件判斷語(yǔ)句

條件語(yǔ)句用于決定在特定情況下才執(zhí)行命令，或者針對(duì)不同的條件執(zhí)行具體操作。在制作交互性動(dòng)畫時(shí)，使用條件語(yǔ)句，只有當(dāng)符合設(shè)置的條件時(shí)，才會(huì)執(zhí)行相應(yīng)的動(dòng)畫操作。在AnimateCS6中，條件語(yǔ)句主要有if…else語(yǔ)句、if…else…if和switch…case3種句型。10.4.2循環(huán)控制語(yǔ)句

循環(huán)類動(dòng)作主要控制一個(gè)動(dòng)作重復(fù)的次數(shù)，或是在特定的條件成立時(shí)重復(fù)動(dòng)作。在AnimateCC中可以使用while、do…while、for、for…in和foreach…in動(dòng)作創(chuàng)建循環(huán)。10.5處理對(duì)象

Animate中訪問(wèn)的每一個(gè)目標(biāo)都可以稱之為“對(duì)象”，例如舞臺(tái)中的元件實(shí)例等等。每個(gè)對(duì)象都可能包含3個(gè)特征，分別是屬性、方法和事件，而且用戶還可以進(jìn)行創(chuàng)建對(duì)象實(shí)例的操作。屬性方法事件創(chuàng)建對(duì)象實(shí)例10.5.1屬性

屬性是對(duì)象的基本特性，如影片剪輯元件的位置、大小、透明度等。它表示某個(gè)對(duì)象中綁定在一起的若干數(shù)據(jù)塊的一個(gè)。10.5.2方法

方法是指可以由對(duì)象執(zhí)行的操作。如果在Animate中使用時(shí)間軸上的幾個(gè)關(guān)鍵幀和基本動(dòng)畫制作了一個(gè)影片剪輯元件，則可以播放或停止該影片剪輯，或者指示它將播放頭移動(dòng)到特定的幀。10.5.3事件

事件用于確定執(zhí)行哪些指令以及何時(shí)執(zhí)行的機(jī)制。事實(shí)上，事件就是指所發(fā)生的、ActionScript能夠識(shí)別并可響應(yīng)的事情。許多事件與用戶交互動(dòng)作有關(guān)，如用戶單擊按鈕或按下鍵盤上的鍵等操作。10.5.4創(chuàng)建對(duì)象實(shí)例

創(chuàng)建對(duì)象的一個(gè)步驟就是聲明變量，前面已經(jīng)學(xué)會(huì)了其操作方法。但僅聲明變量，只表示在電腦內(nèi)創(chuàng)建了一個(gè)空位置，因此需要為變量賦予一個(gè)實(shí)際的值，這樣的整個(gè)過(guò)程就成為對(duì)象的“實(shí)例化”。除了在ActionScript中聲明變量時(shí)賦值之外，其實(shí)用戶也可以在【屬性】面板中為對(duì)象指定對(duì)象實(shí)例名。10.6使用類和數(shù)組

類是ActionScript中的基礎(chǔ)，ActionScript3.0中的類有許多種。使用數(shù)組可以把相關(guān)的數(shù)據(jù)聚集在一起，對(duì)其進(jìn)行組織和處理。使用類使用數(shù)組10.6.1使用類

類是對(duì)象的抽象表現(xiàn)形式，用來(lái)儲(chǔ)存有關(guān)對(duì)象可保存的數(shù)據(jù)類型及對(duì)象可表現(xiàn)的行為的信息。使用類可以更好地控制對(duì)象的創(chuàng)建方式以及對(duì)象之間的交互方式。一個(gè)類包括類名和類體，類體又包括類的屬性和類的方法。10.6.2使用數(shù)組

在ActionScript3.0中，使用數(shù)組可以把相關(guān)的數(shù)據(jù)聚集在一起，對(duì)其進(jìn)行組織處理。數(shù)組可以存儲(chǔ)多種類型的數(shù)據(jù)，并為每個(gè)數(shù)據(jù)提供一個(gè)唯一的索引標(biāo)識(shí)。10.7進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為按鈕切換圖片效果這個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)?！禔nimateCC2017動(dòng)畫使用入門與進(jìn)階》第十

一章Animate組件操作學(xué)習(xí)目標(biāo)組件是一種帶有參數(shù)的影片剪輯，它可以幫助用戶在不編寫ActionScript的情況下，方便而快速地在Animate文檔中添加所需的界面元素。本章主要介紹在AnimateCC2017中使用各種組件的基本方法。11.1組件基礎(chǔ)知識(shí)組件是帶有參數(shù)的影片剪輯，每個(gè)組件都有一組獨(dú)特的動(dòng)作腳本方法，用戶可以使用組件在Animate中快速構(gòu)建應(yīng)用程序。組件的范圍不僅僅限于軟件提供的自帶組件，還可以下載其他開發(fā)人員使用的組件，甚至自定義組件。組件的類型組件的操作11.1.1組件的類型

Animate中的組件都顯示在【組件】面板中，選擇【窗口】｜【組件】命令，打開【組件】面板。在該面板中可查看和調(diào)用系統(tǒng)中的組件?！綰I】（UserInterface）組件和【Video】組件兩類。11.1.2組件的操作

在AnimateCC2017中，組件的基本操作主要包括添加和刪除組件、調(diào)整組件外觀等。11.2常用【UI】組件

在AnimateCC的組件類型中，【UI】(UserInterface)組件用于設(shè)置用戶界面，并實(shí)現(xiàn)大部分的交互式操作，因此在使用交互式動(dòng)畫方面，【UI】組件應(yīng)用最廣，也是最常用的組件類別之一。按鈕組件復(fù)選框組件單選按鈕組件下拉列表組件文本區(qū)域組件進(jìn)程欄組件滾動(dòng)窗格組件數(shù)字微調(diào)組件文本標(biāo)簽組件列表框組件11.2.1使用按鈕組件

按鈕組件【Button】是一個(gè)可使用自定義圖標(biāo)來(lái)定義其大小的按鈕，它可以執(zhí)行鼠標(biāo)和鍵盤的交互事件，也可以將按鈕的行為從按下改為切換。11.2.2使用復(fù)選框組件

復(fù)選框是一個(gè)可以選中或取消選中的方框，它是表單或應(yīng)用程序中常用的控件之一，當(dāng)需要收集一組非互相排斥的選項(xiàng)時(shí)都可以使用復(fù)選框。11.2.3使用單選按鈕組件

單選按鈕組件【RadioButton】允許在互相排斥的選項(xiàng)之間進(jìn)行選擇，可以利用該組件使用多個(gè)不同的組，從而使用一系列的選擇組。11.2.4使用下拉列表組件

下拉列表組件【ComboBox】由3個(gè)子組件構(gòu)成：【BaseButton】、【TextInput】和【List】組件，它允許用戶從打開的下拉列表框中選擇一個(gè)選項(xiàng)。11.2.5使用文本區(qū)域組件

文本區(qū)域組件【TextArea】用于使用多行文本字段，例如，可以在表單中使用【TextAre】組件使用一個(gè)靜態(tài)的注釋文本，或者使用一個(gè)支持文本輸入的文本框。11.2.6使用進(jìn)程欄組件

使用進(jìn)程欄組件【ProgressBar】可以方便快速地使用出動(dòng)畫預(yù)載畫面，即通常在打開Animate動(dòng)畫時(shí)見到的Loading界面。配合上標(biāo)簽組件【Label】，還可以將加載進(jìn)度顯示為百分比。11.2.7使用滾動(dòng)窗格組件如果需要在Animate文檔中使用一個(gè)能顯示大量?jī)?nèi)容的區(qū)域，但又不能為此占用過(guò)大的舞臺(tái)空間，就可以使用滾動(dòng)窗格組件【ScrollPane】。在【ScrollPane】組件中可以添加有垂直或水平滾動(dòng)條的窗口，用戶可以將影片剪輯、JPEG、PNG、GIF或者SWF文件導(dǎo)入到該窗口中。11.2.8使用數(shù)字微調(diào)組件

數(shù)字微調(diào)組件【NumericStepper】允許用戶逐個(gè)通過(guò)一組經(jīng)過(guò)排序的數(shù)字。該組件由顯示上、下三角按鈕旁邊的文本框中的數(shù)字組成。11.2.9使用文本標(biāo)簽組件

文本標(biāo)簽組件【Label】是一行文本。用戶可以指定一個(gè)標(biāo)簽的格式，也可以控制標(biāo)簽的對(duì)齊和大小。11.2.10使用列表框組件

列表框組件【List】和下拉列表框很相似，區(qū)別在于下拉列表框一開始就顯示一行，而列表框則是顯示多行。11.3使用視頻類組件

AnimateCC2017的【組件】窗口中還包含了【Video】組件，即視頻類組件。該組件主要用于控制導(dǎo)入到AnimateCC中的視頻。11.4進(jìn)階實(shí)戰(zhàn)本章的進(jìn)階實(shí)戰(zhàn)部分為制作注冊(cè)界面這個(gè)綜合實(shí)例操作，用戶通過(guò)練習(xí)從而鞏固本章所學(xué)知識(shí)。《AnimateCC2017動(dòng)畫制作入門與進(jìn)階》第十二

章動(dòng)畫影片的導(dǎo)出和發(fā)布學(xué)習(xí)目標(biāo)制作完動(dòng)畫影片后，可以將影片導(dǎo)出或發(fā)布。發(fā)布影片前對(duì)動(dòng)畫影片進(jìn)行測(cè)試可以確保影片播放的準(zhǔn)確率。對(duì)影片進(jìn)行適當(dāng)?shù)膬?yōu)化處理，可以保證在不影響影片質(zhì)量的前提下獲得最快的影片播放速度。本章主要介紹測(cè)