《Flash遮罩圖層的應用》教學設計

【課時】第一課時

【教學目標】

1.知識要求

①了解遮罩定義及遮罩圖層的設置;②利用遮罩圖層實現文字遮罩，獨立完成一個動畫制作;③通過對遮罩圖層的學習，讓學生掌握遮罩圖層建立的基本方法和常用的操作技巧，進一步深化對FLASH運用軟件的認識，拓展學生的知識和能力。

2.能力要求

1）培養學生的自主學習能力

在課堂的設計中，避免枯燥的說教和灌輸，利用課件的演示，給學生一個感性的認識，從而激發學生濃厚的興趣，使學生主動地去學。另外，根據教學內容的難易將部分內容改成在教師指導下的學生自學，由學生自己上機去實踐，完成有關的任務。

2）培養學生的創新能力

信息技術課應讓學生懂得利用計算機進行大膽的創新，充分發揮學生的創造性思維，通過計算機完成他們的設想。

【重點與難點】

重點：Flash遮罩圖層的定義和利用遮罩圖層實現動畫效果。

難點：遮罩和被遮罩圖層的關系。

【設計思想】本節課的設計思想是：從知識、能力思維兩個方面對學生進行知識傳授和能力培養，同時引入“課程整合”概念，讓學生始終處于“探究”狀態，激活學生思維和情感。

【教學準備】a、使用網絡教室軟件;b、教學課件和教學教材

【教學方法】啟發式教學，教師講授并指導學生獨立完成操作

【教學過程】

一、課堂導入

老師：同學們今天上新課之前，我們先欣賞幾個小作品，請同學們看屏幕，同時思考這兩個問題：

1.這幾個作品通過什么樣的軟件制作出來的？

2.這幾個作品都有什么樣的共同特點？

緊接著演示一組利用遮罩效果完成的動畫，激發起學生的興趣。

老師：是什么樣的作品？

學生：是Flash作品。

老師：這幾個作品都有什么樣的共同特點？

學生：說出自己的想法。

老師：現在我們一起來研究，請兩位學生上講臺（提前準備好一張白色的紙和一張圖）做一組實驗，把白色的紙放在圖片的上面，此時圖片被白紙擋住了。

老師：問圖片能看到嗎？

學生：看不到，圖片被擋住了。

讓兩位學生剪掉白色紙的一部分（中間剪掉一個圓形），讓學生再次把白色紙放在圖片的上面。

老師：現在能不能看到圖片？

學生：通過剪掉的部分看到圖片，其他部分還是被紙擋住了。

老師：展示課件，并要求學生觀察，接下來提問：你們做的實驗和小作品“汽車”有什么共同點？

學生：作品“小車”是通過文字看被擋住的圖片內容，而我們做的實驗是通過圖形來看被擋住圖片內容。

老師：展示小作品“賽馬”。你們通過實驗能不能做出這種效果？

兩位學生：兩位學生在白色紙靜止的狀態下，慢慢地平移圖片。

學生：圓形顯示的圖片內容在移動。

老師：展示小作品“動態文字”。

兩位學生：慢慢移動白色紙（圓形）。

學生：圖形“圓”在移動同時將圓形顯示的圖片內容在移動。

老師：提出第二個問題：這幾個小作品都有什么樣的共同特點？

學生：都是通過一些文字和圖形來看被擋住的內容。

老師：表揚學生回答正確，都使用了Flash遮罩技術。那什么是遮罩？如何設置遮罩圖層及制作簡單的遮罩動畫這就是我們今天來學習的新課。通過課件展示課題《Flash遮罩圖層的應用》。這樣就引出了本節課的教學重點——遮罩圖層。

二、課堂講授

學生對遮罩動畫產生了濃厚的興趣，這是本節課的重點，也是難點所在。但如果單靠學生自學是不能完成的，所以我在課堂上設計了大約15分鐘的講授過程。

【遮罩的概念及設置】

遮罩的定義

是透過一種圖形來看被擋住的內容。首先解釋遮罩效果的實現，需要兩層：一層是遮罩層（在上層），提供了形狀;另一層是被遮罩層（在下層），提供了內容（文字、圖片等）。上一層沒有圖形的部分為遮光部分，圖形部分為透光部分;下一層只在上層透光的部分才能顯示。被擋住的層叫做被遮罩層，擋住的部分叫做遮罩層。學生首先弄清了遮罩圖層與被遮罩圖層之間的關系。其次用科學的術語為他們做一個總結;最后出一張幻燈片學生判斷，遮罩層和被遮罩層。

2.遮罩層的設置

（1）課件展示“制作的”靜態遮罩效果。

老師：遮罩層放的是什么？被遮罩層放的是什么？

學生：遮罩層放圖形“圓”，被遮罩層放的是達坂城風力電站的照片。

（2）講解、演示制作過程。

a.創建被遮罩層 b.創建遮罩層 c.在遮罩層上單擊鼠標右鍵，選擇【遮罩層】。

學生跟隨老師邊聽邊看學做靜態遮罩效果。

（3）學生自由練習新課內容，給學生提供一些圖片老師輔導，學生自由練習并提問，讓學生理解新知識。

（4）試一試：將遮罩層中的圓形制作一個由小變大的運動補間動畫，看看效果如何。

【遮罩圖層的簡單應用】

文字遮罩

展示“文字遮罩動畫”實例，讓學生觀察、進行分析、總結。

2.實例驗證 探照燈效果實例

黑暗中，一束柔和的燈光緩緩掃過，燈光打到的地方，就要文字顯示出來。

制作過程：

（1）首先將場景的背景色設為黑色。

老師：問需要創建幾個元件？

學生：要創建兩個元件，一個是元件“文字”，一個是元件“燈”。

（2）新建元件“文字”，輸入“神奇的遮罩”。

（3）新建元件“小球”，禁止筆觸顏色（即無邊線），黃色放射狀填充，中心為實心，即Alpha為100%;向外漸變為透明，Alpha為0%。

任務一：

老師：同學們分兩組，第一組學生將“燈”做【被遮罩層】，第二組學生將“燈”做【遮罩層】制作靜態的遮罩效果。

結果：第一組學生制作以后的遮罩效果文字是黃色的，第二組學生制作以后的遮罩效果文字是白色的。

老師：問為什么文字顯示不同顏色？

學生：回答說出自己的想法。

結論：顯示出來的顏色是被遮罩層的顏色，與遮罩層的顏色無關

任務二：

兩個組的學生都將放“燈”的層重名為“小球”，在此圖層中制作元件“小球”的運動補間動畫（從左邊移動到右邊）。

結果：兩組學生制作以后的遮罩效果都是一樣，只是顏色不同。

結論：遮罩層和被遮罩層都可以運動。

三、課堂總結

在課堂結束前，我將學生中的優秀作品展現給全班同學，然后由學生做思考練習來做出總結。

四、作業

制作一個動畫，實現一段歌詞向上滾動的字幕效果，利用遮罩原理完成。