2.3 圖層和幀的應用

本節介紹圖層和幀的應用，包括時間軸的介紹，以及圖層操作和幀操作。

2.3.1 時間軸

在Animate CC 2017軟件中，動畫的制作是通過“時間軸”面板進行操作的，在時間軸的左側為層操作區，右側為幀操作區，如圖2-79所示。時間軸是Animate CC 2017動畫制作的核心部分，可以通過執行菜單中的“窗口|時間軸”（組合鍵〈Ctrl+Alt+T〉）命令，對其進行隱藏或顯示。

2.3.2 圖層操作

與Photoshop相同，Animate CC 2017圖層也好比一張張透明的紙。首先需要在一張張透明的紙上分別作畫，然后再將它們按一定的順序進行疊加，以便各層操作相互獨立，互不影響。

Animate CC 2017軟件的圖層位于“時間軸”面板的左側，其結構如圖2-80所示。在最頂層的對象將始終顯示于舞臺的最上方，圖層的排列順序決定了舞臺中對象的顯示情況。在舞臺中每個層的對象可以設置任意數量，如果“時間軸”面板中圖層數量過多，可以通過上下拖動右側的滑動條來觀察被隱藏的圖層。

1．創建圖層與圖層文件夾

默認情況下，新建的空白Animate CC 2017文檔僅有一個圖層，默認名稱為“圖層1”。在動畫制作過程中，用戶可以根據需要自由創建圖層，合理、有效地創建圖層可以大大提高工作效率。

除了可以自由創建圖層外，Animate CC 2017軟件還提供了圖層文件夾的功能，它以樹形結構排列，可以將多個圖層分配到同一個圖層文件夾中，也可以將多個圖層文件夾分配到同一個圖層文件夾中，從而有助于對圖層進行管理。對于場景比較復雜的動畫而言，合理有效地組織圖層與圖層文件夾是極為重要的。創建圖層和圖層文件夾的方法有以下3種。

（1）通過按鈕創建

單擊“時間軸”面板下方的（新建圖層）按鈕可以創建新圖層，每單擊一次便會創建一個普通圖層，如圖2-81所示；單擊“時間軸”面板下方的（新建文件夾）按鈕可以創建圖層文件夾，同樣，每單擊一次便會創建一個圖層文件夾，如圖2-82所示。

（2）通過菜單命令創建

執行菜單中的“插入|時間軸|圖層”命令或“插入|時間軸|圖層文件夾”命令，同樣可以創建圖層和圖層文件夾。

（3）通過“時間軸”面板右鍵菜單創建

在“時間軸”面板左側的圖層處單擊鼠標右鍵，從彈出的快捷菜單中選擇“插入圖層”命令或“插入文件夾”命令，同樣可以創建圖層和圖層文件夾。

2．重命名圖層或圖層文件夾名稱

在“時間軸”面板中新建圖層或圖層文件夾后，系統會自動依次命名為“圖層1”“圖層2”……和“文件夾1”“文件夾2”……。為了方便管理，用戶可以根據需要自行設置名稱，但是一次只能重命名一個圖層或圖層文件夾。重命名圖層或圖層文件夾名稱的方法很簡單，首先在“時間軸”面板的某個圖層（或圖層文件夾）的名稱處快速雙擊，使其進入編輯狀態，然后輸入新的圖層名稱或圖層文件夾名稱，再按〈Enter〉鍵即可完成重命名操作。

3．選擇圖層與圖層文件夾

選擇圖層與圖層文件夾是Animate CC 2017圖層編輯中最基本的操作，如果要對某個圖層或圖層文件夾進行編輯，必須先選擇它。在Animate CC 2017軟件中選擇圖層與圖層文件夾的操作方法相同，可以只選擇一個圖層（或圖層文件夾），也可以選擇多個連續或不連續的圖層（或圖層文件夾）。選擇的圖層（或圖層文件夾）會以藍色背景顯示。

（1）選擇單個圖層或圖層文件夾

在“時間軸”面板左側的圖層（或圖層文件夾）名稱處單擊，即可將該圖層（或圖層文件夾）直接選中，如圖2-83所示。

（2）選擇多個連續的圖層或圖層文件夾

在“時間軸”面板中選擇第一個圖層（或圖層文件夾），然后在按住〈Shift〉鍵的同時選擇最后一個圖層（或圖層文件夾），即可將第一個與最后一個圖層（或圖層文件夾）中的所有圖層（或圖層文件夾）全部選中，如圖2-84所示。

（3）選擇多個不連續的圖層或圖層文件夾

在“時間軸”面板中，按住〈Ctrl〉鍵的同時單擊圖層（或圖層文件夾）名稱，可以進行間隔選擇不連續的圖層（或圖層文件夾），如圖2-85所示。

