基于支架式教學(xué)策略的《遮罩層動(dòng)畫(huà)》教學(xué)案例

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

教學(xué)目標(biāo)

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

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

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

教學(xué)重點(diǎn)、難點(diǎn)

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

教學(xué)難點(diǎn)：遮罩層動(dòng)畫(huà)的不同藝術(shù)效果。

教學(xué)過(guò)程

1.搭“腳手架”，確定問(wèn)題

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

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

（2）該動(dòng)畫(huà)的根本是誰(shuí)在做什么運(yùn)動(dòng)？

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

圖1

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

2.進(jìn)入情境，思維擴(kuò)展

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

教師邊講授邊操作演示。

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

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

學(xué)生恍然大悟。

師：因?yàn)檎谡謩?dòng)畫(huà)是由兩個(gè)圖層組成，接下來(lái)，我們來(lái)分別探討一下遮罩層運(yùn)動(dòng)和被遮罩層運(yùn)動(dòng)的情況。首先，我們來(lái)看一個(gè)遮罩層運(yùn)動(dòng)的例子，如圖2所示。

圖2

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

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

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

師：在剛才的例子中，我們實(shí)現(xiàn)了遮罩層運(yùn)動(dòng)。那么反過(guò)來(lái)，我們?cè)倏匆粋€(gè)被遮罩層運(yùn)動(dòng)的例子，如圖3所示。

圖3

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

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

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

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

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

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

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

學(xué)生實(shí)踐操作。

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

圖4

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

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

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

教學(xué)反思

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

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

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