制作遮罩層動畫

1、主講：主講：ZHI ZUO ZHE ZHAO CENG DONG HUA項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)項目五 制作遮罩層動畫任務(wù)一 理解遮罩層的概念及動畫原理理解遮罩層的概念及動畫原理任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)理解遮罩層與被遮罩層的概念。理解遮罩層與被遮罩層的概念。理解遮罩動畫產(chǎn)生的設(shè)計原理。理解遮罩動畫產(chǎn)生的設(shè)計原理。了解多層遮罩動畫的運用。了解多層遮罩動畫的運用。掌握使用遮罩原理制作動畫的方法和技巧。掌握使用遮罩原理制作動畫的方法和技巧。了解復(fù)雜動畫設(shè)計的方法

2、和技巧。了解復(fù)雜動畫設(shè)計的方法和技巧。教學(xué)目標教學(xué)目標: 項目五 制作遮罩層動畫項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)操作一 制作“動態(tài)文字”操作二 制作“水中倒影效果”操作三 制作“瀑布效果”任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理遮罩層和引導(dǎo)層一樣，是遮罩層和引導(dǎo)層一樣，是FlashFlash中特殊的中特殊的圖層。合理地使用遮罩層可以創(chuàng)建出豐富多彩圖層。合理地使用遮罩層可以創(chuàng)建出豐富多彩的動畫效果。的動

3、畫效果。項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)一個遮罩效果的實現(xiàn)至少需要兩個圖層，上面的圖一個遮罩效果的實現(xiàn)至少需要兩個圖層，上面的圖層是遮罩層，下面的圖層是被遮罩層，如圖所示，其中層是遮罩層，下面的圖層是被遮罩層，如圖所示，其中“圖層圖層2”2”是遮罩層，是遮罩層，“圖層圖層1”1”是被遮罩層。與普通層是被遮罩層。與普通層不同的是，在具有遮罩層的場景中，只能通過遮罩層上不同的是，在具有遮罩層的場景中，只能通過遮罩層上對象的形狀，才可以看到被遮罩層上的內(nèi)容。對象的形狀，才可以看到被遮罩層上的內(nèi)容。 任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理

4、項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)本例將遮罩原理用于制作動感文字，在文字的輪本例將遮罩原理用于制作動感文字，在文字的輪廓中將廓中將出現(xiàn)出現(xiàn)流云的運動效果，避免文字過于呆板流云的運動效果，避免文字過于呆板和單調(diào)，增加其美感，最終設(shè)計效果如圖所示。和單調(diào)，增加其美感，最終設(shè)計效果如圖所示。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作一 制作“動感文字”【 設(shè) 計 目 標設(shè) 計 目 標 】項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)在最底層選取一幅圖片做背景。在最底層選取一幅圖片做背景。在這幅背景圖上面做一個由文字和一

5、組在這幅背景圖上面做一個由文字和一組序列圖片組成的遮罩效果。序列圖片組成的遮罩效果。在靜態(tài)的圖片上面可以透過文字的輪廓在靜態(tài)的圖片上面可以透過文字的輪廓看到一幅動態(tài)的景色?？吹揭环鶆討B(tài)的景色。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作一 制作“動感文字”【設(shè)計思路設(shè)計思路】項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作一 制作“動感文字”視頻：制作視頻：制作“動感文字動感文字”制作制作“動感文字動感文字”的大致過程如下的大致過程如下: : 布置舞臺。布置舞臺。 制作遮罩。制

6、作遮罩。 預(yù)覽動畫。預(yù)覽動畫。項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)利用遮罩原理可以表達很多動畫效果。例如，利用遮罩原理可以表達很多動畫效果。例如，“水水”是動畫中常用的主題，波光粼粼的水面、是動畫中常用的主題，波光粼粼的水面、水中美麗的倒影、流動的小溪以及水中美麗的倒影、流動的小溪以及“飛流直下飛流直下三千尺三千尺”的瀑布都是動畫設(shè)計師寵愛的題材。的瀑布都是動畫設(shè)計師寵愛的題材。本例將進一步加深對遮罩效果的理解，掌握在本例將進一步加深對遮罩效果的理解，掌握在影片剪輯中制作遮罩效果的方法。影片剪輯中制作遮罩效果的方法。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層

7、動畫的概念及動畫原理操作二 制作“水中倒影效果”【 設(shè) 計 目 標設(shè) 計 目 標 】項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)在主場景中創(chuàng)建圖片的背景層和文字層。在主場景中創(chuàng)建圖片的背景層和文字層。在文字層的上層放置一個影片剪輯，其在文字層的上層放置一個影片剪輯，其內(nèi)部包含文字倒影的遮罩效果。內(nèi)部包含文字倒影的遮罩效果。利用倒影文字遮罩一組均勻相間的移動利用倒影文字遮罩一組均勻相間的移動線條形成水波效果。線條形成水波效果。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作二 制作“水中倒影效果”【設(shè)計思路設(shè)計思路】項目五：項目五： 制作遮罩層動畫制

