遮罩層動畫ppt課件1信息技術(shù)八下

1、http:/主講：主講：zhi zuo zhe zhao ceng dong huahttp:/項(xiàng)目五 制作遮罩層動畫任務(wù)一 理解遮罩層的概念及動畫原理理解遮罩層的概念及動畫原理任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫http:/理解遮罩層與被遮罩層的概念。理解遮罩層與被遮罩層的概念。理解遮罩動畫產(chǎn)生的設(shè)計(jì)原理。理解遮罩動畫產(chǎn)生的設(shè)計(jì)原理。了解多層遮罩動畫的運(yùn)用。了解多層遮罩動畫的運(yùn)用。掌握使用遮罩原理制作動畫的方法和技巧。掌握使用遮罩原理制作動畫的方法和技巧。了解復(fù)雜動畫設(shè)計(jì)的方法和技巧。了解復(fù)雜動畫設(shè)計(jì)的方法和技巧。教學(xué)目標(biāo)教學(xué)目標(biāo): 項(xiàng)目五 制作遮罩層動畫http:/操作

2、一 制作“動態(tài)文字”操作二 制作“水中倒影效果”操作三 制作“瀑布效果”任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理http:/任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理遮罩層和引導(dǎo)層一樣，是遮罩層和引導(dǎo)層一樣，是flashflash中特殊的中特殊的圖層。合理地使用遮罩層可以創(chuàng)建出豐富多彩圖層。合理地使用遮罩層可以創(chuàng)建出豐富多彩的動畫效果。的動畫效果。http:/一個(gè)遮罩效果的實(shí)現(xiàn)至少需要兩個(gè)圖層，上面的圖一個(gè)遮罩效果的實(shí)現(xiàn)至少需要兩個(gè)圖層，上面的圖層是遮罩層，下面的圖層是被遮罩層，如圖所示，其中層是遮罩層，下面的圖層是被遮罩層，如圖所示，其中

3、“圖層圖層2”2”是遮罩層，是遮罩層，“圖層圖層1”1”是被遮罩層。與普通層是被遮罩層。與普通層不同的是，在具有遮罩層的場景中，只能通過遮罩層上不同的是，在具有遮罩層的場景中，只能通過遮罩層上對象的形狀，才可以看到被遮罩層上的內(nèi)容。對象的形狀，才可以看到被遮罩層上的內(nèi)容。 任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理http:/本例將遮罩原理用于制作動感文字，在文字的輪廓本例將遮罩原理用于制作動感文字，在文字的輪廓中將中將出現(xiàn)出現(xiàn)流云的運(yùn)動效果，避免文字過于呆板和單流云的運(yùn)動效果，避免文字過于呆板和單調(diào)，增加其美感，最終設(shè)計(jì)效果如圖所示。調(diào)，增加其美感，最終設(shè)計(jì)效果如圖

4、所示。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作一 制作“動感文字”【 設(shè) 計(jì) 目 標(biāo) 】【 設(shè) 計(jì) 目 標(biāo) 】http:/科目一考試網(wǎng) http:/ 科目一模擬考試2016科目四考試網(wǎng) http:/ 科目四模擬考試駕校一點(diǎn)通365網(wǎng) http:/ 駕校一點(diǎn)通2016科目一 科目四駕駛員理論考試網(wǎng) http:/ 2016科目一考試 科目四考試http:/在最底層選取一幅圖片做背景。在最底層選取一幅圖片做背景。在這幅背景圖上面做一個(gè)由文字和一組序在這幅背景圖上面做一個(gè)由文字和一組序列圖片組成的遮罩效果。列圖片組成的遮罩效果。在靜態(tài)的圖片上面可以透過文字的輪廓看在靜態(tài)

