2.4 元件和庫(kù)

元件是一種可重復(fù)使用的對(duì)象，重復(fù)使用它不會(huì)增加文件的大小。當(dāng)編輯元件時(shí)，該元件的所有實(shí)例都會(huì)相應(yīng)地更新以反映編輯效果。庫(kù)也就是“庫(kù)”面板，它是Animate CC 2017軟件中用于存放各種動(dòng)畫(huà)元素的場(chǎng)所，所存放的元素可以是由外部導(dǎo)入的圖像、聲音、視頻元素，也可以是使用Animate CC 2017軟件根據(jù)動(dòng)畫(huà)需要?jiǎng)?chuàng)建出的不同類(lèi)型的元件。

2.4.1 元件的類(lèi)型

元件是構(gòu)成Animate CC 2017動(dòng)畫(huà)的基礎(chǔ)，用戶可以根據(jù)動(dòng)畫(huà)的具體應(yīng)用直接創(chuàng)建元件的不同類(lèi)型。在Animate CC 2017中，元件分為影片剪輯、按鈕和圖形3種，如圖2-104所示。

1．影片剪輯

影片剪輯元件在“庫(kù)”面板元件名稱(chēng)前顯示出圖標(biāo)，如圖2-105所示。使用影片剪輯元件可以創(chuàng)建可重用的動(dòng)畫(huà)片段。影片剪輯擁有自己獨(dú)立于主時(shí)間軸的多幀時(shí)間軸，可以將影片剪輯看作是主時(shí)間軸內(nèi)的嵌套時(shí)間軸，它們可以包含交互式控件、聲音甚至其他影片剪輯實(shí)例，也可以將影片剪輯元件放在按鈕元件的時(shí)間軸內(nèi)，以創(chuàng)建動(dòng)畫(huà)按鈕。

2．圖形

圖形元件在“庫(kù)”面板元件名稱(chēng)前顯示出圖標(biāo)，它可用于創(chuàng)建靜態(tài)圖像，也可用于創(chuàng)建連接到主時(shí)間軸的可重用動(dòng)畫(huà)片段。圖形元件與主時(shí)間軸同步運(yùn)行。交互式控件和聲音在圖形元件的動(dòng)畫(huà)序列中不起作用。

3．按鈕

按鈕元件在“庫(kù)”面板元件名稱(chēng)前顯示出圖標(biāo)，用于創(chuàng)建交互式按鈕。按鈕有不同的狀態(tài)，每種狀態(tài)都可以通過(guò)圖形、元件和聲音來(lái)定義。一旦創(chuàng)建了按鈕，就可以對(duì)其影片或者影片片斷中的實(shí)例賦予動(dòng)作。

2.4.2 創(chuàng)建元件

用戶可以通過(guò)工作區(qū)中選定的對(duì)象創(chuàng)建元件；也可以創(chuàng)建一個(gè)空元件，然后在元件編輯模式下制作或?qū)胂鄳?yīng)的內(nèi)容；還可以在Animate CC 2017中創(chuàng)建字體元件。元件可以擁有在Animate CC 2017中創(chuàng)建的所有功能，包括動(dòng)畫(huà)。

通過(guò)使用包含動(dòng)畫(huà)的元件，用戶可以在很小的文件中創(chuàng)建包含大量動(dòng)作的Animate CC 2017應(yīng)用程序。如果有重復(fù)或循環(huán)的動(dòng)作，例如，像鳥(niǎo)的翅膀上下翻飛，應(yīng)該考慮在元件中創(chuàng)建動(dòng)畫(huà)。

1．將選定元素轉(zhuǎn)換為元件

將選定元素轉(zhuǎn)換為元件的操作步驟如下。

1）在工作區(qū)中選擇一個(gè)或多個(gè)元素，然后執(zhí)行菜單中的“修改|轉(zhuǎn)換為元件”（快捷鍵〈F8〉）命令；或者右鍵單擊選中的元件，從彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”命令。

