Flash動(dòng)畫制作之—制作遮罩層動(dòng)畫 08

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

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

3、圖圖8-5 遮罩后的效果遮罩后的效果 8.1.2 范例解析（一）創(chuàng)建遮罩層動(dòng)畫練習(xí) 請(qǐng)同學(xué)們?cè)诶蠋煹膸ьI(lǐng)下進(jìn)一步熟悉遮罩層動(dòng)畫的創(chuàng)建方法請(qǐng)同學(xué)們?cè)诶蠋煹膸ьI(lǐng)下進(jìn)一步熟悉遮罩層動(dòng)畫的創(chuàng)建方法和原理，并按要求完成以下操作和原理，并按要求完成以下操作 。1、繪制鏡片圖形。、繪制鏡片圖形。（1）打開(kāi)教學(xué)資源中的）打開(kāi)教學(xué)資源中的“素材素材第第8講講眼鏡反光特效眼鏡反光特效制作模板制作模板.fla”，如圖如圖8-6所示。所示。（2）在）在“眼鏡眼鏡”圖層之上新建一個(gè)圖層，并重命名為圖層之上新建一個(gè)圖層，并重命名為“鏡片鏡片”層。層。（3）在）在“鏡片鏡片”圖層上利用圖層上利用【線條線條】工具和工具和【選

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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