Flash動畫制作之—制作遮罩層動畫 08

1、學習目標學習目標 第第8 8講講 制作遮罩層動畫 l掌握遮罩層動畫制作眼鏡反光效果的方法掌握遮罩層動畫制作眼鏡反光效果的方法 。l掌握遮罩層動畫制作流水效果的方法掌握遮罩層動畫制作流水效果的方法 。l掌握遮罩層動畫制作瀑布效果的方法掌握遮罩層動畫制作瀑布效果的方法 。 l掌握遮罩層動畫表現(xiàn)鏡面拼圖效果的方法掌握遮罩層動畫表現(xiàn)鏡面拼圖效果的方法 。l掌握遮罩動畫表現(xiàn)裂紋、斷橋效果的方法掌握遮罩動畫表現(xiàn)裂紋、斷橋效果的方法 。 8.1 遮罩層動畫原理 8.2 多層遮罩動畫 8.3 課后作業(yè)本章大綱本章大綱8.1 遮罩層動畫原理8.1.1 知識點講解 在開始對遮罩層動畫進行典型案例分析之前，首先來學

2、習遮罩在開始對遮罩層動畫進行典型案例分析之前，首先來學習遮罩層動畫的創(chuàng)建方法及其原理，為后續(xù)的提高打下理論基礎層動畫的創(chuàng)建方法及其原理，為后續(xù)的提高打下理論基礎 。 一、創(chuàng)建遮罩層。一、創(chuàng)建遮罩層。圖圖8-1 兩個圖層的遮罩兩個圖層的遮罩 圖圖8-2 用鼠標右鍵創(chuàng)建遮罩層用鼠標右鍵創(chuàng)建遮罩層 圖圖8-3 【圖層屬性圖層屬性】對話框?qū)υ捒?二、遮罩原理。二、遮罩原理。遮罩層中的對象必須是色塊、文字、符號、影片剪輯元件遮罩層中的對象必須是色塊、文字、符號、影片剪輯元件（MovieClip）、按鈕或群組對象，而被遮層不受限制）、按鈕或群組對象，而被遮層不受限制 圖圖8-4 遮罩前的效果遮罩前的效果

3、圖圖8-5 遮罩后的效果遮罩后的效果 8.1.2 范例解析（一）創(chuàng)建遮罩層動畫練習 請同學們在老師的帶領下進一步熟悉遮罩層動畫的創(chuàng)建方法請同學們在老師的帶領下進一步熟悉遮罩層動畫的創(chuàng)建方法和原理，并按要求完成以下操作和原理，并按要求完成以下操作 。1、繪制鏡片圖形。、繪制鏡片圖形。（1）打開教學資源中的）打開教學資源中的“素材素材第第8講講眼鏡反光特效眼鏡反光特效制作模板制作模板.fla”，如圖如圖8-6所示。所示。（2）在）在“眼鏡眼鏡”圖層之上新建一個圖層，并重命名為圖層之上新建一個圖層，并重命名為“鏡片鏡片”層。層。（3）在）在“鏡片鏡片”圖層上利用圖層上利用【線條線條】工具和工具和【選

4、擇選擇】工具繪制出眼工具繪制出眼鏡的兩個鏡片形狀，如圖鏡的兩個鏡片形狀，如圖8-7所示所示 。圖圖8-6 打開制作模板打開制作模板 圖圖8-7 繪制鏡片圖形繪制鏡片圖形 2、制作反光效果。（1）在“眼鏡”圖層之上新建圖層并重命名為“光效”層。（2）選擇【矩形】工具，在【屬性】面板中設置【填充顏色】為“白色”，【筆觸顏色】為“無”，然后在“光效”圖層上繪制3個矩形，如圖8-8所示。（3）利用【任意變形】工具將3個矩形同時轉(zhuǎn)過一定角度，得到如圖8-9所示的效果。 圖圖8-8 繪制矩形繪制矩形 圖圖8-9 調(diào)整矩形角度調(diào)整矩形角度 （4）將）將3個矩形放置到眼鏡的左側(cè)，效果如圖個矩形放置到眼鏡的左側(cè)

5、，效果如圖8-10所示。所示。（5）在所有圖層的第）在所有圖層的第30幀處插入幀。幀處插入幀。（6）在）在“光效光效”圖層的第圖層的第10幀處插入關鍵幀，并設置該幀處矩形幀處插入關鍵幀，并設置該幀處矩形的位置如圖的位置如圖8-11所示所示 。圖圖8-10 放置矩形位置放置矩形位置 圖圖8-11 調(diào)整矩形位置調(diào)整矩形位置 （7）在）在“光效光效”圖層的第圖層的第20幀處插入關鍵幀，并設置該幀處矩形幀處插入關鍵幀，并設置該幀處矩形的位置如圖的位置如圖8-12所示。所示。（8）分別在第）分別在第1幀第幀第10幀之間、第幀之間、第10幀第幀第20幀之間創(chuàng)建形狀幀之間創(chuàng)建形狀補間動畫。補間動畫。（9）在

