項目六遮罩動畫動畫設計與制作知識目標1.了解遮罩動畫的相關知識；2.掌握靜態(tài)遮罩動畫的創(chuàng)建方法及技巧；3.掌握動態(tài)遮罩動畫的創(chuàng)建方法及技巧。能力目標素養(yǎng)目標1.精通遮罩動畫制作技巧；2.具有創(chuàng)新意識，能獨立完成遮罩動畫設計創(chuàng)意工作；3.能夠根據(jù)工作需求進行特殊動畫設計、場景設計等。1.培養(yǎng)學生自主學習能力和發(fā)現(xiàn)問題、解決問題能力；2.激發(fā)學生學習Animate的興趣，體驗作品創(chuàng)作成功的喜悅感和成就感；3.培養(yǎng)學生勇于創(chuàng)新的精神、熱愛家鄉(xiāng)的家國情懷、增強學生的環(huán)境保護意識。思維導圖基礎任務6.1

制作坐井觀天動畫

【任務描述】坐井觀天是大家耳熟能詳?shù)脑⒀怨适?。本任務我們將運用靜態(tài)遮罩動畫，制作一個橢圓形區(qū)域作為遮罩層，實現(xiàn)坐井觀天的動畫效果。通過任務實施，引導學生體悟“只有站得高，才能看得遠”的道理，從而激發(fā)學生腳踏實地的學習態(tài)度，培養(yǎng)學生勇于創(chuàng)新的良好品質(zhì)，讓學生樹立終身學習的理念。任務儲備1遮罩動畫的相關知識

遮罩動畫是通過遮罩層中的對象有選擇地顯示其下面的被遮罩層中的內(nèi)容。一個遮罩動畫，至少需要兩個圖層，上面的圖層稱為“遮罩層”，下面的圖層稱為“被遮罩層”。1.遮罩層

制作遮罩動畫時，可以右擊選中的圖層，在彈出的快捷菜單中選擇“遮罩層”命令，把選中的圖層轉(zhuǎn)換為“遮罩層”，同時，在該圖層下面的一個圖層轉(zhuǎn)換為“被遮罩層”。

遮罩層與被遮罩層的關系是用遮罩層中圖形的形狀來顯示被遮罩層中的圖像，遮罩層在動畫發(fā)布時是不可見的。2.遮罩層的基本原理

通過遮罩層中的對象看到被遮罩層中的對象及其屬性，但遮罩層中的對象的許多屬性如漸變色、透明度、顏色和線條樣式等都是被忽略的。例如，不能通過遮罩層的漸變色來實現(xiàn)被遮罩層的漸變色變化。要在場景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層。任務儲備2靜態(tài)遮罩動畫的創(chuàng)建方法及技巧1.創(chuàng)建遮罩層的三種方式⑴在【時間軸】面板中，用鼠標右鍵單擊要轉(zhuǎn)換遮罩層的圖層，在彈出的菜單中選擇【遮罩層】命令，如圖6-1-1所示。選中的圖層轉(zhuǎn)換為遮罩層，其下方的圖層自動轉(zhuǎn)換為被遮罩層，并且它們都自動被鎖定，如圖6-1-2所示。⑵在【時間軸】面板中，雙擊圖層左側(cè)的【圖層屬性】按鈕，如圖6-1-3所示，打開【圖層屬性】對話框，

圖6-1-1【遮罩層】命令圖6-1-3雙擊【圖層屬性】按鈕圖6-1-2遮罩層和被遮罩層被自動鎖定任務儲備2靜態(tài)遮罩動畫的創(chuàng)建方法及技巧1.創(chuàng)建遮罩層的三種方式設置【類型】為【遮罩層】，并單擊【確定】按鈕，如圖6-1-4所示。將需要轉(zhuǎn)換為被遮罩層的圖層拖放至遮罩層的下方，將其轉(zhuǎn)換為被遮罩層，如圖6-1-5所示。⑶打開【修改】|【時間軸】|【圖層屬性】命令，如圖6-1-6所示。可以打開【圖層屬性】對話框，設置圖層為遮罩層或被遮罩層。

圖6-1-4【圖層屬性】對話框圖6-1-5拖放的圖層為被遮罩層圖6-1-6選擇【圖層屬性】命令任務儲備2靜態(tài)遮罩動畫的創(chuàng)建方法及技巧2.將遮罩層轉(zhuǎn)換為普通圖層在【時間軸】面板中，使用鼠標右鍵單擊要轉(zhuǎn)換的遮罩層，在彈出的菜單中選擇【遮罩層】命令，取消【遮罩層】的選中狀態(tài)如圖6-1-7所示，將遮罩層轉(zhuǎn)換為普通圖層，如圖6-1-8所示。

3.操作技巧在遮罩動畫制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯元件，可以按遮罩層【時間軸】面板的【顯示圖層輪廓】按鈕，如圖6-1-9所示，使遮罩層只顯示邊框形狀，在這種情況下，還可以拖動邊框調(diào)整遮罩圖形的外形和位置。