4．調整圖層與圖層文件夾順序

在“時間軸”面板中創建圖層或圖層文件夾時，會按自下向上的順序進行添加。當然，在動畫制作的過程中，用戶可以根據需要通過拖動的方法更改圖層（或圖層文件夾）的排列順序，并且可以將圖層與圖層文件夾放置到同一個圖層文件夾中。

5．顯示或隱藏圖層與圖層文件夾

默認情況下，創建的圖層與圖層文件夾處于顯示狀態。但是在制作復雜動畫時，有時為了便于觀察，可以將某個或者某些圖層（或圖層文件夾）進行隱藏，而且在進行swf動畫文件的發布設置中，還可以選擇是否包括隱藏圖層。

（1）顯示或隱藏全部圖層

在“時間軸”面板中，單擊上方的（顯示或隱藏所有圖層）圖標，如圖2-86所示，可以將所有圖層（或圖層文件夾）全部顯示或隱藏。如果所有的圖層（或圖層文件夾）右側的黑點圖標顯示為叉子圖標，如圖2-87所示，表示隱藏所有圖層（或圖層文件夾）；再次單擊顯示或隱藏所有圖層圖標，叉子圖標顯示為黑點圖標，表示顯示所有圖層（或圖層文件夾）。

（2）顯示或隱藏單個圖層

在“時間軸”面板中，如果要對某個圖層（或圖層文件夾）進行隱藏或顯示，可以單擊需要隱藏或顯示的圖層（或圖層文件夾）名稱右側圖標下方的黑點圖標，此時黑點圖標顯示為紅叉圖標，如圖2-88所示，表示隱藏該圖層（或圖層文件夾）；再次單擊，紅叉圖標顯示為黑點圖標，表示顯示該圖層（或圖層文件夾）。

提示：在進行圖層（或圖層文件夾）的顯示與隱藏操作時，除了可以使用上面的方法外，還可以在“時間軸”面板中按住〈Alt〉鍵的同時單擊圖層（或圖層文件夾）（顯示或隱藏所有圖層）圖標下方的黑點圖標，此時可將所選圖層以外的其他圖層和圖層文件夾進行隱藏。再次按住〈Alt〉鍵單擊該圖層，又可將它們進行顯示。

6．鎖定與解除鎖定圖層與圖層文件夾

默認情況下，創建的圖層與圖層文件夾處于解除鎖定狀態，如果工作區域中的對象很多，用戶在編輯其中的某個對象時就可能出現影響到其他對象的誤操作，針對這一情況可以將不需要的圖層與圖層文件夾暫時鎖定，圖層與圖層文件夾的鎖定和解除鎖定操作相同。

（1）鎖定或解除鎖定所有圖層

在“時間軸”面板中，單擊圖層上方的（鎖定或解除鎖定所有圖層）圖標，如圖2-89所示，此時該圖標下方的黑點圖標顯示為圖標，如圖2-90所示，表示全部圖層都被鎖定。再次單擊圖標，則所有圖層全部被解除鎖定。

（2）鎖定或解鎖單個圖層

如果需要鎖定單個圖層，可以在鎖定的圖層名稱右側（鎖定或解除鎖定所有圖層）圖標下方的黑色圖標處單擊，當黑點圖標顯示為圖標時，表示該層被鎖定，如圖2-91所示。如果要將該圖層解除鎖定，可以再次單擊該圖層的圖標，將其顯示為圖標。

7．圖層與圖層文件夾對象的輪廓顯示

在“時間軸”面板中，如果要對圖層或圖層文件夾進行操作，除了可以顯示與隱藏、鎖定與解除鎖定外，還可以將系統默認創建的以實體狀態顯示的動畫對象根據其輪廓的顏色進行顯示，如圖2-92所示。

（1）將全部圖層顯示為輪廓

在“時間軸”面板中，單擊上方的（將所有圖層顯示為輪廓）圖標，如圖2-93所示，可以將所有圖層與圖層文件夾的對象顯示為輪廓，如圖2-94所示。

（2）單個圖層對象輪廓顯示

在“時間軸”面板中，如果需要將單個圖層顯示為輪廓，可以單擊該圖層右側的（將所有圖層顯示為輪廓）圖標，當其顯示為圖標時，表示當前圖層的對象以輪廓顯示，如圖2-95所示。

8．刪除圖層與圖層文件夾

在使用Animate CC 2017軟件制作動畫時難免會創建出一些多余的圖層，此時，可以通過單擊“時間軸”面板下方的（刪除）按鈕對其進行刪除。

9．圖層屬性的設置