6、）在“鏡片鏡片”圖層上單擊鼠標右鍵，在彈出的快捷菜單中選擇圖層上單擊鼠標右鍵，在彈出的快捷菜單中選擇【遮罩層遮罩層】命令，將其轉(zhuǎn)化為遮罩層，圖層效果如圖命令，將其轉(zhuǎn)化為遮罩層，圖層效果如圖8-13所示所示。 （10）選中）選中“光效光效”圖層的第圖層的第1幀，在幀，在【屬性屬性】面板中設置面板中設置【緩動緩動】為為“100”，選中，選中“光效光效”圖層的第圖層的第10幀，在幀，在【屬性屬性】面板面板中設置中設置【緩動緩動】為為“100”，如圖，如圖8-14所示所示 。圖圖8-12 設置矩形位置設置矩形位置 圖圖8-13 圖層效果圖層效果 第第1幀處幀處【緩動緩動】參數(shù)參數(shù) 第第10幀處幀處【緩

7、動緩動】參數(shù)參數(shù) 圖圖8-14 設置緩動設置緩動 （11）保存測試影片，一個動感的眼鏡反光效果制作完成，如圖）保存測試影片，一個動感的眼鏡反光效果制作完成，如圖8-15所示所示 。圖圖8-15 最終效果最終效果 8.1.3 范例解析（二）制作“海邊美景” 本案例將使用本案例將使用Flash 8中的遮罩功能來制作一個海邊美景的效中的遮罩功能來制作一個海邊美景的效果，制作思路及效果如圖果，制作思路及效果如圖8-16所示所示 。1、導入背景。、導入背景。（1）新建一個）新建一個Flash文檔，設置文檔文檔，設置文檔【尺寸尺寸】為為“750px500px”，文檔其他屬性使用默認參數(shù)。，文檔其他屬性使用

8、默認參數(shù)。圖圖8-16 制作思路及效果制作思路及效果 （2）將默認）將默認“圖層圖層1”重命名為重命名為“背景背景”層，并在第層，并在第160幀處插入幀幀處插入幀。（3）執(zhí)行）執(zhí)行【文件文件】/【導入導入】/【導入到舞臺導入到舞臺】菜單命令，將教學資菜單命令，將教學資源中的源中的“素材素材第第8講講海邊美景海邊美景背景背景.jpg”文件打開，設置其尺文件打開，設置其尺寸為寸為“750 px500px”，相對舞臺居中對齊，舞臺效果如圖，相對舞臺居中對齊，舞臺效果如圖8-17所示所示 。圖圖8-17 設置背景設置背景 2、制作海水流動效果。、制作海水流動效果。（1）新建一個圖形元件并重命名為）新建

9、一個圖形元件并重命名為“海面海面”圖層，單擊按鈕進入圖層，單擊按鈕進入元件的編輯模式。元件的編輯模式。（2）將默認的）將默認的“圖層圖層1”重命名為重命名為“海面海面”圖層，并在圖層，并在“海面海面”圖圖層之上新建一個圖層并重命名為層之上新建一個圖層并重命名為“遮罩遮罩”圖層，圖層，【時間軸時間軸】效效果如圖果如圖8-18所示。所示。（3）返回主場景，選中）返回主場景，選中“背景背景”圖層上的圖層上的“背景圖片背景圖片”，按，按Ctrl+C 快捷鍵復制，然后雙擊快捷鍵復制，然后雙擊【庫庫】面板中的面板中的“海面海面”圖形元圖形元件進入元件的編輯模式，選中件進入元件的編輯模式，選中“海面海面”圖

10、層，按圖層，按Ctrl+V快捷鍵快捷鍵粘貼。粘貼。（4）選擇）選擇“背景圖片背景圖片”按按Ctrl+B快捷鍵將圖片打散?？旖萱I將圖片打散。（5）利用）利用【選擇選擇】工具將工具將“背景圖片背景圖片”海面以上的部分選中，按海面以上的部分選中，按Delete鍵刪除，再利用鍵刪除，再利用【橡皮擦橡皮擦】工具將海面以外的部分擦除工具將海面以外的部分擦除，效果如圖，效果如圖8-19所示。所示。 擦除時可配合擦除時可配合【縮放縮放】工具進行精細的擦出，以使得工具進行精細的擦出，以使得水流效果更加逼真水流效果更加逼真 。圖圖8-18 【時間軸時間軸】效果一效果一 圖圖8-19 海面海面 （6）選擇）選擇【矩

