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

1、項(xiàng)目五 制作遮罩層動畫,任務(wù)一 理解遮罩層的概念及動畫原理,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,理解遮罩層與被遮罩層的概念。 理解遮罩動畫產(chǎn)生的設(shè)計(jì)原理。 了解多層遮罩動畫的運(yùn)用。 掌握使用遮罩原理制作動畫的方法和技巧。 了解復(fù)雜動畫設(shè)計(jì)的方法和技巧。,教學(xué)目標(biāo):,項(xiàng)目五 制作遮罩層動畫,操作一 制作“動態(tài)文字”,操作二 制作“水中倒影效果”,操作三 制作“瀑布效果”,任務(wù)一 理解遮罩層動畫的概念及動畫原理,任務(wù)一 理解遮罩層動畫的概念及動畫原理,遮罩層和引導(dǎo)層一樣，是Flash中特殊的圖層。合理地使用遮罩層可以創(chuàng)建出豐富多彩的動畫效果。,一個(gè)遮罩效果的實(shí)現(xiàn)至少需要兩個(gè)圖層，上面的圖層是遮罩層，

2、下面的圖層是被遮罩層，如圖所示，其中“圖層2”是遮罩層，“圖層1”是被遮罩層。與普通層不同的是，在具有遮罩層的場景中，只能通過遮罩層上對象的形狀，才可以看到被遮罩層上的內(nèi)容。,任務(wù)一 理解遮罩層動畫的概念及動畫原理,本例將遮罩原理用于制作動感文字，在文字的輪廓中將出現(xiàn)流云的運(yùn)動效果，避免文字過于呆板和單調(diào)，增加其美感，最終設(shè)計(jì)效果如圖所示。,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作一 制作“動感文字”,【設(shè)計(jì)目標(biāo)】,科目一考試網(wǎng) 科目一模擬考試2016科目四考試網(wǎng) 科目四模擬考試駕校一點(diǎn)通365網(wǎng) 駕校一點(diǎn)通2016科目一 科目四駕駛員理論考試網(wǎng) 2016科目一考試 科目四考試,在最底層選

3、取一幅圖片做背景。 在這幅背景圖上面做一個(gè)由文字和一組序列圖片組成的遮罩效果。 在靜態(tài)的圖片上面可以透過文字的輪廓看到一幅動態(tài)的景色。,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作一 制作“動感文字”,【設(shè)計(jì)思路】,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作一 制作“動感文字”,視頻：制作“動感文字”,制作“動感文字”的大致過程如下: 布置舞臺。 制作遮罩。 預(yù)覽動畫。,利用遮罩原理可以表達(dá)很多動畫效果。例如，“水”是動畫中常用的主題，波光粼粼的水面、水中美麗的倒影、流動的小溪以及“飛流直下三千尺”的瀑布都是動畫設(shè)計(jì)師寵愛的題材。 本例將進(jìn)一步加深對遮罩效果的理解，掌握在影片剪輯中制作遮罩效

4、果的方法。,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作二 制作“水中倒影效果”,【設(shè)計(jì)目標(biāo)】,在主場景中創(chuàng)建圖片的背景層和文字層。 在文字層的上層放置一個(gè)影片剪輯，其內(nèi)部包含文字倒影的遮罩效果。 利用倒影文字遮罩一組均勻相間的移動線條形成水波效果。,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作二 制作“水中倒影效果”,【設(shè)計(jì)思路】,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作二 制作“水中倒影效果”,視頻：制作“水中倒影效果”,制作“水中倒影效果”的大致過程如下: 布置舞臺。 制作倒影。 制作波紋。 預(yù)覽動畫。,在位圖中制作出逼真的遮罩效果。,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作三

5、制作“瀑布效果”,【設(shè)計(jì)目標(biāo)】,遮罩動畫的原理就是透過遮罩層物體的形狀看到被遮罩層物體的內(nèi)容，因此要使圖片中靜止的瀑布“動起來”，而其他區(qū)域的景色則保持不變，應(yīng)該分兩步來處理。 首先分離瀑布流水。 然后給流水添加遮罩效果。,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作三 制作“瀑布效果”,【設(shè)計(jì)思路】,任務(wù)一 理解遮罩層動畫的概念及動畫原理,操作三 制作“瀑布效果”,視頻：制作“瀑布效果”,制作“瀑布效果”的大致過程如下: 新建Flash文檔。 制作“瀑布”元件。 制作“遮罩”元件。 完成制作“瀑布”元件。 預(yù)覽動畫。,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,操作一 制作“地球旋轉(zhuǎn)效果”,操作二 模

