遮罩層動畫是Flash動畫的一個重要分支，是動畫創(chuàng)作中不可缺少的重要組成部分。很多運動效果如探照燈、放大鏡、萬花筒等，都需要遮罩層動畫來完成。在前幾次課中，學(xué)生已經(jīng)通過大量的實例學(xué)習(xí)了Flash動畫的元件、動作補間、形狀補間、逐幀動畫和引導(dǎo)線動畫，能夠動手繪制一些稍微復(fù)雜的場景和形狀，對于動畫的原理有了一定的認識，但知識的綜合運用尚顯不足。為了使學(xué)生更好地理解遮罩層動畫的原理，實現(xiàn)對各種動畫知識的融會貫通，根據(jù)學(xué)生原有知識結(jié)構(gòu)，我設(shè)計了這樣一堂課。

教學(xué)目標

知識與技能：學(xué)習(xí)遮罩層動畫創(chuàng)造方法，理解遮罩層動畫的原理；提高發(fā)現(xiàn)問題、分析問題和解決問題的能力。

過程與方法：學(xué)習(xí)遮罩層特點及創(chuàng)建方法；學(xué)習(xí)遮罩層運動、被遮罩層運動及二者同時運動的一般思路及操作步驟；探索可以作為遮罩層的對象。

情感、態(tài)度與價值觀：引導(dǎo)學(xué)生積極思考，巧妙運用技術(shù)手段實現(xiàn)個性化想法；增強學(xué)生協(xié)作意識；培養(yǎng)自我探究能力。

教學(xué)重點、難點

教學(xué)重點：遮罩層動畫原理及創(chuàng)作方法。

教學(xué)難點：遮罩層動畫的不同藝術(shù)效果。

教學(xué)過程

1.搭“腳手架”，確定問題

師：同學(xué)們，在以前的課中，我們學(xué)習(xí)了Flash動畫的兩種主要運動形式——動畫補間和形狀補間，理解了不同補間的原理和創(chuàng)作過程，但是有時候一些動畫效果如探照燈、放大鏡等又需要實現(xiàn)透過某個窗口看后面內(nèi)容的效果，那么這樣的動畫是怎么實現(xiàn)的呢？下面，請同學(xué)們欣賞一段動畫“電影鏡頭”，如圖1所示，同時請同學(xué)們分析以下問題。

（1）上方的遮罩區(qū)域是什么內(nèi)容？

（2）該動畫的根本是誰在做什么運動？

（3）遮罩層和被遮罩層是什么關(guān)系？

圖1

設(shè)計意圖：通過欣賞、分析“電影鏡頭”動畫，激發(fā)起學(xué)生學(xué)習(xí)遮罩層動畫的積極性。同時也根據(jù)學(xué)生原有的知識水平，確立了“最近發(fā)展區(qū)”和學(xué)習(xí)主題，圍繞問題搭建腳手架，將學(xué)生引入問題情境。

2.進入情境，思維擴展

師：通過剛才的例子我們可以看出，F(xiàn)lash動畫是由一對遮罩圖層實現(xiàn)遮罩效果的。這兩個圖層分別叫“遮罩層”和“被遮罩層”。其中，在遮罩層，位圖、漸變、填充、顏色、線條都被忽略。無論使用何種單色或漸變，填充區(qū)域都是透明的，其他區(qū)域都是完全不透明的。

教師邊講授邊操作演示。

生：等于在遮罩層上挖了一個相應(yīng)的洞。

師：是的。在剛才的遮罩層動畫中，可以定義遮罩層中電影鏡頭對象的變化如尺寸、位置、形狀等，最終顯示的遮罩層動畫效果也會隨著電影鏡頭的變化而變化。

學(xué)生恍然大悟。

師：因為遮罩動畫是由兩個圖層組成，接下來，我們來分別探討一下遮罩層運動和被遮罩層運動的情況。首先，我們來看一個遮罩層運動的例子，如圖2所示。

圖2

師：在這個例子中，通過遮罩層圓圈的移動實現(xiàn)了探照燈的效果，其實質(zhì)是在遮罩層中的圓圈內(nèi)做了動作補間動畫，而被遮罩層則是加了投影的文字。在設(shè)置好圖層順序后修改為遮罩層。下面請大家結(jié)合已學(xué)過的文字投影和動作補間試一下。

