1、Flash 動畫制作 河南工程學院 第八課 圖層的使用 課堂講解 課后練習 Flash 動畫制作 河南工程學院 課堂講解 動畫中的圖層 圖層的類型 圖層的編輯 Flash 動畫制作 河南工程學院 對于大多數Flash動畫來說，一個圖層是 遠遠不夠的，常常需要為一個動畫創建多個圖 層，在不同的圖層中制作不同的動畫，各個圖 層的動畫組合在一起就形成了復雜的動畫效果。 下面講解圖層的使用方法。 Flash 動畫制作 河南工程學院 動畫中的圖層 在Flash動畫中，圖層就像一疊透明紙一樣， 每一張紙上面都有不同的畫面，將這些紙疊在一 起就組成一幅比較復雜的畫面。在上面一層添加 內容，會遮住下面一層中相

2、同位置的內容，但如 果上面一層的某個區域沒有內容，透過這個區域 就可以看到下面一層相同位置的內容。 在Flash中每個圖層都是相互獨立的，擁有自 己的時間軸，包含獨立的幀，用戶可以在一個圖 層上任意修改圖層內容，而不會影響到其他圖層。 Flash 動畫制作 河南工程學院 在如圖8-1所示的圖層區中各圖標的含義及 作用如下。 插入圖層：單擊該按鈕可新建一個圖層。 添加運動引導層：單擊該按鈕可新建一個運 動引導圖層。 圖8-1 Flash 動畫制作 河南工程學院 插入圖層 ：單擊該按鈕可新建一個圖 層。 添加運動引導層 ：單擊該按鈕可新建一 個運動引導圖層。 插入圖層文件夾 ：單擊該按鈕可新建一

3、個圖層文件夾，利用圖層文件夾可以分類管 理圖層。 刪除圖層 ：選中圖層后單擊該按鈕可 刪除選中的圖層。 Flash 動畫制作 河南工程學院 顯示/隱藏所有圖層 ：單擊該按鈕可以 在顯示所有圖層和隱藏所有圖層之間進行切 換， 下方的 圖標表示該圖層中的內容已 顯示出來， 圖標表示該圖層中的內容被隱 藏了。 鎖定/解除鎖定所有圖層 ：單擊該按鈕可 以在鎖定圖層和解鎖圖層之間切換。 按鈕 下方的 圖標表示該圖層沒有被鎖定，可以 對其中的內容和幀進行編輯， 圖標表示該 圖層被鎖定，不能對其進行編輯。 Flash 動畫制作 河南工程學院 顯示所有圖層的輪廓 ：單擊該按鈕可以 顯示所有圖層中內容的線條輪廓

4、，再次單擊 可以取消輪廓的顯示，而顯示所有內容。 按鈕下方的實心圖標 表示該圖層中的內容 完全顯示，空心圖標 表示該圖層中的內容 以輪廓方式顯示，如圖8-2所示為完全顯示的 效果，如圖8-3所示為以輪廓方式顯示的效果。 Flash 動畫制作 河南工程學院 圖8-2 Flash 動畫制作 河南工程學院 圖8-3 Flash 動畫制作 河南工程學院 在Flash動畫制作過程中，圖層起著極其重 要的作用，圖層的作用主要表現在以下幾個方 面： 有了圖層后，用戶可以方便地對某個圖層中 的對象或動畫進行編輯修改，而不會影響其 他圖層中的內容。 有了圖層后，用戶可以將一個大動畫分解成 幾個小動畫，將不同的動

5、畫放置在不同的圖 層上，各個小動畫之間相互獨立，從而組成 一個大的動畫。 Flash 動畫制作 河南工程學院 利用一些特殊的圖層還可以制作特殊的動畫 效果，如利用遮罩層可以制作遮罩動畫，利 用引導層可以制作引導動畫，它們的使用方 法將在后面詳細介紹。 如圖8-2所示的畫面就包括了3個圖層：圖 層1是磚墻，圖層2是一個草窩，圖層3是一只 受到驚嚇的小鳥。在制作小鳥的動畫時，為了 不影響下面兩層，因此需要把它們置于不同的 層上，這樣就可以單獨制作小鳥的動畫了。 Flash 動畫制作 河南工程學院 圖層的類型 在Flash MX 2004中，圖層主要有以下幾種類 型。 普通圖層：普通圖層的圖標為 ，