11、形矩形】工具，在工具，在【屬性屬性】面板中設置面板中設置【筆觸顏色筆觸顏色】為為“無無”，【填充顏色填充顏色】為為“黑色黑色”，在，在“遮罩遮罩”圖層上繪制一個寬圖層上繪制一個寬高為高為“780px4px”的矩形，再復制出若干矩形得到如圖的矩形，再復制出若干矩形得到如圖8-20所示的效果，然后將繪制的所有矩形選中，將其轉(zhuǎn)化為影片剪所示的效果，然后將繪制的所有矩形選中，將其轉(zhuǎn)化為影片剪輯元件，并命名為輯元件，并命名為“遮罩遮罩” 選中所有的矩形，利用選中所有的矩形，利用【對齊對齊】面板中的面板中的【水平中齊水平中齊】和和【垂直居中分布垂直居中分布】兩個按鈕可以快速將矩形位置兩個按鈕可以快速將矩形

12、位置調(diào)整好。調(diào)整好。 圖圖8-20 繪制矩形繪制矩形 （7）在）在“海面海面”圖層第圖層第10幀處插入幀，在幀處插入幀，在“遮罩遮罩”圖層的第圖層的第10幀幀處插入關鍵幀，并設置處插入關鍵幀，并設置“遮罩遮罩”元件在第元件在第1幀處的位置坐標幀處的位置坐標x、y分分別為別為“390.0”和和“51.0”，第，第10幀處的位置坐標幀處的位置坐標x、y分別為分別為“390.0”和和“57”，效果如圖，效果如圖8-21所示。所示。第第1幀處矩形的位置幀處矩形的位置 第第10幀處矩形的位置幀處矩形的位置 圖圖8-21 “遮罩遮罩”元件的位置元件的位置 （8）在）在“遮罩遮罩”圖層的第圖層的第1幀第幀第

13、10幀之間創(chuàng)建動作補間動畫，然幀之間創(chuàng)建動作補間動畫，然后將后將“遮罩遮罩”圖層轉(zhuǎn)化為遮罩層，如圖圖層轉(zhuǎn)化為遮罩層，如圖8-22所示。所示。（9）返回主場景，在）返回主場景，在“背景背景”圖層之上新建一個圖層并重命名為圖層之上新建一個圖層并重命名為“海水海水”，將，將“海面海面”圖形元件拖入到場景中，并設置其位置坐標圖形元件拖入到場景中，并設置其位置坐標x、y分別為分別為“0.0”和和“308.3”。（10）至此流水特效制作完成，保存并測試影片，得到如圖）至此流水特效制作完成，保存并測試影片，得到如圖8-23所所示的效果示的效果 。觀看動畫發(fā)現(xiàn)，整個動畫只有水流效果，畫面動畫不夠觀看動畫發(fā)現(xiàn)，

14、整個動畫只有水流效果，畫面動畫不夠豐富有趣，下面針對此問題為動畫場景添加兩只飛翔的豐富有趣，下面針對此問題為動畫場景添加兩只飛翔的海鷗海鷗 。 圖圖8-22 完成完成“海水流動海水流動”元件的創(chuàng)建元件的創(chuàng)建 圖圖8-23 完成海水流動動畫完成海水流動動畫 3、導入海鷗、導入海鷗 。（1）設置圖層如圖）設置圖層如圖8-24所示所示 。圖圖8-24 圖層設置圖層設置 （2）選擇）選擇“海鷗海鷗”圖層，執(zhí)行圖層，執(zhí)行【文件文件】/【導入導入】/【導入到舞臺導入到舞臺】菜單命令，將教學資源中的菜單命令，將教學資源中的“素材素材第第8講講海邊美景海邊美景海鷗海鷗.swf”文件打開，將海鷗飛翔的動畫導入到

15、舞臺中，效果如圖文件打開，將海鷗飛翔的動畫導入到舞臺中，效果如圖8-25所所示示 。圖圖8-25 導入海鷗導入海鷗 （3）選擇）選擇“前景前景”圖層，執(zhí)行圖層，執(zhí)行【文件文件】/【導入導入】/【導入到舞臺導入到舞臺】菜單命令，將教學資源中的菜單命令，將教學資源中的“素材素材第第8講講海邊美景海邊美景船頭船頭.png”文件打開，設置其尺寸為文件打開，設置其尺寸為“750px500px”，相對舞臺居中對，相對舞臺居中對齊。齊。（4）執(zhí)行）執(zhí)行【文件文件】/【導入導入】/【導入到庫導入到庫】菜單命令，將教學資源菜單命令，將教學資源中的中的“素材素材第第8講講海邊美景海邊美景海鷗海鷗-海水海水.wav

