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

1、,制作遮罩層動畫,主講：,ZHI ZUO ZHE ZHAO CENG DONG HUA,項目五 制作遮罩層動畫,任務(wù)一 理解遮罩層的概念及動畫原理,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,,,理解遮罩層與被遮罩層的概念。理解遮罩動畫產(chǎn)生的設(shè)計原理。了解多層遮罩動畫的運用。掌握使用遮罩原理制作動畫的方法和技巧。了解復(fù)雜動畫設(shè)計的方法和技巧。,教學(xué)目標:,項目五 制作遮罩層動畫,,,,,,操作一 制作“動態(tài)文字”,操作二 制作

2、“水中倒影效果”,操作三 制作“瀑布效果”,,,,任務(wù)一 理解遮罩層動畫的概念及動畫原理,任務(wù)一 理解遮罩層動畫的概念及動畫原理,遮罩層和引導(dǎo)層一樣，是Flash中特殊的圖層。合理地使用遮罩層可以創(chuàng)建出豐富多彩的動畫效果。,一個遮罩效果的實現(xiàn)至少需要兩個圖層，上面的圖層是遮罩層，下面的圖層是被遮罩層，如圖所示，其中“圖層2”是遮罩層，“圖層1”是被遮罩層。與普通層不同的是，在具有遮罩層的場景中，只能通過遮罩層上對象的形狀，才可以看

3、到被遮罩層上的內(nèi)容。,,任務(wù)一 理解遮罩層動畫的概念及動畫原理,本例將遮罩原理用于制作動感文字，在文字的輪廓中將出現(xiàn)流云的運動效果，避免文字過于呆板和單調(diào)，增加其美感，最終設(shè)計效果如圖所示。,,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作一 制作“動感文字”,【設(shè)計目標】,http://www.edudown.net,科目一考試網(wǎng) http://www.kmyks.com/ 科目一模擬考試2016科目四考試網(wǎng) http://

4、www.km4ks.com/ 科目四模擬考試駕校一點通365網(wǎng) http://www.jxedt365.com/ 駕校一點通2016科目一 科目四駕駛員理論考試網(wǎng) http://www.jsyllks.com/ 2016科目一考試 科目四考試,在最底層選取一幅圖片做背景。在這幅背景圖上面做一個由文字和一組序列圖片組成的遮罩效果。在靜態(tài)的圖片上面可以透過文字的輪廓看到一幅動態(tài)的景色。,,任務(wù)一 理解遮罩層動畫的概念及動畫

5、原理,操作一 制作“動感文字”,【設(shè)計思路】,,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作一 制作“動感文字”,視頻：制作“動感文字”,制作“動感文字”的大致過程如下:① 布置舞臺。② 制作遮罩。③ 預(yù)覽動畫。,利用遮罩原理可以表達很多動畫效果。例如，“水”是動畫中常用的主題，波光粼粼的水面、水中美麗的倒影、流動的小溪以及“飛流直下三千尺”的瀑布都是動畫設(shè)計師寵愛的題材。本例將進一步加深對遮罩效果的理解，掌握在影片剪輯中

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

7、制作“水中倒影效果”,制作“水中倒影效果”的大致過程如下:① 布置舞臺。② 制作倒影。③ 制作波紋。④ 預(yù)覽動畫。,在位圖中制作出逼真的遮罩效果。,,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作三 制作“瀑布效果”,【設(shè)計目標】,遮罩動畫的原理就是透過遮罩層物體的形狀看到被遮罩層物體的內(nèi)容，因此要使圖片中靜止的瀑布“動起來”，而其他區(qū)域的景色則保持不變，應(yīng)該分兩步來處理。首先分離瀑布流水。然后給流水添加遮罩效果。,,任務(wù)

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

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

10、個地球旋轉(zhuǎn)的動畫。藍色背景中的地球模型均勻轉(zhuǎn)動，可以清晰地看到其上的大陸版塊圖，最終效果如圖所示。,【設(shè)計效果】,操作一 制作“地球旋轉(zhuǎn)效果”,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,首先制作藍色方格背景。然后制作半透明圓形球體作為遮罩層。接著利用勾勒出來的大陸版塊作為被遮罩層。圓形球體是不運動的，但如果讓被遮罩的大陸版塊運動起來，圓形球體看起來就是運動的。對大陸版塊要分正面和背面，因此需要使用多個被遮罩層。,【設(shè)計思路】,,視頻：

11、制作“地球旋轉(zhuǎn)效果”,制作“地球旋轉(zhuǎn)效果”的大致過程如下:① 新建一個Flash文檔。② 創(chuàng)建“元件”。③ 創(chuàng)建“元件2”。④ 創(chuàng)建“元件3”和“元件4”。⑤ 導(dǎo)入外部元件。⑥ 創(chuàng)建動畫⑦ 預(yù)覽動畫,操作一 制作“地球旋轉(zhuǎn)效果”,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,使用遮罩效果模擬現(xiàn)實生活中物體在管道中下落的運動效果，動畫中使用簡單的箭頭圖形來代表物體和管道，物體以不變的速度在管道中下

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

13、:① 創(chuàng)建元件。② 在“管道”元件內(nèi)新建一組圖層。③ 創(chuàng)建動畫。④ 創(chuàng)建背景。⑤ 創(chuàng)建主場景動畫。⑧ 預(yù)覽動畫。,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,操作二 模擬“物體在管道中下落的效果”,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,本例將創(chuàng)建一個卷軸慢慢展開的動畫，設(shè)計中使用卷軸中圖畫的模糊效果圖作為背景，隨著卷軸慢慢展開，模糊的圖畫逐漸清晰，具有強烈的視覺沖擊效果，最后的設(shè)計效果如圖所示。,【設(shè)計效果】,操作三 制作“卷軸展

14、開效果”,本例利用了兩個遮罩。清晰圖片逐漸覆蓋模糊圖片的遮罩。卷軸移動效果的遮罩。兩個遮罩始終保持同步。,【設(shè)計思路】,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,操作三 制作“卷軸展開效果”,視頻：制作“卷軸展開效果”,制作“卷軸展開效果”的大致過程如下:① 創(chuàng)建“元件1”。② 創(chuàng)建“元件2”。③ 創(chuàng)建“元件3”和第二層遮罩。④ 預(yù)覽動畫。,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,操作三 制作“卷軸展開效果”,Flash是一個工

15、具軟件，只有通過大量的練習(xí)和思考，才能提高我們的動畫制作水平。,【實訓(xùn)目的】,項目實訓(xùn) 重新制作所有習(xí)題,項目小結(jié),遮罩是Flash中的重要工具，其功能強大，使用方法卻很簡單，許多優(yōu)秀的Flash作品中都有其身影，希望讀者能熟練掌握并靈活運用遮罩技術(shù)。本章通過大量的實例，由淺入深地介紹了靜態(tài)和動態(tài)遮罩效果，為讀者全面展示了遮罩動畫的魅力。讀者可以通過模擬本章的實例來進一步熟悉遮罩工具。在制作時，請讀者從遮罩的原理出發(fā)，并充分發(fā)揮自己