5、的圖片上面可以透過文字的輪廓看到一幅動態(tài)的景色。到一幅動態(tài)的景色。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作一 制作“動感文字”【設(shè)計(jì)思路】【設(shè)計(jì)思路】http:/任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作一 制作“動感文字”視頻：制作視頻：制作“動感文字動感文字”制作制作“動感文字動感文字”的大致過程如下的大致過程如下: : 布置舞臺。布置舞臺。 制作遮罩。制作遮罩。 預(yù)覽動畫。預(yù)覽動畫。http:/利用遮罩原理可以表達(dá)很多動畫效果。例如，利用遮罩原理可以表達(dá)很多動畫效果。例如，“水水”是動畫中常用的主題，波光粼粼的水面、是動畫中常

6、用的主題，波光粼粼的水面、水中美麗的倒影、流動的小溪以及水中美麗的倒影、流動的小溪以及“飛流直下飛流直下三千尺三千尺”的瀑布都是動畫設(shè)計(jì)師寵愛的題材。的瀑布都是動畫設(shè)計(jì)師寵愛的題材。本例將進(jìn)一步加深對遮罩效果的理解，掌握在本例將進(jìn)一步加深對遮罩效果的理解，掌握在影片剪輯中制作遮罩效果的方法。影片剪輯中制作遮罩效果的方法。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作二 制作“水中倒影效果”【 設(shè) 計(jì) 目 標(biāo) 】【 設(shè) 計(jì) 目 標(biāo) 】http:/在主場景中創(chuàng)建圖片的背景層和文字層。在主場景中創(chuàng)建圖片的背景層和文字層。在文字層的上層放置一個(gè)影片剪輯，其內(nèi)在文字層的上層放置

7、一個(gè)影片剪輯，其內(nèi)部包含文字倒影的遮罩效果。部包含文字倒影的遮罩效果。利用倒影文字遮罩一組均勻相間的移動線利用倒影文字遮罩一組均勻相間的移動線條形成水波效果。條形成水波效果。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作二 制作“水中倒影效果”【設(shè)計(jì)思路】【設(shè)計(jì)思路】http:/任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作二 制作“水中倒影效果”視頻：制作視頻：制作“水中倒影效果水中倒影效果”制作制作“水中倒影效果水中倒影效果”的大致過程如下的大致過程如下: 布置舞臺。布置舞臺。 制作倒影。制作倒影。 制作波紋。制作波紋。 預(yù)覽動畫。預(yù)覽動

8、畫。http:/在位圖中制作出逼真的遮罩效果。在位圖中制作出逼真的遮罩效果。任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作三 制作“瀑布效果”【 設(shè) 計(jì) 目 標(biāo) 】【 設(shè) 計(jì) 目 標(biāo) 】http:/遮罩動畫的原理就是透過遮罩層物體的形狀遮罩動畫的原理就是透過遮罩層物體的形狀看到被遮罩層物體的內(nèi)容，因此要使圖片中看到被遮罩層物體的內(nèi)容，因此要使圖片中靜止的瀑布靜止的瀑布“動起來動起來”，而其他區(qū)域的景色，而其他區(qū)域的景色則保持不變，應(yīng)該分兩步來處理。則保持不變，應(yīng)該分兩步來處理。首先分離瀑布流水。首先分離瀑布流水。然后給流水添加遮罩效果。然后給流水添加遮罩效果。任務(wù)一

9、理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作三 制作“瀑布效果”【設(shè)計(jì)思路】【設(shè)計(jì)思路】http:/任務(wù)一 理解遮罩層動畫的概念及動畫原理理解遮罩層動畫的概念及動畫原理操作三 制作“瀑布效果”視頻：制作視頻：制作“瀑布效果瀑布效果”制作制作“瀑布效果瀑布效果”的大致過程如下的大致過程如下: : 新建新建flashflash文檔。文檔。 制作制作“瀑布瀑布”元件。元件。 制作制作“遮罩遮罩”元件。元件。 完成制作完成制作“瀑布瀑布”元件。元件。 預(yù)覽動畫。預(yù)覽動畫。http:/任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫操作一 制作“地球旋轉(zhuǎn)效果”操作二 模擬“物