6、擬“物體在管道下落的效果”,操作三 制作“卷軸展開效果”,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,遮罩層中有動畫對象存在的地方都會產(chǎn)生一個(gè)孔，與其鏈接的被遮罩層相應(yīng)區(qū)域中的對象可以顯示出來；而沒有動畫對象的地方會產(chǎn)生一個(gè)罩子，遮住鏈接層相應(yīng)區(qū)域中的對象。利用這個(gè)原理再輔之以其他動畫設(shè)計(jì)方法，可以制作出更多富有創(chuàng)意的設(shè)計(jì)作品。本任務(wù)將創(chuàng)建兩個(gè)具有實(shí)用價(jià)值的動畫作品。,操作一 制作“地球旋轉(zhuǎn)效果”,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,本例將使用多重遮罩的方法制作一個(gè)地球旋轉(zhuǎn)的動畫。藍(lán)色背景中的地球模型均勻轉(zhuǎn)動，可以清晰地看到其上的大陸版塊圖，最終效果如圖所示。,【設(shè)計(jì)效果】,操作一 制作“地球旋轉(zhuǎn)效果”,

7、任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,首先制作藍(lán)色方格背景。 然后制作半透明圓形球體作為遮罩層。 接著利用勾勒出來的大陸版塊作為被遮罩層。圓形球體是不運(yùn)動的，但如果讓被遮罩的大陸版塊運(yùn)動起來，圓形球體看起來就是運(yùn)動的。 對大陸版塊要分正面和背面，因此需要使用多個(gè)被遮罩層。,【設(shè)計(jì)思路】,視頻：制作“地球旋轉(zhuǎn)效果”,制作“地球旋轉(zhuǎn)效果”的大致過程如下: 新建一個(gè)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)實(shí)生活中

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

9、 創(chuàng)建主場景動畫。 預(yù)覽動畫。,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,操作二 模擬“物體在管道中下落的效果”,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,本例將創(chuàng)建一個(gè)卷軸慢慢展開的動畫，設(shè)計(jì)中使用卷軸中圖畫的模糊效果圖作為背景，隨著卷軸慢慢展開，模糊的圖畫逐漸清晰，具有強(qiáng)烈的視覺沖擊效果，最后的設(shè)計(jì)效果如圖所示。,【設(shè)計(jì)效果】,操作三 制作“卷軸展開效果”,本例利用了兩個(gè)遮罩。 清晰圖片逐漸覆蓋模糊圖片的遮罩。 卷軸移動效果的遮罩。 兩個(gè)遮罩始終保持同步。,【設(shè)計(jì)思路】,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,操作三 制作“卷軸展開效果”,視頻：制作“卷軸展開效果”,制作“卷軸展開效果”的大致過程如下: 創(chuàng)建“元件1”。 創(chuàng)建“元件2”。 創(chuàng)建“元件3”和第二層遮罩。 預(yù)覽動畫。,任務(wù)二 使用遮罩原理創(chuàng)建復(fù)雜動畫,操作三 制作“卷軸展開效果”,Flash是一個(gè)工具軟件，只有通過大量的練習(xí)和思考，才能提高我們的動畫制作水平。,【實(shí)訓(xùn)目的】,項(xiàng)目實(shí)訓(xùn) 重新制作所有習(xí)題,項(xiàng)目小結(jié),遮罩是Flash中的重要工具，其功能強(qiáng)大，使用方法卻很簡單，許多優(yōu)秀的Flash作品中都有其身影，希望讀者能熟練掌握并靈活運(yùn)用遮罩技術(shù)。本章通過大量的實(shí)例，由淺入深地介紹了靜態(tài)和動態(tài)遮罩效果，為讀者全面展示了遮罩動畫