16、”文件導入到文件導入到【庫庫】中。中。（5）選中）選中“音樂音樂”圖層的第圖層的第1幀，在幀，在【屬性屬性】面板中做如圖面板中做如圖8-26所所示的設置，此時的示的設置，此時的【時間軸時間軸】效果如圖效果如圖8-27所示。所示。 圖圖8-26 屬性面板參數(shù)屬性面板參數(shù) 圖圖8-27 【時間軸時間軸】效果二效果二 （6）保存測試影片，一個海水流動的動畫制作完成）保存測試影片，一個海水流動的動畫制作完成 。8.1.4 8.1.4 課堂練習制作“瀑布效果” 請同學們使用制作“海邊美景”水流部分的方法制作一個逼真的瀑布效果，如圖8-28所示 。1、導新建一個、導新建一個Flash文檔，設置文檔文檔，設

17、置文檔【尺寸尺寸】為為“550px380px”，其他屬性使用默認參數(shù)。，其他屬性使用默認參數(shù)。 圖圖8-28 瀑布效果瀑布效果 2、在默認圖層、在默認圖層1的第的第10幀處插入幀，然后新建圖層并重命名圖層，幀處插入幀，然后新建圖層并重命名圖層，直至圖層效果如圖直至圖層效果如圖8-28所示。所示。3、執(zhí)行、執(zhí)行【文件文件】/【導入導入】/【導入到舞臺導入到舞臺】菜單命令，將教學資源菜單命令，將教學資源中的中的“素材素材第第8講講瀑布效果瀑布效果瀑布圖片瀑布圖片.jpg”文件導入到文件導入到“背景背景圖圖”圖層，設置圖片的位置坐標圖層，設置圖片的位置坐標x、y都為都為“0”，寬高為，寬高為“102

18、4px758px”，使其剛好覆蓋整個舞臺，圖層效果如圖，使其剛好覆蓋整個舞臺，圖層效果如圖8-29所示。所示。 圖圖8-29 圖層效果圖層效果 圖圖8-30 導入圖片導入圖片 4、選中、選中“背景背景”圖層的第圖層的第1幀，按下幀，按下Ctrl+Alt+C 快捷鍵復制該幀，快捷鍵復制該幀，選中選中“被遮罩被遮罩”圖層的第圖層的第1幀，按下幀，按下Ctrl+Alt+V快捷鍵進行粘貼快捷鍵進行粘貼幀操作幀操作 。5、選中、選中“被遮罩被遮罩”圖層的第圖層的第1幀舞臺中的圖片，按下幀舞臺中的圖片，按下Ctrl+B 快捷鍵將快捷鍵將圖片打散，然后刪除多余部分，保留水流部分圖形，如圖圖片打散，然后刪除多

19、余部分，保留水流部分圖形，如圖8-31所示所示。圖圖8-31 選出水流部分選出水流部分 6、在、在“遮罩遮罩”圖層上繪制矩形陣列，制作水流遮罩動畫，如圖圖層上繪制矩形陣列，制作水流遮罩動畫，如圖8-32所所示示 第第1幀矩形位置幀矩形位置 第第10幀矩形位置幀矩形位置 圖層效果圖層效果 圖圖8-32 創(chuàng)建遮罩層動畫創(chuàng)建遮罩層動畫 7、保存測試影片，一個瀑布效果制作完成、保存測試影片，一個瀑布效果制作完成 。8.2 多層遮罩動畫 通過前面一節(jié)課的學習，相信同學們已經(jīng)掌握了遮罩層動畫的通過前面一節(jié)課的學習，相信同學們已經(jīng)掌握了遮罩層動畫的創(chuàng)建方法和設計原理，在本小節(jié)中，將使用多層遮罩層動畫來制作復

20、創(chuàng)建方法和設計原理，在本小節(jié)中，將使用多層遮罩層動畫來制作復雜的雜的Flash動畫動畫 。8.2.1 知識點講解 將普通圖層拖動到遮罩層或被遮罩層的下面，即可將普通圖層將普通圖層拖動到遮罩層或被遮罩層的下面，即可將普通圖層轉(zhuǎn)化為其被遮罩層，在一組遮罩中，遮罩層只能有一個，而被轉(zhuǎn)化為其被遮罩層，在一組遮罩中，遮罩層只能有一個，而被遮罩層可以有多個，那就是多層遮罩，如圖遮罩層可以有多個，那就是多層遮罩，如圖8-33所示，其中所示，其中“圖層圖層2”為遮罩層，其余的所有圖層都是被遮罩層。為遮罩層，其余的所有圖層都是被遮罩層。 圖圖8-33 多層遮罩多層遮罩 多層遮罩的創(chuàng)建原理十分簡單，但是要使用多層