2）在“轉(zhuǎn)換為元件”對(duì)話框中輸入元件名稱(chēng)，并選擇“影片剪輯”“按鈕”或“圖形”類(lèi)型，然后在注冊(cè)網(wǎng)格中單擊，確定放置元件的注冊(cè)點(diǎn)，如圖2-106所示。設(shè)置完畢后單擊“確定”按鈕，即可將元素轉(zhuǎn)換為元件。

提示：此時(shí)，工作區(qū)中選定的元素將變成一個(gè)元件。如果要對(duì)其進(jìn)行再次編輯，可以雙擊該元件進(jìn)入編輯狀態(tài)。

2．創(chuàng)建一個(gè)新的空元件

創(chuàng)建一個(gè)新的空元件的操作步驟如下。

1）首先確認(rèn)未在舞臺(tái)上選定任何內(nèi)容，然后執(zhí)行菜單中的“插入|新建元件”命令；或者單擊“庫(kù)”面板左下角的（新建元件）按鈕；或者從“庫(kù)”面板右上角的庫(kù)選項(xiàng)菜單中選擇“新建元件”命令。

2）在“創(chuàng)建新元件”對(duì)話框中輸入元件名稱(chēng)，并選擇元件類(lèi)型，然后單擊“確定”按鈕。

提示：此時(shí)，Animate CC 2017會(huì)將該元件添加到“庫(kù)”面板中，并切換到元件編輯模式。在元件編輯模式下，元件的名稱(chēng)將出現(xiàn)在舞臺(tái)的左上角，并由一個(gè)十字線表明該元件的注冊(cè)點(diǎn)。

3．創(chuàng)建“影片剪輯”元件

影片剪輯是位于影片中的小影片，用戶可以在影片剪輯片段中增加動(dòng)畫(huà)、動(dòng)作、聲音等其他元件或其他的影片片斷。影片剪輯有自己的時(shí)間軸，其運(yùn)行獨(dú)立于主時(shí)間軸。與圖形元件不同，影片剪輯只需要在主時(shí)間軸中放置單一的關(guān)鍵幀就可以啟動(dòng)播放。

創(chuàng)建影片剪輯元件的操作步驟如下。

1）執(zhí)行菜單中的“插入|新建元件”（組合鍵〈Ctrl+F8〉）命令，在彈出的“創(chuàng)建新元件”對(duì)話框中輸入名稱(chēng)，然后選擇“影片剪輯”選項(xiàng)。

2）單擊“確定”按鈕，即可進(jìn)入影片剪輯的編輯模式。

4．創(chuàng)建“圖形”元件

圖形元件是一種最簡(jiǎn)單的Animate CC 2017元件，使用這種元件可以處理靜態(tài)圖片和動(dòng)畫(huà)。注意，圖形元件中的動(dòng)畫(huà)是受主時(shí)間軸控制的，并且動(dòng)作和聲音在圖形元件中不能正常工作。

（1）將所選對(duì)象轉(zhuǎn)換為圖形元件

將所選對(duì)象轉(zhuǎn)換為圖形元件的操作步驟如下。

1）選中希望包含到元件中的一個(gè)或多個(gè)對(duì)象。

2）執(zhí)行菜單中的“修改|轉(zhuǎn)換為元件”（快捷鍵〈F8〉）命令，在彈出的“轉(zhuǎn)換為元件”對(duì)話框中輸入元件名稱(chēng)，然后選擇“圖形”選項(xiàng)，如圖2-107所示，接著單擊“確定”按鈕。

（2）創(chuàng)建新圖形元件

創(chuàng)建新圖形元件的操作步驟如下。

1）執(zhí)行菜單中的“插入|新建元件”（組合鍵〈Ctrl+F8〉）命令。

2）在彈出的“創(chuàng)建新元件”對(duì)話框中輸入名稱(chēng)，然后選擇“圖形”選項(xiàng)。