圖6-1-7使用快捷菜單取消遮罩圖6-1-8遮罩層轉(zhuǎn)換為普通圖層圖6-1-9【顯示圖層輪廓】按鈕任務實施1制作坐井觀天動畫⑴選擇【文件】|【新建】命令，在彈出的【新建文檔】對話框中，使用默認【標準】尺寸,將【幀頻】設置為24fps,在【平臺類型】列表框中選擇【ActionScript3.0】選項,如圖6-1-10所示，點擊【創(chuàng)建】按鈕。圖6建-1-10【新建文檔】對話框⑵選擇【文件】|【導入】|【導入到庫】命令，在彈出的【導入到庫】對話框中，選擇“井底之蛙.jpg”素材文件，單擊【打開】按鈕，如圖6-1-11所示，將素材文件導入到庫中。圖6-1-11【導入到庫】對話框任務實施1制作坐井觀天動畫⑶新建圖層，將其重命名為【井底之蛙】。打開【庫】面板，將素材“井底之蛙.jpg”拖動到舞臺中，按【Ctrl+k】，打開【對齊】面板，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕和【匹配寬和高】按鈕，如圖6-1-12所示。圖6-1-12【井底之蛙】效果⑷在【井底之蛙】圖層上方新建圖層，并將其重命名為【井口】,選擇【鋼筆工具】繪制一個和井口大小的不規(guī)則區(qū)域。在沒有創(chuàng)建遮罩效果之前，使用不規(guī)則區(qū)域遮住【井底之蛙】圖層中的井口部分，【井口】效果如圖6-1-13所示。圖6-1-13【井口】效果

任務實施1制作坐井觀天動畫⑸選中【井口】圖層第1幀，選擇【文本工具】分別輸入【坐】、【井】、【觀】、【天】四個字，選擇【選擇工具】將四個字放置合適位置，在【屬性面板】中，設置字體樣式為華文琥珀，字符大小70px,選擇【任意變形工具】將【坐】和【井】字旋轉(zhuǎn)合適的角度，按住【Shift】鍵依次選中【坐】、【井】、【觀】、【天】四個字，按【Ctrl+B】將文字打散，如圖6-1-14所示。圖6-1-14【坐井觀天】文字效果⑹選中【井口】圖層并右擊，在彈出的快捷菜單中選擇【遮罩層】命令，選中的【井口】圖層轉(zhuǎn)換為遮罩層，其下方的【井底之蛙】圖層自動轉(zhuǎn)換為被遮罩層，并且它們都自動被鎖定，如圖6-1-15所示。圖6-1-15遮罩層和被遮罩層被自動鎖定

任務實施1制作坐井觀天動畫將【井口】圖層轉(zhuǎn)換為遮罩層后，【井口】圖層的內(nèi)容完全遮蓋了【井底之蛙】圖層的內(nèi)容，只有透過【井口】圖層中的不規(guī)則區(qū)域才可以看到下面【井底之蛙】層中的圖片，如圖6-1-16所示。⑺在【井口】圖層上方新建圖層，重命名為【背景】，選擇【文件】|【導入】|【導入到舞臺】命令，在彈出的【導入到舞臺】對話框中，選擇“天空.jpg”素材文件，單擊【打開】按鈕，將素材文件導入到舞臺。在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕和【匹配寬和高】按鈕，如圖6-1-17所示。⑻選擇【背景】圖層，將其拖拽到【井底之蛙】圖層下方，如圖6-1-18所示。圖6-1-16將【井口】圖層轉(zhuǎn)換為遮罩層

圖6-1-17【背景】效果

圖6-1-18【背景】層在最底層效果

任務實施1制作坐井觀天動畫【提示】如果想解除遮罩，只需單擊【時間軸】面板上遮罩層或被遮罩層上的圖標將其解鎖即可，解鎖之后不能在場景中看到遮罩效果，如圖6-1-19所示。若想看到遮罩效果可在遮罩層或被遮罩層右擊，在彈出的快捷菜單選擇【顯示遮罩】即可，如圖6-1-20所示。⑼按【Ctrl+Enter】組合鍵測試動畫效果，如圖6-1-21所示。圖6-1-19解鎖之后效果圖6-1-20【顯示遮罩】命令圖6-1-21【坐井觀天】最終效果任務小結1制作坐井觀天動畫1.要創(chuàng)建遮罩動畫首先要創(chuàng)建遮罩層。2.遮罩層中的圖形對象在播放時是看不到的。3.被遮罩層中的對象只能透過遮罩層中的對象被看到。4.遮罩層決定看到的動畫的形狀。5.被遮罩層決定看到的動畫的內(nèi)容?；A任務6.2

制作大美山東動畫

