2.3 圖層和幀的應(yīng)用

本節(jié)介紹圖層和幀的應(yīng)用，包括時(shí)間軸的介紹，以及圖層操作和幀操作。

2.3.1 時(shí)間軸

在Animate CC 2017軟件中，動(dòng)畫(huà)的制作是通過(guò)“時(shí)間軸”面板進(jìn)行操作的，在時(shí)間軸的左側(cè)為層操作區(qū)，右側(cè)為幀操作區(qū)，如圖2-79所示。時(shí)間軸是Animate CC 2017動(dòng)畫(huà)制作的核心部分，可以通過(guò)執(zhí)行菜單中的“窗口|時(shí)間軸”（組合鍵〈Ctrl+Alt+T〉）命令，對(duì)其進(jìn)行隱藏或顯示。

2.3.2 圖層操作

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

Animate CC 2017軟件的圖層位于“時(shí)間軸”面板的左側(cè)，其結(jié)構(gòu)如圖2-80所示。在最頂層的對(duì)象將始終顯示于舞臺(tái)的最上方，圖層的排列順序決定了舞臺(tái)中對(duì)象的顯示情況。在舞臺(tái)中每個(gè)層的對(duì)象可以設(shè)置任意數(shù)量，如果“時(shí)間軸”面板中圖層數(shù)量過(guò)多，可以通過(guò)上下拖動(dòng)右側(cè)的滑動(dòng)條來(lái)觀察被隱藏的圖層。

1．創(chuàng)建圖層與圖層文件夾

默認(rèn)情況下，新建的空白Animate CC 2017文檔僅有一個(gè)圖層，默認(rèn)名稱為“圖層1”。在動(dòng)畫(huà)制作過(guò)程中，用戶可以根據(jù)需要自由創(chuàng)建圖層，合理、有效地創(chuàng)建圖層可以大大提高工作效率。

除了可以自由創(chuàng)建圖層外，Animate CC 2017軟件還提供了圖層文件夾的功能，它以樹(shù)形結(jié)構(gòu)排列，可以將多個(gè)圖層分配到同一個(gè)圖層文件夾中，也可以將多個(gè)圖層文件夾分配到同一個(gè)圖層文件夾中，從而有助于對(duì)圖層進(jìn)行管理。對(duì)于場(chǎng)景比較復(fù)雜的動(dòng)畫(huà)而言，合理有效地組織圖層與圖層文件夾是極為重要的。創(chuàng)建圖層和圖層文件夾的方法有以下3種。

（1）通過(guò)按鈕創(chuàng)建

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

（2）通過(guò)菜單命令創(chuàng)建

執(zhí)行菜單中的“插入|時(shí)間軸|圖層”命令或“插入|時(shí)間軸|圖層文件夾”命令，同樣可以創(chuàng)建圖層和圖層文件夾。

（3）通過(guò)“時(shí)間軸”面板右鍵菜單創(chuàng)建

在“時(shí)間軸”面板左側(cè)的圖層處單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“插入圖層”命令或“插入文件夾”命令，同樣可以創(chuàng)建圖層和圖層文件夾。

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

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

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

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

（1）選擇單個(gè)圖層或圖層文件夾

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

（2）選擇多個(gè)連續(xù)的圖層或圖層文件夾

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

（3）選擇多個(gè)不連續(xù)的圖層或圖層文件夾

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

4．調(diào)整圖層與圖層文件夾順序

在“時(shí)間軸”面板中創(chuàng)建圖層或圖層文件夾時(shí)，會(huì)按自下向上的順序進(jìn)行添加。當(dāng)然，在動(dòng)畫(huà)制作的過(guò)程中，用戶可以根據(jù)需要通過(guò)拖動(dòng)的方法更改圖層（或圖層文件夾）的排列順序，并且可以將圖層與圖層文件夾放置到同一個(gè)圖層文件夾中。

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

默認(rèn)情況下，創(chuàng)建的圖層與圖層文件夾處于顯示狀態(tài)。但是在制作復(fù)雜動(dòng)畫(huà)時(shí)，有時(shí)為了便于觀察，可以將某個(gè)或者某些圖層（或圖層文件夾）進(jìn)行隱藏，而且在進(jìn)行swf動(dòng)畫(huà)文件的發(fā)布設(shè)置中，還可以選擇是否包括隱藏圖層。

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

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

（2）顯示或隱藏單個(gè)圖層

在“時(shí)間軸”面板中，如果要對(duì)某個(gè)圖層（或圖層文件夾）進(jìn)行隱藏或顯示，可以單擊需要隱藏或顯示的圖層（或圖層文件夾）名稱右側(cè)圖標(biāo)下方的黑點(diǎn)圖標(biāo)，此時(shí)黑點(diǎn)圖標(biāo)顯示為紅叉圖標(biāo)，如圖2-88所示，表示隱藏該圖層（或圖層文件夾）；再次單擊，紅叉圖標(biāo)顯示為黑點(diǎn)圖標(biāo)，表示顯示該圖層（或圖層文件夾）。

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

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