3）單擊“確定”按鈕，即可進(jìn)入圖形元件的編輯模式。

5．創(chuàng)建“按鈕”元件

按鈕實(shí)際上是具有4幀的交互影片剪輯。當(dāng)為元件選擇按鈕行為時(shí)，Animate CC 2017會(huì)創(chuàng)建一個(gè)4幀的時(shí)間軸。其中，前3幀顯示按鈕的3種狀態(tài)，第4幀定義按鈕的活動(dòng)區(qū)域。此時(shí)的時(shí)間軸實(shí)際上并不播放，它只是對(duì)指針運(yùn)動(dòng)和動(dòng)作做出反應(yīng)，跳到相應(yīng)的幀。

創(chuàng)建按鈕元件的操作步驟如下。

1）執(zhí)行菜單中的“插入|新建元件”（組合鍵〈Ctrl+F8〉）命令，在彈出的“創(chuàng)建新元件”對(duì)話框中輸入button，并選擇“按鈕”類(lèi)型，然后單擊“確定”按鈕，進(jìn)入按鈕元件的編輯模式。

2）在按鈕元件中有4個(gè)已命名的幀：“彈起”“指針. . .”“按下”和“點(diǎn)擊”，分別代表了鼠標(biāo)的4種不同狀態(tài)，如圖2-108所示。

●彈起：在彈起幀中可以繪制圖形，也可以使用圖形元件，導(dǎo)入矢量圖或位圖。

●指針近些...：全稱(chēng)為“指針經(jīng)過(guò)幀”，將在鼠標(biāo)位于按鈕之上時(shí)顯示。在這一幀中可以使用圖形元件、位圖或者影片剪輯。

● 按下：這一幀將在按鈕被按下時(shí)顯示。如果不希望按鈕在被單擊時(shí)發(fā)生變化，在這里只插入普通幀就可以了。

●點(diǎn)擊：這一幀定義了按鈕的有效點(diǎn)擊區(qū)域。如果在按鈕上只是使用文本，這一幀尤其重要。因?yàn)槿绻麤](méi)有點(diǎn)擊狀態(tài)，那么有效的點(diǎn)擊區(qū)域就只能是文本本身，這將導(dǎo)致很難點(diǎn)中按鈕。因此，需要在這一幀中繪制一個(gè)形狀來(lái)定義點(diǎn)擊區(qū)域。由于這個(gè)狀態(tài)永遠(yuǎn)都不會(huì)被用戶實(shí)際看到，因此其形狀如何并不重要。

2.4.3 編輯元件

用戶在編輯元件時(shí)，Animate CC 2017會(huì)更新文檔中該元件的所有實(shí)例。Animate CC2017提供了以下3種方式來(lái)編輯元件。

第1種：右鍵單擊要編輯的對(duì)象，從彈出的快捷菜單中選擇“在當(dāng)前位置編輯”命令，即可在該元件和其他對(duì)象在一起的工作區(qū)中進(jìn)行編輯。此時(shí)，其他對(duì)象以灰顯方式出現(xiàn)，從而與正在編輯的元件區(qū)別開(kāi)來(lái)。正在編輯的元件的名稱(chēng)顯示在工作區(qū)上方的編輯欄內(nèi)，且位于當(dāng)前場(chǎng)景名稱(chēng)的右側(cè)。

第2種：右鍵單擊要編輯的對(duì)象，從彈出的快捷菜單中選擇“在新窗口中編輯”命令，即可在一個(gè)單獨(dú)的窗口中編輯元件。此時(shí)，在單獨(dú)的窗口中編輯元件可以同時(shí)看到該元件和主時(shí)間軸。正在編輯元件的名稱(chēng)會(huì)顯示在工作區(qū)上方的編輯欄內(nèi)。

第3種：雙擊工作區(qū)中的元件，進(jìn)入元件編輯模式，此時(shí)，正在編輯的元件的名稱(chēng)會(huì)顯示在工作區(qū)上方的編輯欄內(nèi)，且位于當(dāng)前場(chǎng)景名稱(chēng)的右側(cè)。

