2.4 元件和庫

元件是一種可重復使用的對象，重復使用它不會增加文件的大小。當編輯元件時，該元件的所有實例都會相應地更新以反映編輯效果。庫也就是“庫”面板，它是Animate CC 2017軟件中用于存放各種動畫元素的場所，所存放的元素可以是由外部導入的圖像、聲音、視頻元素，也可以是使用Animate CC 2017軟件根據動畫需要創建出的不同類型的元件。

2.4.1 元件的類型

元件是構成Animate CC 2017動畫的基礎，用戶可以根據動畫的具體應用直接創建元件的不同類型。在Animate CC 2017中，元件分為影片剪輯、按鈕和圖形3種，如圖2-104所示。

1．影片剪輯

影片剪輯元件在“庫”面板元件名稱前顯示出圖標，如圖2-105所示。使用影片剪輯元件可以創建可重用的動畫片段。影片剪輯擁有自己獨立于主時間軸的多幀時間軸，可以將影片剪輯看作是主時間軸內的嵌套時間軸，它們可以包含交互式控件、聲音甚至其他影片剪輯實例，也可以將影片剪輯元件放在按鈕元件的時間軸內，以創建動畫按鈕。

2．圖形

圖形元件在“庫”面板元件名稱前顯示出圖標，它可用于創建靜態圖像，也可用于創建連接到主時間軸的可重用動畫片段。圖形元件與主時間軸同步運行。交互式控件和聲音在圖形元件的動畫序列中不起作用。

3．按鈕

按鈕元件在“庫”面板元件名稱前顯示出圖標，用于創建交互式按鈕。按鈕有不同的狀態，每種狀態都可以通過圖形、元件和聲音來定義。一旦創建了按鈕，就可以對其影片或者影片片斷中的實例賦予動作。

2.4.2 創建元件

用戶可以通過工作區中選定的對象創建元件；也可以創建一個空元件，然后在元件編輯模式下制作或導入相應的內容；還可以在Animate CC 2017中創建字體元件。元件可以擁有在Animate CC 2017中創建的所有功能，包括動畫。

通過使用包含動畫的元件，用戶可以在很小的文件中創建包含大量動作的Animate CC 2017應用程序。如果有重復或循環的動作，例如，像鳥的翅膀上下翻飛，應該考慮在元件中創建動畫。

1．將選定元素轉換為元件

將選定元素轉換為元件的操作步驟如下。

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

2）在“轉換為元件”對話框中輸入元件名稱，并選擇“影片剪輯”“按鈕”或“圖形”類型，然后在注冊網格中單擊，確定放置元件的注冊點，如圖2-106所示。設置完畢后單擊“確定”按鈕，即可將元素轉換為元件。

提示：此時，工作區中選定的元素將變成一個元件。如果要對其進行再次編輯，可以雙擊該元件進入編輯狀態。

2．創建一個新的空元件

創建一個新的空元件的操作步驟如下。

1）首先確認未在舞臺上選定任何內容，然后執行菜單中的“插入|新建元件”命令；或者單擊“庫”面板左下角的（新建元件）按鈕；或者從“庫”面板右上角的庫選項菜單中選擇“新建元件”命令。

2）在“創建新元件”對話框中輸入元件名稱，并選擇元件類型，然后單擊“確定”按鈕。

提示：此時，Animate CC 2017會將該元件添加到“庫”面板中，并切換到元件編輯模式。在元件編輯模式下，元件的名稱將出現在舞臺的左上角，并由一個十字線表明該元件的注冊點。

3．創建“影片剪輯”元件

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

創建影片剪輯元件的操作步驟如下。

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

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

4．創建“圖形”元件

圖形元件是一種最簡單的Animate CC 2017元件，使用這種元件可以處理靜態圖片和動畫。注意，圖形元件中的動畫是受主時間軸控制的，并且動作和聲音在圖形元件中不能正常工作。

（1）將所選對象轉換為圖形元件

將所選對象轉換為圖形元件的操作步驟如下。

1）選中希望包含到元件中的一個或多個對象。

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

（2）創建新圖形元件

創建新圖形元件的操作步驟如下。

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

2）在彈出的“創建新元件”對話框中輸入名稱，然后選擇“圖形”選項。

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

5．創建“按鈕”元件

按鈕實際上是具有4幀的交互影片剪輯。當為元件選擇按鈕行為時，Animate CC 2017會創建一個4幀的時間軸。其中，前3幀顯示按鈕的3種狀態，第4幀定義按鈕的活動區域。此時的時間軸實際上并不播放，它只是對指針運動和動作做出反應，跳到相應的幀。

創建按鈕元件的操作步驟如下。

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

2）在按鈕元件中有4個已命名的幀：“彈起”“指針. . .”“按下”和“點擊”，分別代表了鼠標的4種不同狀態，如圖2-108所示。

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

●指針近些...：全稱為“指針經過幀”，將在鼠標位于按鈕之上時顯示。在這一幀中可以使用圖形元件、位圖或者影片剪輯。

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

●點擊：這一幀定義了按鈕的有效點擊區域。如果在按鈕上只是使用文本，這一幀尤其重要。因為如果沒有點擊狀態，那么有效的點擊區域就只能是文本本身，這將導致很難點中按鈕。因此，需要在這一幀中繪制一個形狀來定義點擊區域。由于這個狀態永遠都不會被用戶實際看到，因此其形狀如何并不重要。

2.4.3 編輯元件

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