默認(rèn)情況下，創(chuàng)建的圖層與圖層文件夾處于解除鎖定狀態(tài)，如果工作區(qū)域中的對(duì)象很多，用戶在編輯其中的某個(gè)對(duì)象時(shí)就可能出現(xiàn)影響到其他對(duì)象的誤操作，針對(duì)這一情況可以將不需要的圖層與圖層文件夾暫時(shí)鎖定，圖層與圖層文件夾的鎖定和解除鎖定操作相同。

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

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

（2）鎖定或解鎖單個(gè)圖層

如果需要鎖定單個(gè)圖層，可以在鎖定的圖層名稱右側(cè)（鎖定或解除鎖定所有圖層）圖標(biāo)下方的黑色圖標(biāo)處單擊，當(dāng)黑點(diǎn)圖標(biāo)顯示為圖標(biāo)時(shí)，表示該層被鎖定，如圖2-91所示。如果要將該圖層解除鎖定，可以再次單擊該圖層的圖標(biāo)，將其顯示為圖標(biāo)。

7．圖層與圖層文件夾對(duì)象的輪廓顯示

在“時(shí)間軸”面板中，如果要對(duì)圖層或圖層文件夾進(jìn)行操作，除了可以顯示與隱藏、鎖定與解除鎖定外，還可以將系統(tǒng)默認(rèn)創(chuàng)建的以實(shí)體狀態(tài)顯示的動(dòng)畫(huà)對(duì)象根據(jù)其輪廓的顏色進(jìn)行顯示，如圖2-92所示。

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

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

（2）單個(gè)圖層對(duì)象輪廓顯示

在“時(shí)間軸”面板中，如果需要將單個(gè)圖層顯示為輪廓，可以單擊該圖層右側(cè)的（將所有圖層顯示為輪廓）圖標(biāo)，當(dāng)其顯示為圖標(biāo)時(shí)，表示當(dāng)前圖層的對(duì)象以輪廓顯示，如圖2-95所示。

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

在使用Animate CC 2017軟件制作動(dòng)畫(huà)時(shí)難免會(huì)創(chuàng)建出一些多余的圖層，此時(shí)，可以通過(guò)單擊“時(shí)間軸”面板下方的（刪除）按鈕對(duì)其進(jìn)行刪除。

9．圖層屬性的設(shè)置

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

●名稱：用于圖層的重命名，可通過(guò)在右側(cè)的文本框中輸入文字進(jìn)行設(shè)置。其中，“鎖定”用于設(shè)置鎖定或解除鎖定圖層，勾選為鎖定狀態(tài)，不勾選為解除鎖定狀態(tài)。

●可見(jiàn)性：用于設(shè)置圖層的顯示狀態(tài)，有“可見(jiàn)”“透明”“不可見(jiàn)”3個(gè)選項(xiàng)可供選擇。

●類型：用于設(shè)置圖層的種類，有“一般”“遮罩層”“被遮罩”“文件夾”和“引導(dǎo)層”5個(gè)選項(xiàng)可供選擇。

●輪廓顏色：用于設(shè)置當(dāng)前圖層中對(duì)象的輪廓線顏色以及是否以輪廓顯示，從而幫助用戶快速區(qū)分對(duì)象所在的圖層。單擊右側(cè)的按鈕，將彈出一個(gè)顏色設(shè)置調(diào)色板，在其中可以直接選取一種顏色作為繪制輪廓的顏色。勾選下方的“將圖層視為輪廓”復(fù)選框，可以將當(dāng)前圖層中的內(nèi)容以輪廓顯示。

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

2.3.3 幀操作

實(shí)際上，制作一個(gè)Animate CC 2017動(dòng)畫(huà)的過(guò)程其實(shí)也就是對(duì)每一幀進(jìn)行操作的過(guò)程。用戶通過(guò)在“時(shí)間軸”面板右側(cè)的幀操作區(qū)中進(jìn)行各項(xiàng)幀操作，可以制作出豐富多彩的動(dòng)畫(huà)效果，其中，每一幀代表一個(gè)畫(huà)面。

1．創(chuàng)建幀、關(guān)鍵幀與空白關(guān)鍵幀

在Animate CC 2017中，幀的類型主要有普通幀、關(guān)鍵幀和空白關(guān)鍵幀3種。在默認(rèn)情況下，新建Animate CC 2017文檔包含一個(gè)圖層和一個(gè)空白關(guān)鍵幀。用戶可以根據(jù)需要，在“時(shí)間軸”面板中創(chuàng)建任意多個(gè)普通幀、關(guān)鍵幀與空白關(guān)鍵幀。圖2-97為普通幀、關(guān)鍵幀與空白關(guān)鍵幀在時(shí)間軸中的顯示狀態(tài)。