當(dāng)用戶編輯元件時(shí)，Animate CC 2017將更新文檔中該元件的所有實(shí)例，以反映編輯結(jié)果。編輯元件時(shí)，可以使用任意繪畫(huà)工具、導(dǎo)入介質(zhì)或創(chuàng)建其他元件的實(shí)例。

1．在當(dāng)前位置編輯元件

在當(dāng)前位置編輯元件的操作步驟如下。

1）執(zhí)行以下操作之一。

●在工作區(qū)中雙擊該元件的一個(gè)實(shí)例。

提示：在一個(gè)元件中可以包含多個(gè)實(shí)例。

●右鍵單擊工作區(qū)中該元件的一個(gè)實(shí)例，從彈出的快捷菜單中選擇“在當(dāng)前位置編輯”命令。

●在工作區(qū)中選擇該元件的一個(gè)實(shí)例，執(zhí)行菜單中的“編輯|在當(dāng)前位置編輯”命令。

2）根據(jù)需要編輯該元件。

3）如果要更改注冊(cè)點(diǎn)，可拖動(dòng)工作區(qū)中的元件。此時(shí)，十字準(zhǔn)線指示注冊(cè)點(diǎn)的位置。

4）要退出“在當(dāng)前位置編輯”模式并返回到場(chǎng)景編輯模式，可執(zhí)行以下操作之一。

●單擊工作區(qū)上方編輯欄左側(cè)的按鈕。

●執(zhí)行菜單中的“編輯|編輯文檔”命令。

2．在新窗口中編輯元件

在新窗口中編輯元件的操作步驟如下。

1）右鍵單擊工作區(qū)中該元件的一個(gè)實(shí)例，然后從彈出的快捷菜單中選擇“在新窗口中編輯”命令。

2）根據(jù)需要編輯該元件。

3）如果要更改注冊(cè)點(diǎn)，可拖動(dòng)工作區(qū)中的元件。此時(shí)，十字準(zhǔn)線指示注冊(cè)點(diǎn)的位置。

4）單擊右上角的按鈕關(guān)閉新窗口，然后在主文檔窗口內(nèi)單擊以返回編輯主文檔。

3．在元件編輯模式下編輯元件

在元件編輯模式下編輯元件的操作步驟如下。

1）執(zhí)行以下操作之一來(lái)選擇元件。

●雙擊“庫(kù)”面板中的元件圖標(biāo)。

●右鍵單擊工作區(qū)中該元件的一個(gè)實(shí)例，從彈出的快捷菜單中選擇“編輯”命令。

●在工作區(qū)中選中該元件的一個(gè)實(shí)例，然后執(zhí)行菜單中的“編輯|編輯元件”命令。

●在“庫(kù)”面板中選擇該元件，然后從“庫(kù)”面板選項(xiàng)菜單中選擇“編輯”命令，或者右鍵單擊“庫(kù)”面板中的該元件，然后從彈出的快捷菜單中選擇“編輯”命令。

2）根據(jù)需要編輯該元件。

3）如果要更改注冊(cè)點(diǎn)，可拖動(dòng)工作區(qū)中的元件。此時(shí)，十字準(zhǔn)線指示注冊(cè)點(diǎn)的位置。

4）要退出元件編輯模式并返回到文檔編輯狀態(tài)，可執(zhí)行以下操作之一。

●單擊工作區(qū)上方編輯欄左側(cè)的“返回”按鈕。

●執(zhí)行菜單中的“編輯|編輯文檔”命令。

4．將元件添加到工作區(qū)中

將元件添加到工作區(qū)中的方法如下。

1）執(zhí)行菜單中的“窗口|庫(kù)”（組合鍵〈Ctrl+L〉）命令，調(diào)出“庫(kù)”面板。

2）在“庫(kù)”面板中選擇要添加到影片中的元件，然后將元件拖動(dòng)到工作區(qū)中即可。