21、遮罩動畫做出多層遮罩的創(chuàng)建原理十分簡單，但是要使用多層遮罩動畫做出精美的動畫作品應該注意以下幾點。精美的動畫作品應該注意以下幾點。l從現(xiàn)實生活中尋找創(chuàng)作靈感。從現(xiàn)實生活中尋找創(chuàng)作靈感。l使用遮罩層動畫來模擬表達創(chuàng)意。使用遮罩層動畫來模擬表達創(chuàng)意。l多種動畫技術結(jié)合使用。多種動畫技術結(jié)合使用。l在制作過程中不斷完善自己的作品在制作過程中不斷完善自己的作品 8.2.2 8.2.2 范例解析制作“鏡花水月” 拼圖游戲曾一度風靡全球，是老少皆宜的一種娛樂方式。本案例拼圖游戲曾一度風靡全球，是老少皆宜的一種娛樂方式。本案例將通過多層遮罩動畫，創(chuàng)造魔幻鏡子拼圖的效果，在充滿樂趣的輕松將通過多層遮罩動畫，創(chuàng)

22、造魔幻鏡子拼圖的效果，在充滿樂趣的輕松的氛圍下，帶領讀者感受唯美的遮罩動畫的奧妙。其制作思路及效果的氛圍下，帶領讀者感受唯美的遮罩動畫的奧妙。其制作思路及效果如圖如圖8-34所示所示 。打開模板制作拼圖動畫制作遮罩動畫最終效果2最終效果1制作清晰圖片遮罩效果圖圖8-34 制作思路及效果制作思路及效果 1、制作拼圖效果。、制作拼圖效果。（1）打開教學資源中的）打開教學資源中的“素材素材第第8講講鏡花水月鏡花水月鏡花水月鏡花水月-模板模板.fla”文文件，場景效果如圖件，場景效果如圖8-35所示。所示。圖圖8-35 模板主界面效果模板主界面效果 圖層圖層“遮罩遮罩”僅用來遮擋超出舞臺范圍的影片內(nèi)容

23、僅用來遮擋超出舞臺范圍的影片內(nèi)容，確保影片最大化播放時不會出現(xiàn)其內(nèi)容逸出舞臺，確保影片最大化播放時不會出現(xiàn)其內(nèi)容逸出舞臺的現(xiàn)象。讀者也可以根據(jù)自己的喜好，將其換做各的現(xiàn)象。讀者也可以根據(jù)自己的喜好，將其換做各種相框，只需注意調(diào)整大小和相對于舞臺居中對齊種相框，只需注意調(diào)整大小和相對于舞臺居中對齊即可即可 。（2）在）在“背景背景”圖層之上，圖層之上，“遮罩遮罩”圖層之下新建并重命名圖層圖層之下新建并重命名圖層，直至圖層效果如圖，直至圖層效果如圖8-36所示。所示。（3）查看）查看【庫庫】面板，如圖面板，如圖8-37所示。雙擊其中的所示。雙擊其中的“拼圖拼圖”影片影片剪輯元件，進入影片剪輯編輯模

24、式，剪輯元件，進入影片剪輯編輯模式，【時間軸時間軸】和影片剪輯的場和影片剪輯的場景如圖景如圖8-38所示。所示。 圖圖8-36 新建并重命名圖層新建并重命名圖層 圖圖8-37 【庫庫】面板面板 圖圖8-38 素材素材“拼圖拼圖”的場景效果的場景效果 （4）分別在所有圖層的第）分別在所有圖層的第10幀和第幀和第100幀處插入關鍵幀和幀，并在幀處插入關鍵幀和幀，并在所有圖層的第所有圖層的第1幀第幀第10幀間插入形狀補間，此時幀間插入形狀補間，此時【時間軸時間軸】狀狀態(tài)如圖態(tài)如圖8-39所示所示 。圖圖8-39 【時間軸時間軸】狀態(tài)一狀態(tài)一 （5）選中圖層）選中圖層“1”的第的第1幀，單擊場景中的拼

25、圖，在幀，單擊場景中的拼圖，在【屬性屬性】面板面板中設置其位置坐標中設置其位置坐標x、y分別為分別為“67.3”、“69.9”，效果如，效果如圖圖8-40所示。所示。圖圖8-40 圖層圖層“1”第第1幀幀【屬性屬性】面板面板 （6）依次選中其他圖層的第）依次選中其他圖層的第1幀，單擊場景中的拼圖，分別在幀，單擊場景中的拼圖，分別在【屬屬性性】面板中設置其位置坐標，直至如圖面板中設置其位置坐標，直至如圖8-41所示效果所示效果 。圖圖8-41 第第1幀處場景中效果幀處場景中效果 圖圖8-41中的中的【時間軸時間軸】第第1幀處場景中的效果，僅為其中幀處場景中的效果，僅為其中一種調(diào)整方案，讀者可以自