10、體在管道下落的效果”操作三 制作“卷軸展開效果”http:/ 任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫遮罩層中有動畫對象存在的地方都會產(chǎn)生遮罩層中有動畫對象存在的地方都會產(chǎn)生一個(gè)孔，與其鏈接的被遮罩層相應(yīng)區(qū)域中的對一個(gè)孔，與其鏈接的被遮罩層相應(yīng)區(qū)域中的對象可以顯示出來；而沒有動畫對象的地方會產(chǎn)象可以顯示出來；而沒有動畫對象的地方會產(chǎn)生一個(gè)罩子，遮住鏈接層相應(yīng)區(qū)域中的對象。生一個(gè)罩子，遮住鏈接層相應(yīng)區(qū)域中的對象。利用這個(gè)原理再輔之以其他動畫設(shè)計(jì)方法，可利用這個(gè)原理再輔之以其他動畫設(shè)計(jì)方法，可以制作出更多富有創(chuàng)意的設(shè)計(jì)作品。本任務(wù)將以制作出更多富有創(chuàng)意的設(shè)計(jì)作品。本任務(wù)將創(chuàng)建兩個(gè)具

11、有實(shí)用價(jià)值的動畫作品。創(chuàng)建兩個(gè)具有實(shí)用價(jià)值的動畫作品。http:/操作一 制作“地球旋轉(zhuǎn)效果”任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫本例將使用多重遮罩的方法制作一個(gè)地球本例將使用多重遮罩的方法制作一個(gè)地球旋轉(zhuǎn)的動畫。藍(lán)色背景中的地球模型均勻旋轉(zhuǎn)的動畫。藍(lán)色背景中的地球模型均勻轉(zhuǎn)動，可以清晰地看到其上的大陸版塊圖，轉(zhuǎn)動，可以清晰地看到其上的大陸版塊圖，最終效果如圖所示。最終效果如圖所示?！驹O(shè)計(jì)效果】【設(shè)計(jì)效果】http:/操作一 制作“地球旋轉(zhuǎn)效果”任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫首先制作藍(lán)色方格背景。首先制作藍(lán)色方格背景。然后制作半透明圓形球體作為遮罩

12、層。然后制作半透明圓形球體作為遮罩層。接著利用勾勒出來的大陸版塊作為被遮罩接著利用勾勒出來的大陸版塊作為被遮罩層。圓形球體是不運(yùn)動的，但如果讓被遮罩層。圓形球體是不運(yùn)動的，但如果讓被遮罩的大陸版塊運(yùn)動起來，圓形球體看起來就是的大陸版塊運(yùn)動起來，圓形球體看起來就是運(yùn)動的。運(yùn)動的。對大陸版塊要分正面和背面，因此需要使對大陸版塊要分正面和背面，因此需要使用多個(gè)被遮罩層。用多個(gè)被遮罩層?！驹O(shè)計(jì)思路】【設(shè)計(jì)思路】http:/視頻：制作視頻：制作“地球旋轉(zhuǎn)效果地球旋轉(zhuǎn)效果”制作制作“地球旋轉(zhuǎn)效果地球旋轉(zhuǎn)效果”的大致過程如下的大致過程如下: 新建一個(gè)新建一個(gè)flash文檔。文檔。 創(chuàng)建創(chuàng)建“元件元件”。 創(chuàng)

13、建創(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ù)雜動畫http:/任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩效果模擬現(xiàn)實(shí)生活中物體在管道中使用遮罩效果模擬現(xiàn)實(shí)生活中物體在管道中下落的運(yùn)動效果，動畫中使用簡單的箭頭圖下落的運(yùn)動效果，動畫中使用簡單的箭頭圖形來代表物體和管道，物體以不變的速度在形來代表物體和管道，物體以不變的速度在管道中下落，在轉(zhuǎn)彎處自動改變方向，最后管道中下落，在轉(zhuǎn)彎處自動改變方向，最后的設(shè)計(jì)效果如