6、啟動Flash MX 2004后，默認情況下只有一個普通圖層，單擊 圖 標可以新建一個普通圖層。 引導層 ：在圖層區中單擊 按鈕，可以新建一個 引導圖層，如圖8-4所示。引導圖層的圖標為 形狀， 它下面的圖層中的對象則被引導。引導層中的所有 內容只是在制作動畫時作為參考線，并不出現在作 品的最終效果中。 Flash 動畫制作 河南工程學院 如果引導層沒有被引導的對象，它的圖層會由 圖標變為 圖標。如在圖8-4中單擊選中圖層2， 按住鼠標左鍵將其向上拖動到引導層的上方，會發 現引導層前面的 圖標變為 圖標，如圖8-5所示， 這時的引導層沒有實際意義。 Flash 動畫制作 河南工程學院 圖8-4

7、 圖8-5 Flash 動畫制作 河南工程學院 遮罩層：遮罩層圖標為 ，被遮罩圖層的圖 標表示為 ，如圖8-6所示的“圖層3”是遮罩 層，圖層2是被遮罩層。 圖8-6 Flash 動畫制作 河南工程學院 在遮罩層中創建的對 象具有透明效果，如果遮 罩層中的某一位置有對象， 那么被遮罩層中相同位置 的內容將顯露出來，被遮 罩層的其他部分則被遮住。 Flash 動畫制作 河南工程學院 圖層的編輯 選擇圖層 創建圖層 刪除圖層 重命名圖層 復制/移動圖層 Flash 動畫制作 河南工程學院 隱藏與鎖定圖層 設置圖層屬性 管理多圖層 在Flash中對圖層的編輯包括創建圖層、 重命名圖層、移動/復制圖層

8、、設置圖層屬性 等，下面分別進行介紹。如果沒有特別說明， 下面所說的圖層都是指普通層。 Flash 動畫制作 河南工程學院 選擇圖層 要編輯圖層，首先必須選取圖層，下面 講解選取圖層的方法。在Flash MX 2004中既 可以選取單個圖層，也可以選取相鄰圖層和不 相鄰的圖層。 Flash 動畫制作 河南工程學院 選擇單個圖層 選取單個圖層的方法有以下幾種。 在圖層區中單擊某個圖層即可選中該圖層。 在時間軸中單擊圖層中的任意一幀即可選中 該圖層。 在場景中選擇某一圖層中的對象也可選中該 圖層。 Flash 動畫制作 河南工程學院 選擇相鄰圖層 選擇相鄰圖層的 方法是：單擊要選取 的第一個圖層，

9、按住 【Shift】鍵，再單 擊要選取的最后一個 圖層可選取兩個圖層 間的所有圖層，如圖 8-7所示。 圖8-7 Flash 動畫制作 河南工程學院 選擇不相鄰圖層 選擇不相鄰圖 層的具體操作為：單 擊要選取的其中一個 圖層，按住【Ctrl】 鍵，再單擊需要選取 的其他圖層即可，如 圖8-8所示。 圖8-8 Flash 動畫制作 河南工程學院 創建圖層 一個新建的Flash文件在默認情況下只有 一個圖層，但用戶可根據自己的需要添加或刪 除圖層。系統默認的圖層為“圖層1”，如果 需要建立新的圖層，有如下幾種方法。 Flash 動畫制作 河南工程學院 通過 按鈕新建圖 層 單擊圖層區底部的 按鈕，

10、在圖層面板上新建 一個圖層，系統自動命名 為“圖層2”，位于“圖 層1”上面，并變為當前 層，如圖8-9所示。不斷 單擊 按鈕將依次新建圖層3、 圖層4、圖層5 圖8-9 Flash 動畫制作 河南工程學院 用快捷菜單建立圖層 用快捷菜單建立圖層的具體操作如下。 （1）單擊選中某一圖層，如要在圖層1上 方插入新圖層，可選中圖層1，再單擊鼠標右 鍵，彈出如圖8-10所示的快捷菜單。 （2）選擇“插入圖層”命令，在圖層1上 方插入一個新圖層“圖層3”，且“圖層3”變 為當前層，如圖8-11所示。 Flash 動畫制作 河南工程學院 圖8-10 圖8-11 Flash 動畫制作 河南工程學院 利用菜