26、己隨意調(diào)整各碎片的位置，一種調(diào)整方案，讀者可以自己隨意調(diào)整各碎片的位置，只需達到將所有碎片散開來，空出中心的效果即可只需達到將所有碎片散開來，空出中心的效果即可 （7）選中圖層）選中圖層“2”的第的第1幀第幀第10幀，拖動至如圖幀，拖動至如圖8-42所示位置所示位置 。圖圖8-42 【時間軸時間軸】狀態(tài)二狀態(tài)二 （8）使用同樣方法，將圖層）使用同樣方法，將圖層“3”圖層圖層“14”的第的第1幀第幀第10幀拖幀拖動至如圖動至如圖8-43所示位置所示位置 。圖圖8-43 【時間軸時間軸】狀態(tài)三狀態(tài)三 （9）拖動播放頭，觀察場景的變化，發(fā)現(xiàn)形成了漂亮的拼圖效果，）拖動播放頭，觀察場景的變化，發(fā)現(xiàn)形成

27、了漂亮的拼圖效果，如圖如圖8-44所示。所示。 2、制作、制作“拼圖遮罩拼圖遮罩”元件元件 。（1）新建一個影片剪輯，重命名為）新建一個影片剪輯，重命名為“拼圖遮罩拼圖遮罩” 。第第5幀場景效果幀場景效果 第第40幀場景效果幀場景效果 第第70幀場景效果幀場景效果 圖圖8-44 場景的拼圖效果場景的拼圖效果 （2）進入元件的編輯模式，重命名）進入元件的編輯模式，重命名“圖層圖層1”為為“水月水月”層，并在層，并在“水月水月”圖層上新建一個圖層，重命名為圖層上新建一個圖層，重命名為“拼圖遮罩拼圖遮罩”層，效層，效果如圖果如圖8-45所示。所示。（3）將）將【庫庫】面板中的影片剪輯元件面板中的影片

28、剪輯元件“拼圖拼圖”拖動到拖動到 “拼圖遮罩拼圖遮罩”圖層上，在圖層上，在【屬性屬性】面板中設置其位置坐標面板中設置其位置坐標x、y分別為分別為“0”、“0”，效果如圖，效果如圖8-46所示。所示。 圖圖8-45 【時間軸時間軸】狀態(tài)四狀態(tài)四 圖圖8-46 【屬性屬性】面板面板 （4）將）將【庫庫】面板中的圖片面板中的圖片“水月水月.jpg”拖動到圖層拖動到圖層“水月水月”上，上，并設置其并設置其【屬性屬性】面板如圖面板如圖8-47所示所示 。圖圖8-47 屬性屬性】面板面板 （5）在所有圖層的第）在所有圖層的第100幀處插入幀，效果如圖幀處插入幀，效果如圖8-48所示所示 。（6）將）將“拼

29、圖遮罩拼圖遮罩”圖層轉(zhuǎn)換為遮罩層，完成影片剪輯圖層轉(zhuǎn)換為遮罩層，完成影片剪輯“拼圖遮拼圖遮罩罩”的制作，效果如圖的制作，效果如圖8-49所示所示 。圖圖8-48 【時間軸時間軸】效果三效果三 圖圖8-49 “拼圖拼圖”影片剪輯和圖片在場景中的效果影片剪輯和圖片在場景中的效果 3、制作鏡片拼圖的效果。、制作鏡片拼圖的效果。（1）返回主場景，將）返回主場景，將【庫庫】面板中的影片剪輯元件面板中的影片剪輯元件“心形遮罩心形遮罩”拖動到拖動到“心形遮罩心形遮罩”圖層上，在圖層上，在【屬性屬性】面板中設置其參數(shù)如圖面板中設置其參數(shù)如圖8-50所示。所示。 本案例使用影片剪輯做遮罩層，可以形成多個圖層本案

30、例使用影片剪輯做遮罩層，可以形成多個圖層被當做遮罩層的效果被當做遮罩層的效果 。圖圖8-50 【屬性屬性】面板面板 （2）將）將【庫庫】面板中的影片剪輯面板中的影片剪輯“拼圖遮罩拼圖遮罩”拖動到拖動到“拼圖拼圖”圖層上，在圖層上，在【屬性屬性】面板中設置其位置坐標面板中設置其位置坐標x、y分別為分別為“63.6”、“27.9” 。（3）在）在【濾鏡濾鏡】面板中單擊按鈕，在彈出的下拉列表中選擇面板中單擊按鈕，在彈出的下拉列表中選擇“投投影影”效果，并設置參數(shù)如圖效果，并設置參數(shù)如圖8-51所示，此時場景中的效果如圖所示，此時場景中的效果如圖8-52所示所示 。圖圖8-51 【濾鏡濾鏡】面板面板

31、增加了投影效果的“拼圖遮罩”元件圖圖8-52 拖入影片剪輯拖入影片剪輯“心形遮罩心形遮罩”和和“拼圖遮罩拼圖遮罩”后場景中的效果后場景中的效果 （4）將圖層）將圖層“心形遮罩心形遮罩”轉(zhuǎn)換為遮罩層，完成鏡片拼圖的效果。轉(zhuǎn)換為遮罩層，完成鏡片拼圖的效果。按鍵盤上的按鍵盤上的Ctrl+Enter 快捷鍵，測試影片，則可以觀看到鏡片拼快捷鍵，測試影片，則可以觀看到鏡片拼圖的效果，如圖圖的效果，如圖8-53所示所示 。拼圖開始時的效果拼圖開始時的效果 拼圖結(jié)束時的效果拼圖結(jié)束時的效果 圖圖8-53 拼圖效果拼圖效果 （5）在）在“拼圖拼圖”圖層的第圖層的第70幀處插入關鍵幀，并選中場景中的幀處插入關鍵