除了可以使用前面介紹的方法進行圖層的隱藏或顯示、鎖定或解除鎖定，以及是否以輪廓顯示等屬性設置外，在Animate CC 2017中還可以通過“圖層屬性”對話框對圖層屬性進行綜合設置。執行菜單中的“修改|時間軸|圖層屬性”命令，或在“時間軸”面板的某個圖層處單擊鼠標右鍵，從彈出的快捷菜單中選擇“屬性”命令，都會彈出如圖2-96所示的“圖層屬性”對話框。

●名稱：用于圖層的重命名，可通過在右側的文本框中輸入文字進行設置。其中，“鎖定”用于設置鎖定或解除鎖定圖層，勾選為鎖定狀態，不勾選為解除鎖定狀態。

●可見性：用于設置圖層的顯示狀態，有“可見”“透明”“不可見”3個選項可供選擇。

●類型：用于設置圖層的種類，有“一般”“遮罩層”“被遮罩”“文件夾”和“引導層”5個選項可供選擇。

●輪廓顏色：用于設置當前圖層中對象的輪廓線顏色以及是否以輪廓顯示，從而幫助用戶快速區分對象所在的圖層。單擊右側的按鈕，將彈出一個顏色設置調色板，在其中可以直接選取一種顏色作為繪制輪廓的顏色。勾選下方的“將圖層視為輪廓”復選框，可以將當前圖層中的內容以輪廓顯示。

●圖層高度：用于設置圖層的高度，在彈出的下拉列表中有100%、200%和300%共3個選項可供選擇。

2.3.3 幀操作

實際上，制作一個Animate CC 2017動畫的過程其實也就是對每一幀進行操作的過程。用戶通過在“時間軸”面板右側的幀操作區中進行各項幀操作，可以制作出豐富多彩的動畫效果，其中，每一幀代表一個畫面。

1．創建幀、關鍵幀與空白關鍵幀

在Animate CC 2017中，幀的類型主要有普通幀、關鍵幀和空白關鍵幀3種。在默認情況下，新建Animate CC 2017文檔包含一個圖層和一個空白關鍵幀。用戶可以根據需要，在“時間軸”面板中創建任意多個普通幀、關鍵幀與空白關鍵幀。圖2-97為普通幀、關鍵幀與空白關鍵幀在時間軸中的顯示狀態。

（1）創建普通幀

普通幀用于延續上一個關鍵幀或者空白關鍵幀的內容，并且前一關鍵幀與該幀之間的內容完全相同，改變其中的任意一幀，其后的各幀也會發生改變，直到下一個關鍵幀為止。在Animate CC 2017中創建普通幀有以下兩種方法。

●執行菜單中的“插入|時間軸|幀”命令，或按快捷鍵〈F5〉，即可插入一個普通幀。

●在“時間軸”面板中需要插入普通幀的地方單擊鼠標右鍵，從彈出的快捷菜單中選擇“插入幀”命令，同樣可以插入一個普通幀。

（2）創建關鍵幀

關鍵幀是指與前一幀有更改變換的幀。Animate CC 2017可以在關鍵幀之間創建補間或填充幀，從而生成流暢的動畫。創建關鍵幀的方法有以下兩種。

●執行菜單中的“插入|時間軸|關鍵幀”命令，或按快捷鍵〈F6〉，即可插入一個關鍵幀。

●在“時間軸”面板中需要插入關鍵幀的地方單擊鼠標右鍵，從彈出的快捷菜單中選擇“插入關鍵幀”命令，同樣可以插入一個關鍵幀。

（3）創建空白關鍵幀

空白關鍵幀是一種特殊的關鍵幀類型，在空白關鍵幀狀態下，舞臺中沒有任何對象存在，當用戶在舞臺中自行加入對象后，該幀將自動轉換為關鍵幀。反之，將關鍵幀中的對象全部刪除，則該幀又會轉換為空白關鍵幀。

2．選擇幀

選擇幀是對幀進行各種操作的前提，選擇相應幀的同時也就選擇了該幀在舞臺中的對象。在Animate CC 2017動畫制作過程中，用戶可以選擇同一圖層中的單幀或多幀，也可以選擇不同圖層的單幀或多幀，選中的幀會以藍色背景進行顯示。選擇幀有以下5種方法。

（1）選擇同一圖層的單幀

在“時間軸”面板右側的時間線上單擊，即可選中單幀，如圖2-98所示。

（2）選擇同一圖層相鄰的多幀

在“時間軸”面板右側的時間線上單擊，選擇單幀，然后在按住〈Shift〉鍵的同時，再次單擊，即可將兩次單擊的幀以及它們之間的幀全部選中，如圖2-99所示。

（3）選擇相鄰圖層的單幀