11、單命令建立圖層 利用菜單命令建立圖層的 具體操作如下。 （1）選中任意一個圖層， 如要在圖層2上方插入新圖層， 則選中“圖層2”。 （2）選擇插入時間 軸圖層菜單命令，即可在 圖層2上方插入一個新圖層“圖 層4”，且“圖層4”變為當前 層，如圖8-12所示。 圖8-12 Flash 動畫制作 河南工程學院 刪除圖層 當不需要圖層上的內容時，可以刪除圖層。 選中要刪除的圖層后，可以執行以下任意操作 來刪除圖層。 單擊 按鈕。 按住鼠標左鍵不放，拖動該圖層到 按鈕上 釋放鼠標。 單擊鼠標右鍵，在彈出的快捷菜單中選擇 “刪除圖層”命令。 Flash 動畫制作 河南工程學院 如圖8-13所示為刪除圖層

12、4和圖層3的過程。 圖8-13 Flash 動畫制作 河南工程學院 重命名圖層 從前面的操作可以看出，對于新建的普通 圖層，Flash默認的圖層名為“圖層1”、“圖 層2”對于新建的引導圖層，Flash默認的 圖層名為“引導層：圖層1”、“引導層：圖層 2”這種名稱很不直觀，為了便于識別每個 圖層放置的內容，可以為圖層取一個直觀好記 的名稱，這就是圖層的重命名。 Flash 動畫制作 河南工程學院 重命名圖層的方法是：雙擊要重命名的圖 層，進入文本編輯狀態，在文本框中輸入新名 稱后，再按【Enter】鍵或單擊其他圖層即可 確認該名稱，重命名的過程如圖8-14圖8-16 所示。 圖8-14圖8-

13、15 圖8-16 Flash 動畫制作 河南工程學院 復制/移動圖層 復制圖層 在制作動畫時，常常需要在新建的圖層中 創建與原有圖層的所有幀內容完全相同或類似 的內容，這時可通過復制圖層的功能將原圖層 中的所有內容復制到新圖層中，再進行一些修 改，從而避免重復工作。復制圖層就是把某一 圖層中所有幀的內容復制到另一圖層中。 Flash 動畫制作 河南工程學院 復制圖層的方法是：單擊圖層區中的圖層 名稱，即可選中該圖層中的所有幀，然后在時 間軸右邊選中的幀上單擊鼠標右鍵，在彈出的 快捷菜單中選擇“復制幀”命令。再用鼠標右 鍵單擊目標層的第1幀，在彈出的快捷菜單中 選擇“粘貼幀”命令即可。 Flas

14、h 動畫制作 河南工程學院 移動圖層 有時候在編輯動畫后發現不能達到預想 中的動畫效果，可能是因為圖層順序不正確， 這時就需要通過移動圖層來調整圖層順序， 以達到所需的效果。 移動圖層的方法是：選中要移動的圖層。 按住鼠標左鍵拖動圖層，此時圖層以一條粗 橫線表示，如圖8-17所示。當圖層達到需要 放置的位置時釋放鼠標左鍵即可。 Flash 動畫制作 河南工程學院 圖8-17 Flash 動畫制作 河南工程學院 隱藏與鎖定圖層 在編輯動畫時有時只需要對某一個圖層進 行編輯，為了避免誤操作，可將其他圖層隱藏 或鎖定起來。處于隱藏或鎖定狀態的圖層不能 進行編輯。隱藏和顯示圖層的方法有以下兩種。 Fl

15、ash 動畫制作 河南工程學院 用 圖標隱藏圖層 隱藏圖層后用戶不能看到隱藏圖層中的任 何對象，因此也不能進行編輯。 隱藏圖層的方法是：單擊圖層區中 圖標 下方要隱藏圖層的圖標，則圖標變為圖標，同 時 圖標變為 圖標，如圖8-18所示。該圖層即 被隱藏，此時不能對圖層進行編輯。單擊 圖 標， 圖標又變為 圖標，該圖層變回可顯示 狀態。 Flash 動畫制作 河南工程學院 圖8-18 Flash 動畫制作 河南工程學院 鎖定圖層 為了防止不小心修改已編輯好的圖層中的內 容，可鎖定該圖層，鎖定圖層后用戶可以看到 圖層中的對象，但不能進行編輯。 鎖定圖層的方法是：選擇要鎖定的圖層， 單擊 圖標下方該