14、圖所示的設(shè)計(jì)效果如圖所示。 【設(shè)計(jì)效果】【設(shè)計(jì)效果】操作二 模擬“物體在管道中下落的效果”http:/箭頭物體在拐彎處轉(zhuǎn)折的流暢性。本例采箭頭物體在拐彎處轉(zhuǎn)折的流暢性。本例采用兩段無縫隙的遮罩動畫來處理。用兩段無縫隙的遮罩動畫來處理。箭頭物體在下落的過程中始終處于窗口的箭頭物體在下落的過程中始終處于窗口的視野范圍內(nèi)。本例讓箭頭的下落和管道的視野范圍內(nèi)。本例讓箭頭的下落和管道的上升處于同步狀態(tài)。上升處于同步狀態(tài)?！驹O(shè)計(jì)思路】【設(shè)計(jì)思路】任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫操作二 模擬“物體在管道中下落的效果”http:/視頻：模擬視頻：模擬“物體在管道中下落的效果物體在管道中

15、下落的效果”模擬模擬“物體在管道下落的效果物體在管道下落的效果”的大致過程的大致過程如下如下: 創(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ù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫操作二 模擬“物體在管道中下落的效果”http:/任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫本例將創(chuàng)建一個(gè)卷軸慢慢展開的動畫，設(shè)計(jì)本例將創(chuàng)建一個(gè)卷軸慢慢展開的動畫，設(shè)計(jì)中使用卷軸中圖畫的模糊效果圖作為背景，中使用卷軸中圖畫的模糊效果圖作為背景，隨著卷軸慢慢

16、展開，模糊的圖畫逐漸清晰，隨著卷軸慢慢展開，模糊的圖畫逐漸清晰，具有強(qiáng)烈的視覺沖擊效果，最后的設(shè)計(jì)效果具有強(qiáng)烈的視覺沖擊效果，最后的設(shè)計(jì)效果如圖所示。如圖所示。 【設(shè)計(jì)效果】【設(shè)計(jì)效果】操作三 制作“卷軸展開效果”http:/本例利用了兩個(gè)遮罩。本例利用了兩個(gè)遮罩。清晰圖片逐漸覆蓋模糊圖片的遮罩。清晰圖片逐漸覆蓋模糊圖片的遮罩。卷軸移動效果的遮罩。卷軸移動效果的遮罩。兩個(gè)遮罩始終保持同步。兩個(gè)遮罩始終保持同步?！驹O(shè)計(jì)思路】【設(shè)計(jì)思路】任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫使用遮罩原理創(chuàng)建復(fù)雜動畫操作三 制作“卷軸展開效果”http:/視頻：制作視頻：制作“卷軸展開效果卷軸展開效果”制作制作“卷軸展開

17、效果卷軸展開效果”的大致過程如下的大致過程如下: : 創(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ù)雜動畫操作三 制作“卷軸展開效果”http:/flashflash是一個(gè)工具軟件，只有通過大量的是一個(gè)工具軟件，只有通過大量的練習(xí)和思考，才能提高我們的動畫制作水平。練習(xí)和思考，才能提高我們的動畫制作水平?！緦?shí)訓(xùn)目的】【實(shí)訓(xùn)目的】項(xiàng)目實(shí)訓(xùn) 重新制作所有習(xí)題http:/項(xiàng)目小結(jié)遮罩是遮罩是flash中的重要工具，其功能強(qiáng)大，中的重要工具，其功能強(qiáng)大，使用方法卻很簡單，許多優(yōu)秀的使用方法卻很簡單，許多優(yōu)秀的flash作品中作品中都有其身影，希望讀者能熟練掌握并靈活運(yùn)用都有其身影，希望讀者能熟練掌握并靈活運(yùn)用遮罩技術(shù)。本章通過大量的實(shí)例，由淺入深地遮罩技術(shù)。本章通過大量的實(shí)例，由淺入深地介紹了靜態(tài)和動態(tài)遮罩效果，為讀者全面展示介紹了靜態(tài)和動態(tài)遮罩效果，為讀者全面展示了遮罩動畫的魅力。了遮罩動畫的魅力。讀者可以通過