32、幀，并選中場景中的“拼圖拼圖”元件，在元件，在【濾鏡濾鏡】面板中單擊面板中單擊 按鈕，刪除按鈕，刪除“投影投影”濾濾鏡效果鏡效果 。（6）在第）在第85幀處插入關鍵幀，并在第幀處插入關鍵幀，并在第70幀第幀第85幀之間創(chuàng)建幀之間創(chuàng)建“動動畫補間畫補間”，【時間軸時間軸】狀態(tài)如圖狀態(tài)如圖8-54所示所示 。圖圖8-54 【時間軸時間軸】狀態(tài)五狀態(tài)五 4、制作、制作“清晰水月圖清晰水月圖”影片剪輯元件。影片剪輯元件。（1）鼠標右鍵單擊在）鼠標右鍵單擊在【庫庫】面板中的影片剪輯元件面板中的影片剪輯元件“拼圖遮罩拼圖遮罩”，在彈出的快捷菜單中選擇，在彈出的快捷菜單中選擇【直接復制直接復制】命令，在彈出

33、的對話框命令，在彈出的對話框中修改影片剪輯名稱為中修改影片剪輯名稱為“清晰水月圖清晰水月圖”，單擊確定，單擊確定 。（2）進入）進入“清晰水月圖清晰水月圖”影片剪輯元件的編輯模式，重命名影片剪輯元件的編輯模式，重命名“拼拼圖遮罩圖遮罩”圖層為圖層為“心形遮罩心形遮罩”圖層，并刪除圖層，并刪除“心形遮罩心形遮罩”圖層上圖層上的圖形，的圖形，【時間軸時間軸】狀態(tài)如圖狀態(tài)如圖8-55所示所示 。圖圖8-55 【時間軸時間軸】狀態(tài)六狀態(tài)六 （3）將影片剪輯）將影片剪輯“心形遮罩心形遮罩”拖入場景，在拖入場景，在【屬性屬性】面板中設置面板中設置其寬高為其寬高為“422.6px375.6px”，位置坐標，

34、位置坐標x、y分別為分別為“-212.8”、“-187.8”，如圖，如圖8-56所示所示 。圖圖8-56 【屬性屬性】面板面板 直接復制直接復制“拼圖遮罩拼圖遮罩”影片剪輯元件并且重命名為影片剪輯元件并且重命名為“清晰水月圖清晰水月圖”的目的是使得圖片的被遮罩層的目的是使得圖片的被遮罩層“水水月月”大小和位置不發(fā)生變化，減少重復手動調(diào)整的大小和位置不發(fā)生變化，減少重復手動調(diào)整的麻煩。麻煩。 5、制作漸變影像和發(fā)光邊框的效果、制作漸變影像和發(fā)光邊框的效果 。（1）返回主場景，在圖層）返回主場景，在圖層“清晰水月圖清晰水月圖”上第上第70幀處插入空白關幀處插入空白關鍵幀，將影片剪輯鍵幀，將影片剪輯

35、“清晰水月圖清晰水月圖”拖入主時間軸上的場景，在拖入主時間軸上的場景，在【屬性屬性】面板中設置其位置坐標面板中設置其位置坐標x、y分別為分別為“62.4”、“37.0”，【Alpha】值為值為“0%”，如圖，如圖8-57所示。所示。圖圖8-57 【屬性屬性】面板面板 （2）在）在【濾鏡濾鏡】面板中選擇添加面板中選擇添加“發(fā)光發(fā)光”效果，并設置參數(shù)如圖效果，并設置參數(shù)如圖8-58所示。所示。 圖圖8-58 【濾鏡濾鏡】面板面板 （3）在第）在第85幀處添加關鍵幀，修改幀處添加關鍵幀，修改【屬性屬性】面板中的面板中的【Alpha】值為值為“100%”，同時修改，同時修改【濾鏡濾鏡】面板中的面板中的

36、【顏色顏色】為黃色，為黃色，其他設置如圖其他設置如圖8-59所示所示 。圖圖8-59 設置濾鏡參數(shù)設置濾鏡參數(shù) （4）在第）在第70幀第幀第85幀之間創(chuàng)建動畫補間。幀之間創(chuàng)建動畫補間。（5）在所有圖層的第）在所有圖層的第100幀處插入幀。幀處插入幀。（6）場景中的效果如圖）場景中的效果如圖8-60所示所示 。第第70幀處效果幀處效果 第第85幀處效果幀處效果 圖圖8-60 漸變影像和發(fā)光邊框的效果漸變影像和發(fā)光邊框的效果 （7）保存測試影片，一個唯美的）保存測試影片，一個唯美的“鏡花水月鏡花水月”遮罩動畫制作完成遮罩動畫制作完成 。8.2.3 課堂練習制作“斷橋遺夢 ” 請同學們使用經(jīng)典案例請