第1種：右鍵單擊要編輯的對象，從彈出的快捷菜單中選擇“在當前位置編輯”命令，即可在該元件和其他對象在一起的工作區中進行編輯。此時，其他對象以灰顯方式出現，從而與正在編輯的元件區別開來。正在編輯的元件的名稱顯示在工作區上方的編輯欄內，且位于當前場景名稱的右側。

第2種：右鍵單擊要編輯的對象，從彈出的快捷菜單中選擇“在新窗口中編輯”命令，即可在一個單獨的窗口中編輯元件。此時，在單獨的窗口中編輯元件可以同時看到該元件和主時間軸。正在編輯元件的名稱會顯示在工作區上方的編輯欄內。

第3種：雙擊工作區中的元件，進入元件編輯模式，此時，正在編輯的元件的名稱會顯示在工作區上方的編輯欄內，且位于當前場景名稱的右側。

當用戶編輯元件時，Animate CC 2017將更新文檔中該元件的所有實例，以反映編輯結果。編輯元件時，可以使用任意繪畫工具、導入介質或創建其他元件的實例。

1．在當前位置編輯元件

在當前位置編輯元件的操作步驟如下。

1）執行以下操作之一。

●在工作區中雙擊該元件的一個實例。

提示：在一個元件中可以包含多個實例。

●右鍵單擊工作區中該元件的一個實例，從彈出的快捷菜單中選擇“在當前位置編輯”命令。

●在工作區中選擇該元件的一個實例，執行菜單中的“編輯|在當前位置編輯”命令。

2）根據需要編輯該元件。

3）如果要更改注冊點，可拖動工作區中的元件。此時，十字準線指示注冊點的位置。

4）要退出“在當前位置編輯”模式并返回到場景編輯模式，可執行以下操作之一。

●單擊工作區上方編輯欄左側的按鈕。

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

2．在新窗口中編輯元件

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

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

2）根據需要編輯該元件。

3）如果要更改注冊點，可拖動工作區中的元件。此時，十字準線指示注冊點的位置。

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

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

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

1）執行以下操作之一來選擇元件。

●雙擊“庫”面板中的元件圖標。

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

●在工作區中選中該元件的一個實例，然后執行菜單中的“編輯|編輯元件”命令。

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

2）根據需要編輯該元件。

3）如果要更改注冊點，可拖動工作區中的元件。此時，十字準線指示注冊點的位置。

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

●單擊工作區上方編輯欄左側的“返回”按鈕。

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

4．將元件添加到工作區中

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

1）執行菜單中的“窗口|庫”（組合鍵〈Ctrl+L〉）命令，調出“庫”面板。

2）在“庫”面板中選擇要添加到影片中的元件，然后將元件拖動到工作區中即可。

5．元件屬性

每個元件實例都有獨立于該元件的屬性。用戶可以更改元件的色調、透明度和亮度，可以重新定義元件的行為（例如，把圖形更改為影片剪輯），可以設置動畫在圖形實例內的播放形式，還可以傾斜、旋轉或縮放元件。

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

如果編輯元件或將某個元件重新鏈接到其他元件，則任何已經改變的元件屬性仍然適用于該元件。

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

每個元件實例都可以有自己的色彩效果。用戶可以使用“屬性”面板來設置元件的顏色和透明度選項。

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

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

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

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

●亮度：用于調節圖像的相對亮度或暗度，調整范圍為從黑（-100%）到白（100%）。在調節時，可以拖動滑塊或在文本框中輸入一個值，如圖2-109所示。

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

● Alpha：用來調節元件的透明度，調整范圍為從透明（0%）到完全飽和（100%）。在調節時，可以拖動滑塊或在文本框中輸入一個值，如圖2-111所示。

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

7．將一個元件與另一個元件交換

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

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

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

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

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

提示：在制作具有細微差別的元件時，通過復制可以在“庫”面板中現有元件的基礎上建立新元件，并將創建工作減到最少。

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

8．更改元件的類型

用戶可以改變元件的類型來重新定義其在Animate CC 2017應用程序中的行為。例如，如果一個圖形元件包含想要獨立于主時間軸播放的動畫，可以將該圖形元件重新定義為影片剪輯元件。

更改元件類型的操作步驟如下。

1）在工作區中選擇該元件，然后執行菜單中的“窗口|屬性”命令，調出“屬性”面板。

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

2.4.4 庫

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

●選項菜單：單擊該處，可以彈出一個用于各項操作的選項菜單。

●打開的文檔：單擊該處，可以顯示當前打開的所有文檔，通過選擇可以快速查看選擇文檔的“庫”面板，從而通過一個“庫”面板查看多個庫的項目。

●固定當前庫：單擊該按鈕后，原來的圖標顯示為圖標，從而固定當前“庫”面板。這樣，在文件切換時都會顯示固定的庫內容，而不會更改為切換文件的“庫”面板內容。

●新建庫面板：單擊該按鈕，可以創建一個與當前文檔相同的“庫”面板。

●預覽窗口：用于預覽顯示當前在“庫”面板中所選的元素，當為影片剪輯元件或聲音時，在右上角處會出現按鈕，通過它可以在該窗口中控制影片剪輯元件或聲音的播放與停止。

●搜索：通過在此處輸入要搜索的關鍵字可進行元件名稱的搜索，從而快速查找元件。

●新建元件：單擊該按鈕，會彈出如圖2-116所示的“創建新元件”對話框，通過它可以新建元件。

●新建文件夾：單擊該按鈕，可以創建新的文件夾，默認以“未命名文件夾1”“未命名文件夾2”……命名。

●屬性：單擊該按鈕，可以在彈出的“元件屬性”對話框中設置元件屬性，如圖2-117所示。

●刪除：單擊該按鈕，可以將選擇的元件刪除。