8、作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作二 制作“水中倒影效果”視頻：制作視頻：制作“水中倒影效果水中倒影效果”制作制作“水中倒影效果水中倒影效果”的大致過程如下的大致過程如下: 布置舞臺。布置舞臺。 制作倒影。制作倒影。 制作波紋。制作波紋。 預(yù)覽動畫。預(yù)覽動畫。項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)在位圖中制作出逼真的遮罩效果。在位圖中制作出逼真的遮罩效果。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作三 制作“瀑布效果”【 設(shè) 計 目 標設(shè) 計 目 標 】項目五：項目五：

9、 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)遮罩動畫的原理就是透過遮罩層物體的形遮罩動畫的原理就是透過遮罩層物體的形狀看到被遮罩層物體的內(nèi)容，因此要使圖狀看到被遮罩層物體的內(nèi)容，因此要使圖片中靜止的瀑布片中靜止的瀑布“動起來動起來”，而其他區(qū)域，而其他區(qū)域的景色則保持不變，應(yīng)該分兩步來處理。的景色則保持不變，應(yīng)該分兩步來處理。首先分離瀑布流水。首先分離瀑布流水。然后給流水添加遮罩效果。然后給流水添加遮罩效果。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作三 制作“瀑布效果”【設(shè)計思路設(shè)計思路】項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)任務(wù)

10、一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作三 制作“瀑布效果”視頻：制作視頻：制作“瀑布效果瀑布效果”制作制作“瀑布效果瀑布效果”的大致過程如下的大致過程如下: : 新建新建FlashFlash文檔。文檔。 制作制作“瀑布瀑布”元件。元件。 制作制作“遮罩遮罩”元件。元件。 完成制作完成制作“瀑布瀑布”元件。元件。 預(yù)覽動畫。預(yù)覽動畫。項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫操作一 制作“地球旋轉(zhuǎn)效果”操作二 模擬“物體在管道下落的效果”操作三 制作“卷軸展開效果”項目五：項目五： 制作

11、遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié) 任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫遮罩層中有動畫對象存在的地方都會產(chǎn)生遮罩層中有動畫對象存在的地方都會產(chǎn)生一個孔，與其鏈接的被遮罩層相應(yīng)區(qū)域中的對一個孔，與其鏈接的被遮罩層相應(yīng)區(qū)域中的對象可以顯示出來；而沒有動畫對象的地方會產(chǎn)象可以顯示出來；而沒有動畫對象的地方會產(chǎn)生一個罩子，遮住鏈接層相應(yīng)區(qū)域中的對象。生一個罩子，遮住鏈接層相應(yīng)區(qū)域中的對象。利用這個原理再輔之以其他動畫設(shè)計方法，可利用這個原理再輔之以其他動畫設(shè)計方法，可以制作出更多富有創(chuàng)意的設(shè)計作品。本任務(wù)將以制作出更多富有創(chuàng)意的設(shè)計作品。本任務(wù)將創(chuàng)建兩個具有實用價值的動畫

12、作品。創(chuàng)建兩個具有實用價值的動畫作品。項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)操作一 制作“地球旋轉(zhuǎn)效果”任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫本例將使用多重遮罩的方法制作一個地本例將使用多重遮罩的方法制作一個地球旋轉(zhuǎn)的動畫。藍色背景中的地球模型球旋轉(zhuǎn)的動畫。藍色背景中的地球模型均勻轉(zhuǎn)動，可以清晰地看到其上的大陸均勻轉(zhuǎn)動，可以清晰地看到其上的大陸版塊圖，最終效果如圖所示。版塊圖，最終效果如圖所示?！驹O(shè)計效果設(shè)計效果】項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)操作一 制作“地球旋轉(zhuǎn)效果”任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原

13、理創(chuàng)建復(fù)雜動畫首先制作藍色方格背景。首先制作藍色方格背景。然后制作半透明圓形球體作為遮罩層。然后制作半透明圓形球體作為遮罩層。接著利用勾勒出來的大陸版塊作為被遮接著利用勾勒出來的大陸版塊作為被遮罩層。圓形球體是不運動的，但如果讓被罩層。圓形球體是不運動的，但如果讓被遮罩的大陸版塊運動起來，圓形球體看起遮罩的大陸版塊運動起來，圓形球體看起來就是運動的。來就是運動的。對大陸版塊要分正面和背面，因此需要對大陸版塊要分正面和背面，因此需要使用多個被遮罩層。使用多個被遮罩層?！驹O(shè)計思路設(shè)計思路】項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)視頻：制作視頻：制作“地球旋轉(zhuǎn)效果地球旋轉(zhuǎn)效