37、同學們使用經(jīng)典案例“鏡花水月鏡花水月”中制作影片剪輯遮罩動畫中制作影片剪輯遮罩動畫的類似方法，制作一個的類似方法，制作一個“斷橋遺夢斷橋遺夢”的場景。在動畫中，一面鏡子的場景。在動畫中，一面鏡子映出一座古橋流水的畫卷，被突然下落的石頭砸中，產(chǎn)生裂紋，最映出一座古橋流水的畫卷，被突然下落的石頭砸中，產(chǎn)生裂紋，最后散為碎片，只留下夢境一般的一座古橋留在記憶的畫面中。其效后散為碎片，只留下夢境一般的一座古橋留在記憶的畫面中。其效果圖如圖果圖如圖8-61所示所示 。1、打開教學資源中的、打開教學資源中的“素材素材第第8講講斷橋遺夢斷橋遺夢斷橋遺夢斷橋遺夢-模板模板.fla”文文件，件，【庫庫】面板及場

38、景效果如圖面板及場景效果如圖8-62所示所示 。圖圖8-61 效果圖效果圖 播放影片，可以觀看到圖形元件播放影片，可以觀看到圖形元件“鏡片光澤鏡片光澤”和和“碎鏡碎鏡石石”的動畫，以及最后出現(xiàn)的如模糊的夢鏡一般的影片的動畫，以及最后出現(xiàn)的如模糊的夢鏡一般的影片剪輯元件剪輯元件“古橋古橋”和和“斷橋遺夢斷橋遺夢”的字樣的字樣 ?！編鞄臁棵姘迕姘?場景效果場景效果 圖圖8-62 模板主界面效果模板主界面效果 2、在圖層、在圖層“光澤遮罩光澤遮罩”上，將上，將【庫庫】面板中的面板中的“古橋古橋.jpg”拖入到拖入到場景中，相對舞臺居中對齊，并將圖層場景中，相對舞臺居中對齊，并將圖層“光澤遮罩光澤遮罩

39、”轉(zhuǎn)化為遮罩轉(zhuǎn)化為遮罩層，完成層，完成“光澤光澤”的遮罩動畫效果，如圖的遮罩動畫效果，如圖8-63所示所示 。 遮罩前場景效果遮罩前場景效果 遮罩后場景效果遮罩后場景效果 圖圖8-63 圖形元件圖形元件“光澤光澤”被遮罩后的效果被遮罩后的效果 3、新建一個影片剪輯元件、新建一個影片剪輯元件“裂紋生長裂紋生長”，并進入其編輯模式。將，并進入其編輯模式。將【庫庫】面板中的影片剪輯元件面板中的影片剪輯元件“裂紋裂紋”拖入場景中。然后新建一拖入場景中。然后新建一個個“圖層圖層2”，并繪制一個圓形填充，使用，并繪制一個圓形填充，使用“形狀補間形狀補間”制作其逐制作其逐漸變大的效果，同時將漸變大的效果，同

40、時將“圖層圖層2”轉(zhuǎn)化為遮罩層，形成轉(zhuǎn)化為遮罩層，形成“裂紋生長裂紋生長”效果，如圖效果，如圖8-64所示所示 。圓形填充的圓形填充的“形狀補間形狀補間”時間長度為時間長度為20幀，幀，【緩動緩動】為為100，能夠很好的模擬裂紋由快到慢的擴大效果。最后，能夠很好的模擬裂紋由快到慢的擴大效果。最后在兩個圖層的第在兩個圖層的第79幀處插入幀，用于確保影片剪輯元件幀處插入幀，用于確保影片剪輯元件“裂紋生長裂紋生長”和整個動畫能夠同步播放完。和整個動畫能夠同步播放完。第第2幀處的圓形幀處的圓形 第第19幀處的圓形幀處的圓形 第第2幀處場景效果幀處場景效果 第第19幀處場景效果幀處場景效果 圖圖8-64 影片剪輯元件影片剪輯元件“裂紋生長裂紋生長”場景中的效果場景中的效果 4、新建一個影片剪輯元件、新建一個影片剪輯元件“運動的遮罩運動的遮罩”，將，將【庫庫】面板中的面板中的影片剪輯元件影片剪輯元件“碎片碎片”拖入場景中。然后在已有圖層上新建圖拖入場景中。然后在已有圖層上新建圖層，將層，將【庫庫】面板中的圖片面板