5．元件屬性

每個(gè)元件實(shí)例都有獨(dú)立于該元件的屬性。用戶可以更改元件的色調(diào)、透明度和亮度，可以重新定義元件的行為（例如，把圖形更改為影片剪輯），可以設(shè)置動(dòng)畫(huà)在圖形實(shí)例內(nèi)的播放形式，還可以傾斜、旋轉(zhuǎn)或縮放元件。

此外，用戶可以給影片剪輯或按鈕實(shí)例命名，這樣就可以使用動(dòng)作腳本更改它的屬性了。

如果編輯元件或?qū)⒛硞€(gè)元件重新鏈接到其他元件，則任何已經(jīng)改變的元件屬性仍然適用于該元件。

6．更改元件的顏色和透明度

每個(gè)元件實(shí)例都可以有自己的色彩效果。用戶可以使用“屬性”面板來(lái)設(shè)置元件的顏色和透明度選項(xiàng)。

提示：如果對(duì)包含多幀的影片剪輯元件應(yīng)用色彩效果，Animate CC 2017會(huì)將效果應(yīng)用于該影片剪輯元件的每一幀。

更改元件顏色和透明度的方法如下。

1）在工作區(qū)中選擇該元件，然后執(zhí)行菜單中的“窗口|屬性”命令。

2）在“屬性”面板的“色彩效果”下的“樣式”下拉列表框中選擇以下選項(xiàng)之一。

●亮度：用于調(diào)節(jié)圖像的相對(duì)亮度或暗度，調(diào)整范圍為從黑（-100%）到白（100%）。在調(diào)節(jié)時(shí)，可以拖動(dòng)滑塊或在文本框中輸入一個(gè)值，如圖2-109所示。

●色調(diào)：用相同的色相為元件著色。可使用“屬性”面板中的色調(diào)滑塊設(shè)置色調(diào)百分比，調(diào)整范圍為從透明（0%）到完全飽和（100%）。或者選擇顏色，可以在相應(yīng)文本框中輸入紅、綠和藍(lán)色的值，或單擊顏色框，然后從彈出的調(diào)色板中選擇一種顏色，如圖2-110所示。

● Alpha：用來(lái)調(diào)節(jié)元件的透明度，調(diào)整范圍為從透明（0%）到完全飽和（100%）。在調(diào)節(jié)時(shí)，可以拖動(dòng)滑塊或在文本框中輸入一個(gè)值，如圖2-111所示。

●高級(jí)：用來(lái)分別調(diào)節(jié)元件的紅、綠、藍(lán)和透明度的值。在對(duì)位圖這樣的對(duì)象創(chuàng)建和制作具有微妙色彩效果的動(dòng)畫(huà)時(shí)，該選項(xiàng)非常有用。其中，左側(cè)的控件使用戶可以按指定的百分比降低顏色或透明度的值；右側(cè)的控件使用戶可以按常數(shù)值降低或增大顏色或透明度的值，如圖2-112所示。將當(dāng)前的紅、綠、藍(lán)和Alpha值都乘以百分比值，然后加上右列中的常數(shù)值，會(huì)產(chǎn)生新的顏色值。例如，如果當(dāng)前紅色值是100，此時(shí)把左側(cè)的滑塊移動(dòng)到50%并把右側(cè)常數(shù)設(shè)置為100，就會(huì)產(chǎn)生一個(gè)新的紅色值150（[100×50%]+100=150）。

7．將一個(gè)元件與另一個(gè)元件交換

用戶可以給實(shí)例指定不同的元件，從而在工作區(qū)中顯示不同的實(shí)例，并保留所有的原始元件屬性（如色彩效果或按鈕動(dòng)作）。

例如，假定用戶正在使用rat元件創(chuàng)建一個(gè)卡通形象作為影片中的角色，但決定將該角色改為cat。此時(shí)，用戶可以用cat元件替換rat元件，并讓更新的角色出現(xiàn)在所有幀中大致相同的位置上。