單擊選擇“時間軸”面板上的單幀后，在按住〈Shift〉鍵的同時單擊不同圖層的相同單幀，即可將相鄰圖層的同一幀進行選擇，如圖2-100所示。此外，在選擇單幀的同時向上或向下拖動，同樣可以選擇相鄰圖層的單幀。

（4）選擇相鄰圖層的多個相鄰幀

單擊選擇“時間軸”面板上的單幀后，在按住〈Shift〉鍵的同時單擊相鄰圖層的不同幀，即可選擇不同圖層的多幀，如圖2-101所示。此外，在選擇多幀的同時向上或向下拖動鼠標，同樣可以選擇相鄰圖層的多幀。

（5）選擇不相鄰的多幀

在“時間軸”面板右側的時間線上單擊，選擇單幀，然后在按住〈Ctrl〉鍵的同時再次單擊其他幀，即可選擇不相鄰的幀，如圖2-102所示。

3．剪切幀、復制幀和粘貼幀

在Animate CC 2017中不僅可以剪切、復制和粘貼舞臺中的動畫對象，還可以剪切、復制、粘貼圖層中的動畫幀，這樣就可以將一個動畫復制到多個圖層中，或者復制到不同的文檔中，從而使動畫制作更加輕松快捷，大大提高了工作效率。

（1）剪切幀

剪切幀是將選擇的各動畫幀剪切到剪貼板中，以作備用。在Animate CC 2017中，剪切幀的方法主要有以下兩種。

● 選擇各幀，然后執行菜單中的“編輯|時間軸|剪切幀”命令，或者按組合鍵〈Ctrl+Alt+X〉，即可剪切選擇的幀。

●選擇各幀，然后在“時間軸”面板中單擊鼠標右鍵，從彈出的快捷菜單中選擇“剪切幀”命令，同樣可以將選擇的幀進行剪切。

（2）復制幀

復制幀是將選擇的各幀復制到剪貼板中，以作備用。與剪切幀的不同之處在于原來的幀內容依然存在。在Animate CC 2017中，復制幀的常用方法有以下三種。

● 選擇各幀，然后執行菜單中的“編輯|時間軸|復制幀”命令，或者按組合鍵〈Ctrl+Alt+C〉，即可復制選擇的幀。

●選擇各幀，然后在“時間軸”面板中單擊鼠標右鍵，從彈出的快捷菜單中選擇“復制幀”命令，同樣可以復制選擇的幀。

●選擇需要復制的幀，此時光標顯示為圖標，然后按住〈Alt〉鍵的同時進行拖動，當拖動到合適的位置處釋放鼠標，即可將選擇的幀復制到該處。

（3）粘貼幀

粘貼幀就是將剪切或復制的各幀進行粘貼操作。粘貼幀的方法有以下兩種。

●將鼠標放置在“時間軸”面板需要粘貼的幀處，然后執行菜單中的“編輯|時間軸|粘貼幀”命令，或者按組合鍵〈Ctrl+Alt+V〉，即可將剪切或復制的幀粘貼到該處。

●將鼠標放置在“時間軸”面板需要粘貼的幀處，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇“粘貼幀”命令，同樣可以將剪切或復制的幀粘貼到該處。

4．移動幀

用戶在制作Animate CC 2017動畫的過程中，除了可以利用前面介紹的剪切幀、復制幀和粘貼幀的方法調整動畫幀的位置外，還可以按住鼠標直接進行動畫幀的移動操作。具體操作方法：選擇需要移動的幀，此時光標顯示為圖標，然后按住鼠標左鍵將它們拖動到合適的位置，再釋放鼠標完成所選幀的移動操作。圖2-103為移動幀的過程。

5．刪除幀

在制作Animate CC 2017動畫的過程中，如果有錯誤或多余的動畫幀，需要將其刪除。刪除幀的方法有以下兩種。

●選擇需要刪除的各幀，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇“刪除幀”命令，即可將選擇的幀全部刪除。

●選擇需要刪除的各幀，然后按組合鍵〈Shift+F5〉，同樣可以將選擇的各幀進行刪除。

6．翻轉幀

Animate CC 2017中的翻轉幀就是將選擇的一段連續幀的序列進行頭尾翻轉，也就是說，將第一幀轉換為最后一幀，最后一幀轉換為第一幀，第二幀與倒數第二幀進行交換，其余各幀依次類推，直到全部交換完畢為止。該命令僅對連續的各幀有作用，如果是單幀則不起作用。翻轉幀的方法有以下兩種。

●選擇各幀，然后執行菜單中的“修改|時間軸|翻轉幀”命令，可以將選擇的幀進行頭尾翻轉。

●選擇各幀，然后在“時間軸”面板中單擊鼠標右鍵，從彈出的快捷菜單中選擇“翻轉幀”命令，同樣可以翻轉選擇的幀。