16、層的 圖標， 圖標變為 圖標，該圖層處于鎖定狀態，如圖8-19所示。再 次單擊該層中的 圖標即可解鎖。 Flash 動畫制作 河南工程學院 圖8-19 Flash 動畫制作 河南工程學院 設置圖層屬性 在Flash中還可以對圖層的 屬性進行設置，如設置圖 層名稱、圖層類型、對象 輪廓的顏色、圖層的高度 等。用鼠標右鍵單擊任意 一個圖層，在彈出的快捷 菜單（如圖8-20所示）中 選擇“屬性”命令，將打 開“圖層屬性”對話框， 如圖8-21所示。 圖8-20 Flash 動畫制作 河南工程學院 圖8-21 Flash 動畫制作 河南工程學院 在該對話框中可進行以下操作。 （1）在“名稱”文本框中修

17、改圖層名稱。 （2）取消 復選框的選擇，可以隱 藏圖層，選中該復選框可顯示該圖層。 （3）取消 復選框的選擇，可以解 鎖圖層，選中該復選框可鎖定該圖層。 （4）在“類型”欄中選擇相應的單選項 可以設置圖層的相應屬性，各單選項的含義 如下。 Flash 動畫制作 河南工程學院 ：選中該復選框可將當前圖層設為普 通圖層。 ：選中該復選框可將當前圖層設為引 導層，圖層前面出現一個 圖標。 ：該單選項只有在選中引導圖層下 方的圖層時才可用。選中該單選項可使該圖 層與引導層建立路徑關系，成為被引導層， 同時引導層的 圖標變為 圖標。 ：將當前圖層設定為遮罩層。 Flash 動畫制作 河南工程學院 ：該單

18、選項只有在選中遮罩層下方一 層時才可用。選中該單選項可將該圖層與其 前面的遮罩層建立鏈接關系，成為被遮罩層， 同時該圖層的圖標變為 圖標。 ：將普通圖層轉換為圖層文件夾，用 于管理圖層，其功能與在圖層控制區單擊 按鈕的功能相同。 Flash 動畫制作 河南工程學院 （5）在“輪廓顏色”圖標中單擊 按鈕， 在彈出的顏色列表中可以設定該圖層中線框 模式的線框顏色。 （6）選中 復選框可將該圖層 內容以線框方式顯示。 （7）在“圖層高度”下拉列表框中選取 不同的值可以調整圖層區中每個圖層的高度。 （8）設置完成后單擊 按鈕即可。 Flash 動畫制作 河南工程學院 管理多圖層 當動畫中的圖層較多時，

19、可以通過一些命 令同時對多個圖層進行操作，在當前圖層上單 擊鼠標右鍵，彈出如圖8-20所示的快捷菜單。 該菜單最上面的3個命令是對所有圖層或其他 圖層的管理。它們的含義如下。 Flash 動畫制作 河南工程學院 全部顯示：將所有圖層都設定為顯示狀態。 鎖定其他圖層：將除當前圖層外的其他圖層 設定為鎖定狀態。 隱含其他圖層：將除當前圖層外的其他圖層 都設定為隱藏狀態。 Flash 動畫制作 河南工程學院 上機實戰 在本課上機實戰中將制作一個包含多個圖 層的簡單動畫，在該動畫中一個女孩坐在窗前， 想像著母親節送給媽媽的禮物。其中包括5個圖 層：窗外的山、窗簾、花盆、女孩、想像中的 情景，效果如圖8

20、-22所示。在練習過程中大家 應仔細想想哪些圖層該放在上面，哪些圖層該 放在下面，做到心中有數。本次練習涉及到的 知識點有創建圖層、移動圖層、重命名圖層、 鎖定/解鎖圖層等。對于沒練習到的其他知識點， 大家可結合課堂講解自行練習。 Flash 動畫制作 河南工程學院 圖8-22 Flash 動畫制作 河南工程學院 其具體操作如下。 （1）新建一個文件，并將其背景顏色設 為桔黃色，背景大小設置為400400像素。 雙擊圖層1，進入文本編輯狀態，在文本框中 輸入新名稱“窗簾”，再按【Enter】鍵即可 將圖層1重命名為“窗簾”。 （2）導入圖片“窗簾.wmf”，并將其縮 至適當大小，在第30幀按【

21、F5】鍵沿用幀， 如圖8-23所示。 Flash 動畫制作 河南工程學院 圖8-23 Flash 動畫制作 河南工程學院 （3）在圖層區單擊 按鈕新建一個普 通圖層，系統自動命名為“圖層2”，雙擊圖 層2，進入文本編輯狀態，在文本框中輸入新 名稱“女孩”，再按【Enter】鍵即可將圖層 2重命名為“女孩”。 （4）導入圖片“女孩.wmf”，并將其縮 至適當大小，在第30幀按【F5】鍵沿用幀， 如圖8-24所示。 Flash 動畫制作 河南工程學院 圖8-24 Flash 動畫制作 河南工程學院 （5）選中圖層“窗簾”，單擊 按鈕 新建一個普通圖層，并將其重命名為“窗 外”。 （6）導入圖片“窗