教師讓學(xué)生自主嘗試，并在巡視中指導(dǎo)，待學(xué)生將投影文字和動作補間完成后，及時給以指導(dǎo)。

設(shè)計意圖：將新知識的學(xué)習(xí)與原有知識框架相結(jié)合，通過分析將新例子與動作補間動畫、投影文字聯(lián)系起來，既培養(yǎng)了學(xué)生自主探究能力，又使學(xué)生盡快進入概念框架的某個節(jié)點，為后面“腳手架”的學(xué)習(xí)奠定了基礎(chǔ)。

師：在剛才的例子中，我們實現(xiàn)了遮罩層運動。那么反過來，我們再看一個被遮罩層運動的例子，如圖3所示。

圖3

師：這個例子通過被遮罩的移動實現(xiàn)了水波藝術(shù)字效果，通過原文件我們可以看出，這里的水波字實質(zhì)上是通過文字作為遮罩層、黑白色塊作為被遮罩層來實現(xiàn)的。通過黑白色塊的不斷移動，產(chǎn)生明暗的感覺，和最上層的前置文字重疊起來，好像在水波上飄動一樣。

生：文字也可以做遮罩嗎？

師：是的，不僅普通形狀，元件、文字都是可以做遮罩層的。大家可以在此基礎(chǔ)上隨心所欲地創(chuàng)作。

學(xué)生興奮起來，躍躍欲試。

設(shè)計意圖：在上一個例子基礎(chǔ)上進一步引申，使學(xué)生明確了步驟和方向，積極思考，沿概念框架逐步攀升。

3.獨立探索，協(xié)作學(xué)習(xí)

師：我看大家都有些“蠢蠢欲動”了，下面我們就進入實踐創(chuàng)作階段，請大家自主思考，完成下面的放大鏡動畫。如圖4所示，這是一個遮罩層和被遮罩層同時運動的動畫。要求：每3人為一小組共同協(xié)作完成，創(chuàng)作快的同學(xué)幫助一下稍慢的同學(xué)。前三份作品我們將面向全班交流匯報。

學(xué)生實踐操作。

教師巡視時發(fā)現(xiàn)各小組基本能順利完成放大鏡動畫，實現(xiàn)了遮罩層和被遮罩層同時運動，但個別小組在放大鏡手柄同步移動等外觀的美化方面稍顯不足。

圖4

教師分別請領(lǐng)先完成的前三個小組代表演示放大鏡的創(chuàng)作方法。

教師點評了三個小組的作品，肯定了其中的優(yōu)點，并在此基礎(chǔ)上探討外層放大鏡手柄隨遮罩層一起運動的方法。

設(shè)計意圖：通過“小組協(xié)作+任務(wù)驅(qū)動”的方式，引導(dǎo)學(xué)生積極思考，開展自我探索和協(xié)作學(xué)習(xí)，從而在一定的情境和框架中加深學(xué)生對概念的理解，幫助學(xué)生完成對知識的意義建構(gòu)。

教學(xué)反思

整堂課采用了支架式教學(xué)策略，在分析學(xué)生原有知識水平的基礎(chǔ)上確立了“最近發(fā)展區(qū)”， 圍繞問題搭建腳手架，將學(xué)生引入一定的問題情境，進而通過兩個典型實例引導(dǎo)學(xué)生思維擴展，幫助學(xué)生沿概念框架逐步攀升。最后，達到放手讓學(xué)生自我探索和協(xié)作學(xué)習(xí)，從而使學(xué)生能在概念框架中繼續(xù)攀升，完成對知識的意義建構(gòu)。

整個教學(xué)過程非常順暢，一氣呵成。學(xué)生的積極性很高，非常投入地創(chuàng)作自己的作品。整堂課不僅教會了學(xué)生遮罩層動畫，更為學(xué)生展現(xiàn)了一種積極思考、勇于探索的學(xué)習(xí)方式。

（作者單位：山東濱州學(xué)院計算機科學(xué)技術(shù)系）