【任務描述】山東是國內(nèi)外旅客稱贊的旅游圣地。為宣傳推廣山東旅游，制作山東風景切換動畫放在山東高鐵電子廣告屏上滾動播放。本任務我們將運用動態(tài)遮罩動畫，制作一個影片剪輯作為遮罩層，實現(xiàn)山東風景圖片百葉窗動畫切換效果。通過任務實施，引導學生感受山東自然風光之美，培養(yǎng)學生善于觀察生活，善于積累素材的職業(yè)基本素養(yǎng)，樹立學生愛我山東，強我中華的家國情懷，培養(yǎng)學生具有新時代青年的責任感和使命感。任務儲備動態(tài)遮罩動畫的創(chuàng)建方法及技巧1.構成遮罩層和被遮罩層的元素遮罩層中的內(nèi)容可以是圖形、文字、位圖、按鈕、影片剪輯等，但不能使用線條，如果內(nèi)容是線條，則必須將線條轉(zhuǎn)化為【填充】。選擇【修改】|【形狀】|【把線條轉(zhuǎn)換為填充】，如圖6-2-1所示。如果要為文字制作遮罩，則先將文字打散為形狀，連續(xù)按兩次【Ctrl+B】快捷鍵將其打散。被遮罩層中可以使用按鈕、影片剪輯、圖形、位圖、文字和線條等。圖6-2-1【把線條轉(zhuǎn)換為填充】命令任務儲備動態(tài)遮罩動畫的創(chuàng)建方法及技巧2.動態(tài)遮罩動畫中使用的動畫形式在遮罩層、被遮罩層中分別或同時使用形狀補間動畫、動作補間動畫、逐幀動畫、引導層動畫等動畫形式，制作出絢麗多彩的動畫效果。3.操作技巧一個遮罩層可以作為多個圖層的遮罩層，如果要將一個普通圖層變?yōu)槟硞€遮罩層的被遮罩層，只需將此圖層拖放至遮罩層下方即可，如圖6-2-2所示。圖6-2-2拖動圖層轉(zhuǎn)換為被遮罩層任務實施1導入素材⑴選擇【文件】|【新建】命令，在彈出的【新建文檔】對話框中，使用默認【標準】尺寸,將【幀頻】設置為24fps,在【平臺類型】列表框中選擇【ActionScript3.0】選項,如圖6-2-3所示，點擊【創(chuàng)建】按鈕。圖6-2-4【導入到庫】對話框⑵選擇【文件】|【導入】|【導入到庫】命令，在彈出的【導入到庫】對話框中，按住Ctrl鍵依次選擇“趵突泉.jpg”、“大明湖.jpg”、“封面.jpg”、“嶗山.jpg”、“蓬萊閣.jpg”、“泰山.jpg”、“沂蒙山.jpg”素材文件，單擊【打開】按鈕，如圖6-2-4所示，將素材文件導入到庫中。圖6-2-3【新建文檔】對話框任務實施2制作泰山和嶗山風景圖片的切換動畫⑴制作【嶗山】圖層新建圖層，并將其重命名為【嶗山】。打開【庫】面板，將素材“嶗山.jpg”拖動到舞臺中，按【Ctrl+k】，打開【對齊】面板，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕和【匹配寬和高】按鈕，效果如圖6-2-5所示。圖6-2-6【泰山】效果圖⑵制作【泰山】圖層在【嶗山】層上方新建圖層，并將其重命名為【泰山】,打開【庫】面板，將素材“泰山.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕和【匹配寬和高】按鈕，效果如圖6-2-6所示。圖6-2-5【嶗山】效果圖任務實施2制作泰山和嶗山風景圖片的切換動畫⑶制作遮罩圖層①將【嶗山】和【泰山】兩個圖層鎖定，在【泰山】層上方新建圖層，重命名為【百葉窗1】，選擇【矩形工具】繪制一個無邊框任意顏色的矩形，如圖6-2-7所示。

在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-8所示。②選中矩形并單擊鼠標右鍵，在彈出的菜單中選擇【轉(zhuǎn)換為元件】命令（或使用快捷鍵F8），在彈出的【轉(zhuǎn)換為元件】對話框中，在【名稱】文本框中輸入【葉】，將【類型】設置為【圖形】，單擊【確定】按鈕，將其轉(zhuǎn)換為元件，如圖6-2-9所示，然后按【Delete】鍵將其刪除。圖6-2-8矩形效果圖6-2-7繪制矩形圖6-2-9轉(zhuǎn)化為【葉】圖形元件任務實施2制作泰山和嶗山風景圖片的切換動畫③選擇【插入】|【新建元件】命令（或使用快捷鍵Ctrl+F8），在彈出的【創(chuàng)建新元件】對話框中，在【名稱】文本框中輸入【單葉】，將【類型】設置為【影片剪輯】，單擊【確定】按鈕，新建影片剪輯元件，如圖6-2-10所示。圖6-2-11元件【葉】效果④從【庫】面板中將【葉】元件拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-11所示。⑤新建【圖層_1】第20幀和第40幀分別按【F6】，插入關鍵幀。選中第20幀，借助【任意變形工具】和【縮放工具】把圖形變窄成幾乎是一條直線，如圖6-2-12所示。圖6-2-10新建【單葉】元件圖6-2-12元件【葉】變窄效果任務實施2制作泰山和嶗山風景圖片的切換動畫⑥在【時間軸】面板，【圖層_1】第10幀到第20幀任意位置右擊，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間動畫】，在第21幀到第40幀位置進行同樣的操作，如圖6-2-13所示。圖6-2-14新建【百葉】元件⑦按快捷鍵【Ctrl+F8】命令，在彈出的【創(chuàng)建新元件】對話框中，在【名稱】文本框中輸入【百葉】，將【類型】設置為【影片剪輯】，單擊【確定】按鈕，如圖6-2-14所示。從【庫】面板中將【單葉】拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-15所示。圖6-2-13在【圖層_1】創(chuàng)建傳統(tǒng)補間圖6-2-15【單葉】效果圖任務實施2制作泰山和嶗山風景圖片的切換動畫⑧在舞臺中選中【單葉】元件，按住【Alt】鍵，按住鼠標向上和向下拖拽進行復制，如圖6-2-16所示。返回場景1，選中【百葉窗1】圖層第1幀，從【庫】面板中將【百葉】拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-17所示。⑨在【百葉窗1】圖層上右擊，在彈出的快捷菜單中選擇【遮罩層】命令，把所選中的圖層轉(zhuǎn)換為遮罩層，如圖6-2-18所示，同時，該圖層下面的【泰山】圖層轉(zhuǎn)換為被遮罩層，兩個圖層同時被鎖定，下面的【嶗山】圖層仍為普通圖層，如圖6-2-19所示。圖6-2-16圖6-2-18【百葉窗1】轉(zhuǎn)換為遮罩層圖6-2-17圖6-2-19【百葉窗】和【泰山】被鎖定