交換元件的操作步驟如下。

1）在工作區(qū)中選擇該元件，然后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“交換元件”命令。

2）在彈出的“交換元件”對(duì)話框中選擇一個(gè)元件，然后單擊“交換”按鈕，該元件即可替換當(dāng)前元件。如果要復(fù)制選定的元件，可單擊對(duì)話框底部的（直接復(fù)制元件）按鈕，如圖2-113所示。

提示：在制作具有細(xì)微差別的元件時(shí)，通過(guò)復(fù)制可以在“庫(kù)”面板中現(xiàn)有元件的基礎(chǔ)上建立新元件，并將創(chuàng)建工作減到最少。

3）設(shè)置完成后單擊“確定”按鈕。

8．更改元件的類(lèi)型

用戶可以改變?cè)念?lèi)型來(lái)重新定義其在Animate CC 2017應(yīng)用程序中的行為。例如，如果一個(gè)圖形元件包含想要獨(dú)立于主時(shí)間軸播放的動(dòng)畫(huà)，可以將該圖形元件重新定義為影片剪輯元件。

更改元件類(lèi)型的操作步驟如下。

1）在工作區(qū)中選擇該元件，然后執(zhí)行菜單中的“窗口|屬性”命令，調(diào)出“屬性”面板。

2）從“屬性”面板左上方的彈出菜單中選擇相應(yīng)的元件類(lèi)型，如圖2-114所示。

2.4.4 庫(kù)

執(zhí)行菜單中的“窗口|庫(kù)”（組合鍵〈Ctrl+L〉）命令，調(diào)出“庫(kù)”面板，如圖2-115所示。

●選項(xiàng)菜單：?jiǎn)螕粼撎帲梢詮棾鲆粋€(gè)用于各項(xiàng)操作的選項(xiàng)菜單。

●打開(kāi)的文檔：?jiǎn)螕粼撎帲梢燥@示當(dāng)前打開(kāi)的所有文檔，通過(guò)選擇可以快速查看選擇文檔的“庫(kù)”面板，從而通過(guò)一個(gè)“庫(kù)”面板查看多個(gè)庫(kù)的項(xiàng)目。

●固定當(dāng)前庫(kù)：?jiǎn)螕粼摪粹o后，原來(lái)的圖標(biāo)顯示為圖標(biāo)，從而固定當(dāng)前“庫(kù)”面板。這樣，在文件切換時(shí)都會(huì)顯示固定的庫(kù)內(nèi)容，而不會(huì)更改為切換文件的“庫(kù)”面板內(nèi)容。

●新建庫(kù)面板：?jiǎn)螕粼摪粹o，可以創(chuàng)建一個(gè)與當(dāng)前文檔相同的“庫(kù)”面板。

●預(yù)覽窗口：用于預(yù)覽顯示當(dāng)前在“庫(kù)”面板中所選的元素，當(dāng)為影片剪輯元件或聲音時(shí)，在右上角處會(huì)出現(xiàn)按鈕，通過(guò)它可以在該窗口中控制影片剪輯元件或聲音的播放與停止。

●搜索：通過(guò)在此處輸入要搜索的關(guān)鍵字可進(jìn)行元件名稱(chēng)的搜索，從而快速查找元件。

●新建元件：?jiǎn)螕粼摪粹o，會(huì)彈出如圖2-116所示的“創(chuàng)建新元件”對(duì)話框，通過(guò)它可以新建元件。

●新建文件夾：?jiǎn)螕粼摪粹o，可以創(chuàng)建新的文件夾，默認(rèn)以“未命名文件夾1”“未命名文件夾2”……命名。

●屬性：?jiǎn)螕粼摪粹o，可以在彈出的“元件屬性”對(duì)話框中設(shè)置元件屬性，如圖2-117所示。

●刪除：?jiǎn)螕粼摪粹o，可以將選擇的元件刪除。