Flash動(dòng)畫制作之—制作遮罩層動(dòng)畫 08_第1頁(yè)
Flash動(dòng)畫制作之—制作遮罩層動(dòng)畫 08_第2頁(yè)
Flash動(dòng)畫制作之—制作遮罩層動(dòng)畫 08_第3頁(yè)
Flash動(dòng)畫制作之—制作遮罩層動(dòng)畫 08_第4頁(yè)
Flash動(dòng)畫制作之—制作遮罩層動(dòng)畫 08_第5頁(yè)
已閱讀5頁(yè),還剩42頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

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ù)】面板中的圖片面板

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論