任務實施3制作泰山和沂蒙山風景圖片的切換動畫⑴在【百葉窗1】圖層上新建三個圖層，由下至上分別重命名為【沂蒙山】、【泰山2】、【百葉窗2】。按住【Shift】鍵，依次選中這三個圖層的第40幀，按F7鍵插入空白關鍵幀，如圖6-2-20所示。圖6-2-21【沂蒙山】效果⑵選中【沂蒙山】圖層第41幀，從【庫】面板中將“沂蒙山.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-21所示。⑶選中【泰山2】圖層第41幀，從【庫】面板中將“泰山.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-22所示。圖6-2-20插入空白關鍵幀圖6-2-22【泰山2】效果任務實施3制作泰山和沂蒙山風景圖片的切換動畫⑷選中【百葉窗2】圖層第41幀，從【庫】面板中將【百葉】拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-23所示。圖6-2-24插入普通幀⑸按住【Shift】鍵，依次選中【沂蒙山】、【泰山2】、【百葉窗2】這三個圖層的第80幀，按【F5】鍵插入普通幀，如圖6-2-24所示。⑹在【百葉窗2】圖層上右擊，在彈出的快捷菜單中選擇【遮罩層】命令，所選圖層轉(zhuǎn)換為遮罩層，同時，該圖層下面的【泰山2】圖層轉(zhuǎn)換為被遮罩層，兩個圖層同時被鎖定，下面的【沂蒙山】圖層仍為普通圖層，如圖6-2-25所示，從而完成兩幅圖片的切換顯示。圖6-2-23【百葉窗2】效果圖6-2-25【百葉窗2】轉(zhuǎn)換為遮罩層任務實施4制作泰山和蓬萊閣風景圖片的切換動畫⑴在【百葉窗2】圖層上新建三個圖層，由下至上分別重命名為【蓬萊閣】、【泰山3】、【百葉窗3】。按住【Shift】鍵，依次選中這三個圖層的第80幀，按【F7】鍵插入空白關鍵幀，如圖6-2-26所示。圖6-2-27【蓬萊閣】效果⑵選中【蓬萊閣】圖層第81幀，從【庫】面板中將“蓬萊閣.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-27所示。⑶選中【泰山3】圖層第81幀，從【庫】面板中將“泰山.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-28所示。圖6-2-26插入空白關鍵幀圖6-2-28【泰山3】效果任務實施4制作泰山和蓬萊閣風景圖片的切換動畫⑷選中【百葉窗3】圖層第81幀，從【庫】面板中將【百葉】拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-29所示。圖6-2-30插入普通幀⑸按住【Shift】鍵，依次選中【蓬萊閣】、【泰山3】、【百葉窗3】這三個圖層的第120幀，按F5鍵插入普通幀，如圖6-2-30所示。⑹在【百葉窗3】圖層上右擊，在彈出的快捷菜單中選擇【遮罩層】命令，所選圖層轉(zhuǎn)換為遮罩層，同時，該圖層下面的【泰山3】圖層轉(zhuǎn)換為被遮罩層，兩個圖層同時被鎖定，下面的【蓬萊閣】圖層仍為普通圖層，如圖6-2-31所示，從而完成兩幅圖片的切換顯示。圖6-2-29【百葉窗3】效果圖6-2-31將【百葉窗3】轉(zhuǎn)換為遮罩層任務實施5制作泰山和趵突泉風景圖片的切換動畫⑴在【百葉窗3】圖層上新建三個圖層，由下至上分別重命名為【趵突泉】、【泰山4】、【百葉窗4】。按住【Shift】鍵，依次選中這三個圖層的第120幀，按【F7】鍵插入空白關鍵幀，如圖6-2-32所示。圖6-2-33【趵突泉】效果⑵選中【趵突泉】圖層第121幀，從【庫】面板中將“趵突泉.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-33所示。⑶選中【泰山4】圖層第121幀，從【庫】面板中將“泰山.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-34所示。圖6-2-32插入空白關鍵幀圖6-2-34【泰山4】效果任務實施5制作泰山和趵突泉風景圖片的切換動畫⑷選中【百葉窗4】圖層第121幀，從【庫】面板中將【百葉】拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-35所示。圖6-2-36插入普通幀⑸按住【Shift】鍵，依次選中【趵突泉】、【泰山4】、【百葉窗4】這三個圖層的第160幀，按【F5】鍵插入普通幀，如圖6-2-36所示。⑹在【百葉窗4】圖層上右擊，在彈出的快捷菜單中選擇【遮罩層】命令，所選圖層轉(zhuǎn)換為遮罩層，同時，該圖層下面的【泰山4】圖層轉(zhuǎn)換為被遮罩層，兩個圖層同時被鎖定，下面的【趵突泉】圖層仍為普通圖層，如圖6-2-37所示，從而完成兩幅圖片的切換顯示。圖6-2-35【百葉窗4】效果圖6-2-37將【百葉窗4】轉(zhuǎn)換為遮罩層任務實施6制作泰山和大明湖風景圖片的切換動畫⑴在【百葉窗4】圖層上新建三個圖層，由下至上分別重命名為【大明湖】、【泰山5】、【百葉窗5】。按住【Shift】鍵，依次選中這三個圖層的第160幀，按【F7】鍵插入空白關鍵幀，如圖6-2-38所示。圖6-2-39【大明湖】效果⑵選中【大明湖】圖層第161幀，從【庫】面板中將“大明湖.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-39所示。⑶選中【泰山5】圖層第161幀，從【庫】面板中將“泰山.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-40所示。圖6-2-38插入空白關鍵幀圖6-2-40【泰山5】效果任務實施6制作泰山和大明湖風景圖片的切換動畫⑷選中【百葉窗5】圖層第161幀，從【庫】面板中將【百葉】拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-41所示。圖6-2-42插入普通幀⑸按住【Shift】鍵，依次選中【大明湖】、【泰山5】、【百葉窗5】這三個圖層的第200幀，按F5鍵插入普通幀，如圖6-2-42所示。⑹在【百葉窗5】圖層上右擊，在彈出的快捷菜單中選擇【遮罩層】命令，所選圖層轉(zhuǎn)換為遮罩層，同時，該圖層下面的【泰山5】圖層轉(zhuǎn)換為被遮罩層，兩個圖層同時被鎖定，下面的【大明湖】圖層仍為普通圖層，如圖6-2-43所示，從而完成兩幅圖片的切換顯示。圖6-2-41【百葉窗5】效果圖6-2-43將【百葉窗5】轉(zhuǎn)換為遮罩層任務實施7制作泰山和字幕風景圖片的切換動畫⑴在【百葉窗5】圖層上新建三個圖層，由下至上分別重命名為【泰山6】、【封面】、【百葉窗6】。按住【Shift】鍵，依次選中這三個圖層的第200幀，按【F7】鍵插入空白關鍵幀，如圖6-2-44所示。圖6-2-45【泰山6】效果⑵選中【泰山6】圖層第201幀，從【庫】面板中將“泰山.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-45所示。圖6-2-44插入空白關鍵幀任務實施7制作泰山和字幕風景圖片的切換動畫⑶選中【封面】圖層第201幀，從【庫】面板中將“封面.jpg”拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，選擇【文本工具】，在屬性面板設置字體方正粗黑宋簡體，顏色為紅色（#FF0000），大小65px,字符間距5px,在舞臺合適位置輸入字符“大美山東歡迎您”如圖6-2-46所示。圖6-2-47【百葉窗6】效果⑷選中【百葉窗6】圖層第201幀，從【庫】面板中將【百葉】元件拖動到舞臺中，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-2-47所示。圖6-2-46【封面】效果任務實施7制作泰山和字幕風景圖片的切換動畫⑸分別選中【泰山6】、【百葉窗6】這兩個圖層的第240幀，按【F5】鍵插入普通幀，選中“封面”圖層第300幀，按【F5】鍵插入普通幀，如圖6-2-48所示。圖6-2-49【百葉窗6】轉(zhuǎn)換為遮罩層⑹在【百葉窗6】圖層上右擊，在彈出的快捷菜單中選擇【遮罩層】命令，所選圖層轉(zhuǎn)換為遮罩層，同時，該圖層下面的【封面】圖層轉(zhuǎn)換為被遮罩層，兩個圖層同時被鎖定，下面的【泰山6】圖層仍為普通圖層，如圖6-2-49所示，從而完成兩幅圖片的切換顯示。⑺按【Ctrl+Enter】組合鍵測試動畫效果，如圖6-2-50所示。圖6-2-48插入普通幀圖6-2-50【大美山東】最終效果任務小結2制作大美山東動畫1.當我們需要遮罩層的動畫比較復雜，這個時候一個圖層做不出來想要的動畫效果，可把動畫作在一個影片剪輯里即可。2.遮罩層中的對象是完全透明的，對遮罩動畫沒有任何影響。