22、外.wmf”，并將其縮 至適當大小，在第30幀按【F5】鍵沿用幀， 如圖8-25所示。 Flash 動畫制作 河南工程學院 圖8-25 Flash 動畫制作 河南工程學院 （7）從圖8-25可以看出窗外的景色位于 窗簾的上方，它們的位置關系顯然不對，應 將窗外層移到窗簾層的下方。選中圖層“窗 外”，按住鼠標左鍵向下移動到“窗簾”下 方，效果如圖8-26所示。 Flash 動畫制作 河南工程學院 圖8-26 Flash 動畫制作 河南工程學院 （8）在 下方依次單擊“女孩”層和 “窗簾”層對應的，鎖定“女孩”層和“窗 簾”層。然后框選“窗外”層中的圖片，按 【】鍵向下移動到窗簾下方的窗欞上，然

23、后按【Ctrl+B】鍵打散圖片，再框選窗簾外 的部分，按【Delete】鍵刪除選中部分，如 圖8-27所示。 Flash 動畫制作 河南工程學院 圖8-27 Flash 動畫制作 河南工程學院 （9）選中“窗簾”層，單擊 按鈕新建 一個普通圖層，并重命名為“花盆”。再導 入圖片“花盆.wmf”，并將其移至適當位置， 然后在第30幀按【F5】鍵沿用幀，如圖8-28 所示。 Flash 動畫制作 河南工程學院 圖8-28 Flash 動畫制作 河南工程學院 （10）選中“女孩”層，單擊 圖標解 除鎖定。在第4幀按【F6】鍵插入關鍵幀，單 擊橢圓工具 ，在女孩的左上角繪制一個無 邊框的白色橢圓，在“

24、混色器”中將其透明 度設為43%，如圖8-29所示。 Flash 動畫制作 河南工程學院 圖8-29 Flash 動畫制作 河南工程學院 （11）在“女孩”層的第6幀插入關鍵幀， 在小橢圓的左上角再繪制一個無邊框的白色 橢圓，同樣將其透明度設為43%。 （12）在“女孩”層的第8幀插入關鍵幀， 在第二個橢圓的左上角再繪制一個無邊框的 白色橢圓，同樣將其透明度設為43%。 （13）在第10幀插入關鍵幀，在第三個橢 圓的左上角再繪制一個無邊框的白色橢圓， 同樣將其透明度設為43%，如圖8-30所示。 Flash 動畫制作 河南工程學院 圖8-30 Flash 動畫制作 河南工程學院 （14）在第1

25、4幀插入關鍵幀，鎖定其他圖 層，然后框選女孩，按【Ctrl+B】鍵將其打 散，然后用鉛筆工具在女孩的嘴角繪制一條 上揚的曲線，形成女孩笑的表情。 （15）單擊 圖標解除圖層的鎖定，在 “花盆”層的上方新建一個圖層，并命名為 “禮物”。由于禮物與最大的橢圓要同時出 現，因此在“禮物”層的第14幀插入關鍵幀， 導入圖片“禮物.wmf”，并移至最大的橢圓 內，然后沿用至第30幀，如圖8-31所示。 Flash 動畫制作 河南工程學院 圖8-31 Flash 動畫制作 河南工程學院 （16）選中“女孩”層的第14幀，用文 本工具在“禮物”圖片的兩邊分別輸入“母 親節”和“快樂！”，并設置為“方正黃草 簡體、23、黃色”，如圖8-32所示。 （17）按【Ctrl+Enter】鍵播放動畫，最 終效果如圖8-22所示。 Flash 動畫制作 河南工程學院 圖8-32 Flash 動畫制作 河南工程學院 課后練習 填空題 判斷題 選擇題 問答題 上機操作題 Flash 動畫制作 河南工程學院 填空題 （1）圖層包括普通層、 層和 層。 （2）選擇多個不相鄰的圖層需按住 鍵， 再單擊需要選取的圖層，選擇多個相鄰的圖層，需 要按住 鍵，再單擊首尾兩個圖層。 （3） 圖標的作用是 ， 圖標的