遮
罩
層
動
畫
教
學
設
計
課題：我是小小魔術師——制作
flash
遮罩層動畫
課型：新授課
課時安排：
1
課時
授課人：
知識與技能：
理解
Flash
中遮罩的含義及原理
過程與方法：
掌握遮罩圖層的建立和遮罩效果的實現方法
情感態度與價值觀：
培養學生的自主學習、相互協作及分析問題的能力，讓他們在活動中體驗成功的喜悅
教學重點：
遮罩層的含義、作用及建立的方法
教學難點：
理解遮罩與被遮罩的關系
教學過程：
教師活動
學生活動
設計意圖
一、新課導入
展示幾份
flash
作品：探照燈效果、彩虹字、電影文
字、百葉窗、滾動字幕、放大鏡
這幾個動畫都有一個共同的特點——運用
flash
遮罩
技術
本節課學習目標——制作
Flash
遮罩層動畫
二、實例分析
以“探照燈效果”為例
展示源文件時間軸面板，幫助學生共同分析動畫的構成
提問：
1
、有幾個圖層？
兩個，一層放的是文字，一層放的是圖形（圓）
2
、哪一個圖層中的內容在變化？（圓）
3
、
“圓”圖層中是什么動畫類型？（動作補間動畫）
觀察圖層的圖標，看看與前面制作動畫中的圖層圖標
是否相同
引出遮罩層與被遮罩層的概念
遮罩層就像是一張帶有鏤空圖形的紙，我們透過鏤
空的圖形可以看到它下面的被遮罩層中的內容。
（兩者的
位置：遮罩層在上，被遮罩層在下）
學生欣賞作品
學生仔細觀察、
積極思考并回答
問題
認識遮罩層與被
遮罩層的圖標，
了
解遮罩的原理
通過展示豐富的遮罩實例，
激發學生對新的
FLASH
特
效的學習興趣。
通過提問，幫助學生復習前
面所學知識點（圖層、動作
補間動畫的特點）
通過比喻幫助學生理解遮
罩層與被遮罩層的關系，為
接下來的動畫制作做好準
備
遮罩層
被遮罩層
教師活動
學生活動
設計意圖
結合例子分析：
文字是紅色
圓是白色
將文字層設置為遮罩層，可以把“北京奧運”這四個
字看作為一個鏤空的圖形，透過它我們可以看到下面圖
形層中白色的圓（即顯示出來的對象顏色為被遮罩層對
象的顏色）
演示動畫的制作過程（帶著學生一起復習回顧圖層與補
間動畫的設置）
1.
如何查看庫中的元件
2.
圖層的添加、重命名、鎖定、位置調整
3.
設置動作補間動畫
4.
設置遮罩層
試一試：
（提供網頁學件）
打開“探照燈
.fla
”文件，試著將文字層分別設置為
遮罩層與被遮罩層，觀察動畫效果有何不同？
小結：遮罩層動畫特點
1
、要產生遮罩，至少要有兩層：遮罩層和被遮罩層。
2
、
遮罩層決定看到的形狀，
被遮罩層決定看到的內容。
三、動手做
達標任務（從兩個動畫效果中選做一個）
1
．
彩虹字效果
2
．
電影文字效果
制作前請學生先分析動畫的構成
學生自主練習，可從網頁學件中獲取相關幫助
高手擂臺
滾動字幕效果
教師巡視輔導
四、學生作品展示
展示幾份學生完成的作品
學生交流制作過程中碰到的問題
列舉一個錯例，共同分析存在問題
五、課堂小結
1
．要產生遮罩效果，至少要有幾個圖層？
2
．遮罩層與被遮罩層的位置關系（誰在上、誰在下）
3
．遮罩層動畫的特點
決定看到的形狀
決定看到的內容
結合具體實例，
進
一步加深對遮罩
層與被遮罩層的
理解
學生操作
分析動畫的構成
學生自主練習
學生展示作品并
交流
分析錯例
學生回顧本節課
主要知識要點
遮罩動畫的原理比較抽象，
學生不太容易理解，用同一
例子的兩種不同效果來進
行對比，可以幫助學生理
解。
針對不同層次學生的學習
需要，在網頁學件中分別提
供了相關文字幫助與錄像
幫助。對學習基礎較好的學
生，還提供了拓展任務。通
過分層設置練習，讓每位同
學都能收獲成功的喜悅。