3.本例中重復動畫部分可以借助Shift鍵選中重復部分所有幀，然后在相應圖層粘貼幀，最后選中關鍵幀，在圖片上右擊，在彈出的快捷菜單中選擇交換位圖即可。4.不能用一個遮罩層試圖遮擋另一個遮罩層。提升任務6.3

制作地球轉(zhuǎn)動動畫

【任務描述】地球是人類賴以生存的家園，它每天都在不停地轉(zhuǎn)動。本任務我們將運用遮罩動畫，制作傳統(tǒng)補間動畫作為遮罩層；運用引導層動畫和逐幀動畫，制作旋轉(zhuǎn)的文字，實現(xiàn)地球轉(zhuǎn)動的動畫效果。通過任務實施，教育學生更好的保護自然環(huán)境，維護生態(tài)平衡。任務儲備制作地球轉(zhuǎn)動動畫1.遮罩的用途⑴用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見；⑵用來遮罩住某一元件的一部分，從而實現(xiàn)一些特殊效果。2.遮罩層與被遮罩層的關系⑴一個遮罩動畫至少有兩層，上層“遮罩層”，下層“被遮罩層”；⑵遮罩層決定看到的“形狀”，被遮罩層決定看到的“內(nèi)容”；⑶遮罩層當中的對象可以做成動畫，被遮罩層當中的對象也可以做成動畫；⑷同一個遮罩動畫，遮罩層只能是一個圖層，被遮罩層可以有多個圖層。任務儲備制作地球轉(zhuǎn)動動畫3.遮罩動畫制作思路⑴首先觀察要產(chǎn)生遮罩效果,至少要有幾個圖層。⑵接著分析各個圖層的關系如何?即判定遮罩層與被遮罩層。⑶再分析動畫中遮罩層和被遮罩層分別有什么元素?遮罩層提供了什么形狀?被遮罩層的內(nèi)容是什么?⑷最后判斷是遮罩層中的內(nèi)容運動，還是被遮罩層中的內(nèi)容運動？做哪種移動？即在遮罩層、被遮罩層中分別或同時使用形狀補間動畫、動作補間動畫、逐幀動畫或引導層動畫等動畫形式。任務實施1導入素材⑴選擇【文件】|【新建】命令，在彈出的【新建文檔】對話框中，使用默認【標準】尺寸,將【幀頻】設置為24fps,在【平臺類型】列表框中選擇【ActionScript3.0】選項,如圖6-3-1所示，點擊【創(chuàng)建】按鈕。圖6-3-2【導入到庫】對話框⑵選擇【文件】|【導入】|【導入到庫】命令，在彈出的【導入到庫】對話框中，按住Ctrl鍵，選擇“地圖.jpg”、“星空.jpg”素材文件，單擊【打開】按鈕，如圖6-3-2所示，將素材文件導入到庫中。圖6-3-1【新建文檔】對話框任務實施2制作【球體】圖形元件⑴將【圖層_1】重命名為【球體】。選擇【橢圓工具】，【筆觸】無顏色，【填充】為漸變色，借助Shift鍵繪制一個正圓，點擊【窗口】|【顏色】命令（或按Ctrl+Shift+F9組合鍵），打開【顏色】面板，里面高光為白色（#FFFFFF），外面為綠色(#339900)，如圖6-3-3所示。圖6-3-4轉(zhuǎn)換為【球體1】圖形元件⑵選中正圓并單擊鼠標右鍵，在彈出的菜單中選擇【轉(zhuǎn)換為元件】命令（或使用快捷鍵F8），在彈出的【轉(zhuǎn)換為元件】對話框中，在【名稱】文本框中輸入【球體1】，將【類型】設置為【圖形】，單擊【確定】按鈕，將其轉(zhuǎn)換為元件，如圖6-3-4所示。圖6-3-3繪制【球體】任務實施2制作【球體】圖形元件⑶選中【球體1】圖形元件，按【Ctrl+B】組合鍵將其打散，選擇【顏料桶工具】，點擊【球體1】圖形元件改變其高光點，再次選中【球體1】圖形元件，按F8鍵，在彈出的【轉(zhuǎn)換為元件】對話框中，在【名稱】文本框中輸入【球體2”，將【類型】設置為【圖形】，單擊【確定】按鈕，將其轉(zhuǎn)換為元件，如圖6-3-5所示。圖6-3-6【球體2】圖形元件效果⑷按【Ctrl+k】組合鍵，打開【對齊】面板，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-3-6所示。圖6-3-5轉(zhuǎn)換為【球體】圖形元件任務實施3制作【地球】正面遮罩效果⑴在【球體】圖層上方新建圖層，重命名為【地圖】,打開【庫】面板，將素材“地圖.jpg”拖放至舞臺合適位置，借助【任意變形工具】縮放至合適大小，如圖6-3-7所示。⑵將【球體】圖層鎖定，選中【地圖】圖形元件，按【Ctrl+B】組合鍵將其打散，選擇【魔術棒】在白色區(qū)域單擊，按【Delete】鍵將其刪除，細小部分可以借助【縮放工具】進行放大處理，如圖6-3-8所示。⑶選擇【地圖】圖層第1幀，按【F8】鍵，在打開的【轉(zhuǎn)換為元件】對話框中，設置【名稱】為【地圖2】，【類型】為【圖形】，單擊【確定】按鈕，將其轉(zhuǎn)換為圖形元件，

