《Flash遮罩層的運用》教學與探討

[摘 要] Flash遮罩層動畫是二維動畫設計中的重要內容，應用空間廣闊。形象直觀地分析遮罩動畫的原理，講解設置遮罩圖層的方法，結合實例闡述了如何根據需要設置遮罩層與被遮罩層，教會學生分析動畫與制作動畫的技巧與本領。

[關 鍵 詞] 遮罩層；教學設計；遮罩動畫；教學案例

[中圖分類號] G712 [文獻標志碼] A [文章編號] 2096-0603（2016）35-0053-01

【課題】遮罩層的運用

【教材分析】《Flash CS6設計教程》朱印宏主編，機械工業出版社出版，本節內容選自教材第九章第四節。遮罩層動畫是在逐幀動畫、補間動畫的基礎上，添加遮罩圖層制作出的特殊動畫形式。

【教學目標】

1.認知目標

理解遮罩動畫的原理。知道遮罩層與被遮罩層的關系。

2.能力目標

掌握設置遮罩層的方法。能根據需要設置遮罩層與被遮罩層。

3.情感目標

培養學生動手操作能力和發散性思維能力，激發學生的創造性思維，提高學生的創造能力與創造性人格。

【教學重點】

遮罩圖層的設置和遮罩效果的實現方法。

【教學難點】

1.遮罩動畫形成的原理。

2.確定遮罩層與被遮罩層。

【教學方法】

教師教法：展示激趣、分析解惑、演示探究、歸納梳理（教師為主導）。

學生學法：欣賞激趣、探究頓悟、觀看模仿、實踐創新（學生為主體）。

【教學準備（教具）】

動畫實例、白紙、圖片、PPT電子教案、多媒體機房。

【授課時間】2課時（90分鐘）

【教學過程】

一、導入新課（5分鐘）

播放遮罩動畫實例，請學生欣賞動畫，并思考：這些動畫有什么特點？

生：（欣賞動畫，思考回答問題）……

總結：這組動畫，都是透過一個特定形狀的“孔”，看到里面的畫面而形成的，是一種新的動畫類型，即遮罩動畫。

設計意圖：創設情境，激發學生的學習興趣。讓學生感受到動畫的共同點，產生一種“遮”的感覺，初步了解遮罩動畫的特點，引入新課。

二、講授新課（20分鐘）

1.遮罩動畫的原理（10分鐘）

現場實驗，模擬遮罩效果。用一張紙遮住一幅畫，學生什么也看不見；然后在紙上挖一個孔，透個這個孔，就能看到畫面的一部分了。移動上面的紙或者下面的畫，就形成了動畫效果。

總結遮罩動畫形成的原理：遮罩動畫就是透過遮擋物（圖層）來看被擋住的對象。

與現實生活中隔窗觀景類似，窗——遮罩，景——被遮住的物體。

讓學生討論：日常生活中，類似遮罩的現象。

設計意圖：實驗讓學生有了親身經歷，再用身邊熟悉的現象作類比，學生對抽象的遮罩概念有了具體的認識，便于難點的突破。

2.設置遮罩層的方法（5分鐘）

做一個靜態遮罩效果，實例演示設置遮罩圖層的方法。

3.遮罩動畫的特點（5分鐘）

學生討論遮罩動畫的特點，教師做總結：遮罩動畫至少由兩個圖層組成，即遮罩層與被遮罩層，上面的圖層（孔）是遮罩層，提供動畫效果的形狀，下面的圖層是被遮罩層，提供動畫效果的內容。

三、實踐操作（55分鐘）

1.入門任務

任務1：滾動字幕（10分鐘）

師分析：動畫效果是文字在矩形框內移動。遮罩動畫的特點是遮罩層提供形狀，遮罩層應該放一個矩形；被遮層提供看見的內容，那么被遮層應該是文字漸變動畫。

教師演示操作，學生模仿操作。

任務2：放大鏡效果（15分鐘）

師引導生分析：動畫中，首先看到一行文字，然后放大鏡從文字上劃過，放大鏡經過的地方，文字被放大。動畫中共有幾個對象？需要幾個圖層？這幾個圖層的位置關系如何排列？

放大鏡經過的地方文字被放大。透過放大鏡看見文字，那么遮罩層是什么？被遮罩層是什么？原文字怎么顯示？

學生嘗試操作。若有少數學生能做出效果，挑選學生代表進行演示；針對操作中出現的共性錯誤或難點，教師集中演示。

2.進階任務——旋轉的地球（30分鐘）

展示動畫：學生欣賞、觀察動畫，思考動畫的構成。

分解任務：動畫效果是半透明的地球旋轉，地圖板塊移動，正面地圖清晰，背面呈半透明狀。動畫可分解成正面動畫和背面動畫。

討論探究：學生討論探究，正面動畫中，地球、地圖、遮罩層，怎么確定？運動方向怎樣？背面動畫，又如何確定遮罩層與被遮罩層？半透明效果的地圖怎么處理？運動方向怎么樣？正面動畫與背面動畫怎么銜接？

教師在學生討論過程中，給予指導和點撥，也可以打開動畫源文件，讓學生看到動畫的時間軸情況。

3.實踐操作（學生上機制作動畫）

檢查點評：收集學生的作品點評，充分肯定每件作品的優點及特點，鼓勵學生的創作熱情。針對出現的問題，幫助分析并引導學生自行解決。

設計意圖：任務設置從靜到動，遮罩圖層從單到多，符合學生的認知規律，知識由淺到深的構建過程。教師邊分析邊啟發再演示，學生邊觀察邊思考再實踐，讓學生能夠掌握遮罩層的設置方法，會根據需要選擇遮罩圖層，突破教學重難點水到渠成。

四、欣賞作業（10分鐘）

欣賞動畫，分析遮罩層與被遮罩層，培養學生的發散性思維能力，強化知識點的理解，見證遮罩層的神奇功能，了解遮罩動畫廣闊的應用空間。

參考文獻：

黃慶春.“遮罩層動畫”教學設計[J].中國信息技術教育，2011（12）.