14、果”制作制作“地球旋轉(zhuǎn)效果地球旋轉(zhuǎn)效果”的大致過程如下的大致過程如下: 新建一個新建一個Flash文檔。文檔。 創(chuàng)建創(chuàng)建“元件元件”。 創(chuàng)建創(chuàng)建“元件元件2”。 創(chuàng)建創(chuàng)建“元件元件3”和和“元件元件4”。 導(dǎo)入外部元件。導(dǎo)入外部元件。 創(chuàng)建動畫創(chuàng)建動畫 預(yù)覽動畫預(yù)覽動畫操作一 制作“地球旋轉(zhuǎn)效果”任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩效果模擬現(xiàn)實生活中物體在管道使用遮罩效果模擬現(xiàn)實生活中物體在管道中下落的運動效果，動畫中使用簡單的箭中下落的運動效果

15、，動畫中使用簡單的箭頭圖形來代表物體和管道，物體以不變的頭圖形來代表物體和管道，物體以不變的速度在管道中下落，在轉(zhuǎn)彎處自動改變方速度在管道中下落，在轉(zhuǎn)彎處自動改變方向，最后的設(shè)計效果如圖所示向，最后的設(shè)計效果如圖所示。 【設(shè)計效果設(shè)計效果】操作二 模擬“物體在管道中下落的效果”項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)箭頭物體在拐彎處轉(zhuǎn)折的流暢性。本例箭頭物體在拐彎處轉(zhuǎn)折的流暢性。本例采用兩段無縫隙的遮罩動畫來處理。采用兩段無縫隙的遮罩動畫來處理。箭頭物體在下落的過程中始終處于窗口箭頭物體在下落的過程中始終處于窗口的視野范圍內(nèi)。本例讓箭頭的下落和管的視野范圍內(nèi)。本例讓箭

16、頭的下落和管道的上升處于同步狀態(tài)。道的上升處于同步狀態(tài)?！驹O(shè)計思路設(shè)計思路】任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫操作二 模擬“物體在管道中下落的效果”項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)視頻：模擬視頻：模擬“物體在管道中下落的效果物體在管道中下落的效果”模擬模擬“物體在管道下落的效果物體在管道下落的效果”的大致的大致過程如下過程如下: 創(chuàng)建元件。創(chuàng)建元件。 在在“管道管道”元件內(nèi)新建一組圖層。元件內(nèi)新建一組圖層。 創(chuàng)建動畫。創(chuàng)建動畫。 創(chuàng)建背景。創(chuàng)建背景。 創(chuàng)建主場景動畫。創(chuàng)建主場景動畫。 預(yù)覽動畫。預(yù)覽動畫。任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使

17、用遮罩原理創(chuàng)建復(fù)雜動畫操作二 模擬“物體在管道中下落的效果”項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫本例將創(chuàng)建一個卷軸慢慢展開的動畫，設(shè)本例將創(chuàng)建一個卷軸慢慢展開的動畫，設(shè)計中使用卷軸中圖畫的模糊效果圖作為背計中使用卷軸中圖畫的模糊效果圖作為背景，隨著卷軸慢慢展開，模糊的圖畫逐漸景，隨著卷軸慢慢展開，模糊的圖畫逐漸清晰，具有強烈的視覺沖擊效果，最后的清晰，具有強烈的視覺沖擊效果，最后的設(shè)計效果如圖所示。設(shè)計效果如圖所示。 【設(shè)計效果設(shè)計效果】操作三 制作“卷軸展開效果”項目五：項目五： 制作遮罩層動畫制作遮罩層動

18、畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)本例利用了兩個遮罩。本例利用了兩個遮罩。清晰圖片逐漸覆蓋模糊圖片的遮罩。清晰圖片逐漸覆蓋模糊圖片的遮罩。卷軸移動效果的遮罩。卷軸移動效果的遮罩。兩個遮罩始終保持同步。兩個遮罩始終保持同步?！驹O(shè)計思路設(shè)計思路】任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫操作三 制作“卷軸展開效果”項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)視頻：制作視頻：制作“卷軸展開效果卷軸展開效果”制作制作“卷軸展開效果卷軸展開效果”的大致過程如下的大致過程如下: : 創(chuàng)建創(chuàng)建“元件元件1”1”。 創(chuàng)建創(chuàng)建“元件元件2”2”。 創(chuàng)建創(chuàng)建“元件元件3”3”和第二層遮罩。和第二層遮罩。 預(yù)覽動畫。預(yù)覽動畫。任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫操作三 制作“卷軸展開效果”項目五：項目五： 制作遮罩層動畫制作遮罩層動畫任務(wù)一任務(wù)二實訓(xùn)小結(jié)FlashFlash是一個工具軟件，只有通過大量是一個工具軟件，只有通過大量的練習(xí)和思考，才能提高我們的動畫制作水的練習(xí)和思考，才能提高我們的動畫制作水平。平?！緦嵱?xùn)目的實訓(xùn)目的】項目實訓(xùn) 重新