使用【選擇工具】將【地圖2】圖形元件拖放至舞臺合適位置，在【對齊】面板中勾選【與舞臺對齊】復選框，單擊【垂直中齊】按鈕，如圖6-3-9所示。圖6-3-7【地圖】效果圖6-3-8使用【魔術棒】摳圖后效果圖6-3-9轉(zhuǎn)換為【地圖2】圖形元件任務實施3制作【地球】正面遮罩效果⑷選擇【地圖】圖層第40幀，按【F6】插入關鍵幀，用【選擇工具】將【地圖2】圖形元件移至合適位置，如圖6-3-10所示，在【地圖】圖層第1幀至第40幀任意位置右擊，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】，圖形元件【地圖2】由右向左運動，選擇【球體】圖層第40幀，按【F5】插入普通幀，如圖6-3-11所示。⑸在【地圖】圖層上右擊，在彈出的快捷菜單中選擇【遮罩層】命令，把所選中的圖層轉(zhuǎn)換為遮罩層，同時，該圖層下面的【球體】圖層轉(zhuǎn)換為被遮罩層，兩個圖層同時被鎖定，如圖6-3-12所示。圖6-3-11在【地圖】圖層創(chuàng)建傳統(tǒng)補間圖6-3-10【地圖2】效果圖6-3-12【地圖】轉(zhuǎn)換為遮罩層任務實施4制作【地球】背面遮罩效果⑴在【地圖】圖層上新建一個圖層，重命名為【背景球】，將其拖拽到【球體】圖層下面，注意不要被【地圖】圖層遮罩，選中【背景球】圖層第1幀，從【庫】面板中將【球體2】圖形元件拖拽到舞臺，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-3-13所示。⑵在【背景球】圖層下面新建兩個圖層，然后選中【地圖】圖層，按住【Shift】鍵，單擊選中【球體】圖層，按住【Alt】鍵，直接把兩個圖層拖拽復制到下面新建的兩個圖層，如圖6-3-14所示，在選擇區(qū)域右擊，在彈出的快捷菜單中選擇【翻轉(zhuǎn)幀】命令，如圖6-3-15所示，圖形元件【地圖2】由左向右運動。圖6-3-14復制【地圖】和【球體】圖層圖6-3-13【背景球】效果圖6-3-15【翻轉(zhuǎn)幀】命令任務實施4制作【地球】背面遮罩效果⑶選擇【背景球】圖層第一幀，在【屬性】面板中選擇【對象】選項，在【色彩效果】項選擇【Alpha】，【Alpha】值設置為80%，如圖6-3-16所示。⑷按【Ctrl+Enter】組合鍵測試動畫效果，如果感覺轉(zhuǎn)的太快，可以選中【地圖】圖層第40幀，借助【Shift】鍵，選擇最后一層第40幀，拖放到第80幀，如圖6-3-17所示。圖6-3-16打開【屬性】面板進行設置圖6-3-17拖放幀后效果圖任務實施5制作【地球】圖層⑴在【地圖】圖層上新建圖層，重命名為【地球】，選擇【橢圓工具】，【筆觸】無顏色，【填充】為任意顏色，在該圖層第1幀上繪制一個橢圓，選中【橢圓】并單擊鼠標右鍵，在彈出的菜單中選擇【轉(zhuǎn)換為元件】命令（或使用快捷鍵F8），在彈出的【轉(zhuǎn)換為元件】對話框中，在【名稱】文本框中輸入【橢圓】，將【類型】設置為【圖形】，單擊【確定】按鈕，將其轉(zhuǎn)換為元件，如圖6-3-18所示。⑵選擇【地圖】圖層，按住【Shift】鍵，選擇【球體】圖層，將兩個圖層間的所有圖層都選中，在選中圖層任意位置右擊，在彈出的快捷菜單中選擇【復制幀】，如圖6-3-19所示。圖6-3-18轉(zhuǎn)換為【橢圓】圖形元件圖6-3-19【復制幀】命令任務實施5制作【地球】圖層⑶雙擊【橢圓】圖形元件，進入元件編輯區(qū)，如圖6-3-20所示，選中橢圓，按【Delete】鍵將其刪除，在圖層_1第1幀上右擊，在彈出的快捷菜單中選擇【粘貼幀】，完成所有幀的復制，如圖6-3-21所示。