（1）創(chuàng)建普通幀

普通幀用于延續(xù)上一個(gè)關(guān)鍵幀或者空白關(guān)鍵幀的內(nèi)容，并且前一關(guān)鍵幀與該幀之間的內(nèi)容完全相同，改變其中的任意一幀，其后的各幀也會(huì)發(fā)生改變，直到下一個(gè)關(guān)鍵幀為止。在Animate CC 2017中創(chuàng)建普通幀有以下兩種方法。

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

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

（2）創(chuàng)建關(guān)鍵幀

關(guān)鍵幀是指與前一幀有更改變換的幀。Animate CC 2017可以在關(guān)鍵幀之間創(chuàng)建補(bǔ)間或填充幀，從而生成流暢的動(dòng)畫(huà)。創(chuàng)建關(guān)鍵幀的方法有以下兩種。

●執(zhí)行菜單中的“插入|時(shí)間軸|關(guān)鍵幀”命令，或按快捷鍵〈F6〉，即可插入一個(gè)關(guān)鍵幀。

●在“時(shí)間軸”面板中需要插入關(guān)鍵幀的地方單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令，同樣可以插入一個(gè)關(guān)鍵幀。

（3）創(chuàng)建空白關(guān)鍵幀

空白關(guān)鍵幀是一種特殊的關(guān)鍵幀類型，在空白關(guān)鍵幀狀態(tài)下，舞臺(tái)中沒(méi)有任何對(duì)象存在，當(dāng)用戶在舞臺(tái)中自行加入對(duì)象后，該幀將自動(dòng)轉(zhuǎn)換為關(guān)鍵幀。反之，將關(guān)鍵幀中的對(duì)象全部刪除，則該幀又會(huì)轉(zhuǎn)換為空白關(guān)鍵幀。

2．選擇幀

選擇幀是對(duì)幀進(jìn)行各種操作的前提，選擇相應(yīng)幀的同時(shí)也就選擇了該幀在舞臺(tái)中的對(duì)象。在Animate CC 2017動(dòng)畫(huà)制作過(guò)程中，用戶可以選擇同一圖層中的單幀或多幀，也可以選擇不同圖層的單幀或多幀，選中的幀會(huì)以藍(lán)色背景進(jìn)行顯示。選擇幀有以下5種方法。

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

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

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

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

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

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

（4）選擇相鄰圖層的多個(gè)相鄰幀

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

（5）選擇不相鄰的多幀

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

3．剪切幀、復(fù)制幀和粘貼幀

在Animate CC 2017中不僅可以剪切、復(fù)制和粘貼舞臺(tái)中的動(dòng)畫(huà)對(duì)象，還可以剪切、復(fù)制、粘貼圖層中的動(dòng)畫(huà)幀，這樣就可以將一個(gè)動(dòng)畫(huà)復(fù)制到多個(gè)圖層中，或者復(fù)制到不同的文檔中，從而使動(dòng)畫(huà)制作更加輕松快捷，大大提高了工作效率。

（1）剪切幀

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

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

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

（2）復(fù)制幀

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

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

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

●選擇需要復(fù)制的幀，此時(shí)光標(biāo)顯示為圖標(biāo)，然后按住〈Alt〉鍵的同時(shí)進(jìn)行拖動(dòng)，當(dāng)拖動(dòng)到合適的位置處釋放鼠標(biāo)，即可將選擇的幀復(fù)制到該處。

（3）粘貼幀

粘貼幀就是將剪切或復(fù)制的各幀進(jìn)行粘貼操作。粘貼幀的方法有以下兩種。

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

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

4．移動(dòng)幀

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

5．刪除幀

在制作Animate CC 2017動(dòng)畫(huà)的過(guò)程中，如果有錯(cuò)誤或多余的動(dòng)畫(huà)幀，需要將其刪除。刪除幀的方法有以下兩種。

●選擇需要?jiǎng)h除的各幀，然后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“刪除幀”命令，即可將選擇的幀全部刪除。

●選擇需要?jiǎng)h除的各幀，然后按組合鍵〈Shift+F5〉，同樣可以將選擇的各幀進(jìn)行刪除。

6．翻轉(zhuǎn)幀

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

●選擇各幀，然后執(zhí)行菜單中的“修改|時(shí)間軸|翻轉(zhuǎn)幀”命令，可以將選擇的幀進(jìn)行頭尾翻轉(zhuǎn)。

●選擇各幀，然后在“時(shí)間軸”面板中單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“翻轉(zhuǎn)幀”命令，同樣可以翻轉(zhuǎn)選擇的幀。