⑷返回場景1，選擇【地圖】圖層，按住【Shift】鍵，選擇【球體】圖層，將兩個圖層間的所有圖層都選中，按【Delete】鍵將其全部刪除，將【橢圓】圖形元件放在舞臺合適位置，如圖6-3-22所示。圖6-3-21完成所有幀的復制效果圖6-3-22【橢圓】圖形元件效果任務實施6制作地球外部文字引導圖層⑴在【地球】圖層上面新建一個圖層，重命名為【圓圈】，選擇【橢圓工具】，【筆觸】顏色為藍色(#0000FF)，【填充】顏色無，借助【Shift】鍵繪制一個正圓，分別選中【圓】和【橢圓】，在【對齊】面板中選擇【與舞臺對齊】復選框，單擊【水平中齊】按鈕、【垂直中齊】按鈕，如圖6-3-23所示。⑵選擇【任意變形工具】，按住【Shift】鍵，把外面的圓變小，按【Ctrl+C】組合鍵復制圓，

按【Ctrl+Shift+V】組合鍵粘貼圓，借助【任意變形工具】，按住【Shift】鍵，放大至合適大小，如圖6-3-24所示。圖6-3-23【圓】和【橢圓】效果圖6-3-24復制橢圓并放大任務實施6制作地球外部文字引導圖層⑶按【Ctrl+C】組合鍵復制圓，在【圓圈】圖層上新建一個圖層，重命名為【路徑】，單擊該層第1幀，按【Ctrl+Shift+V】組合鍵粘貼圓，借助【任意變形工具】，按住【Shift】鍵，縮小約至兩個圓的中間，如圖6-3-25所示。⑷點擊【路徑】圖層【顯示或隱藏圖層】按鈕，將其隱藏，選中【圓圈】圖層第1幀，【填充】顏色為淡黃色（#FFFF99），用【顏料桶工具】填充顏色，如圖6-3-26所示。圖6-3-25復制圓并縮放合適大小圖6-3-26為【圓圈】圖層填充顏色任務實施6制作地球外部文字引導圖層⑸點擊【圓圈】圖層【鎖定或解除鎖定圖層】按鈕，將該層鎖定，點擊【路徑】圖層【顯示或隱藏圖層】按鈕，取消【路徑】圖層隱藏，在【路徑】圖層上新建一個圖層，重命名為【文字】，把它拖拽到【路徑】圖層下面，選中【路徑】圖層第1幀，用【選擇工具】圈選一小段圓，按【Delete】鍵，將其刪除，為圖形路徑繪制出一個小缺口，如圖6-3-27所示。圖6-3-27為圖形路徑繪制出一個小缺口任務實施7制作地球外部文字被引導圖層⑴選中【文字】圖層第1幀，選擇【文本工具】，【字符】選擇宋體，【顏色】為藍色(#0000FF)，【大小】50px,在舞臺合適位置輸入【愛】字，選擇【愛】字，按【F8】鍵在彈出的【轉(zhuǎn)換為元件】對話框中，在【名稱】文本框中輸入【愛】，將【類型】設置為【圖形】，單擊【確定】按鈕，將其轉(zhuǎn)換為元件，如圖6-3-28所示。⑵選擇【縮放工具】將有豁口的圓圈放大，選擇【文字】圖層第一幀，將【愛】圖形元件放在路徑一個端點上，在第30幀按【F6】插入關鍵幀，將【愛】圖形元件放在路徑另一個端點上，在【路徑】圖層上右擊，在彈出的快捷菜單中選擇【引導層】命令，如圖6-3-29所示，將【文字】圖層向右拖拽，成為被引導層，在【文字】圖層第1幀和第60幀之間任意位置右擊，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補間】命令，如圖6-3-30所示。圖6-3-29【引導層】命令圖6-3-28轉(zhuǎn)換為【愛】圖形元件圖6-3-30在【文字】圖層創(chuàng)建傳統(tǒng)補間任務實施8制作【環(huán)?！繄D層⑴單擊【文字】圖層傳統(tǒng)補間動畫任意一幀，在【屬性】面板中選擇【幀】選項，在【補間】下拉列表中選擇【調(diào)整到路徑】復選框，如圖6-3-31所示。⑵選擇【文字】圖層第1幀，按住【Shift】鍵，選擇第29幀，按【F6】鍵，將每一個畫面變?yōu)橐粠?，如圖6-3-32所示，選擇【路徑】圖層，選擇【控制】|【時間軸】|【編輯多個幀】命令（或Alt+Shift+E組合鍵），如圖6-3-33所示，借助【Shift】鍵將所有關鍵幀都選中，按【Ctrl+C】組合鍵復制選中的所有幀，圖6-3-32轉(zhuǎn)化為逐幀動畫圖6-3-31打開【屬性】面板進行設置圖6-3-33【編輯多個幀】命令任務實施8制作【環(huán)?！繄D層在【文字】圖層上新建一個圖層，重命名為【環(huán)?！浚x中該圖層第1幀，按【Ctrl+Shift+V】組合鍵粘貼幀，如圖6-3-34所示。⑶選中【文字】圖層，在【