Flash動(dòng)畫(huà)制作----遮罩圖層

1、案例的名稱：Flash動(dòng)畫(huà)制作-遮罩圖層所用教材的出版社：教育科學(xué)出版社教材名稱：多媒體技術(shù)應(yīng)用章節(jié)：高一年級(jí)多媒體技術(shù)應(yīng)用選修模塊第四章第三節(jié)一、教材分析及教學(xué)調(diào)整：FLASH動(dòng)畫(huà)是目前互聯(lián)網(wǎng)中應(yīng)用最為廣泛的動(dòng)畫(huà)，動(dòng)畫(huà)中的每個(gè)場(chǎng)景都是由許多圖層組成的，而遮罩效果則是圖層中的重要功能，靈活運(yùn)用遮罩層可獲得許多特殊的顯示效果，使得FLASH動(dòng)畫(huà)變得更加形象逼真。但是教材對(duì)它的講解十分簡(jiǎn)單，且重點(diǎn)一點(diǎn)也不突出，若單純?yōu)樽寣W(xué)生掌握書(shū)本上的知識(shí)而給學(xué)生演示一下，那學(xué)生只會(huì)照本宣科，不能活學(xué)活用。因此，教學(xué)這部分內(nèi)容的關(guān)鍵是使學(xué)生在學(xué)會(huì)使用遮罩層之后，能總結(jié)出一定的規(guī)律，進(jìn)一步探究創(chuàng)新。根據(jù)新課程教學(xué)的

2、要求，我調(diào)整了教材的教學(xué)順序，把遮罩層單獨(dú)列出來(lái)講解，目的是讓學(xué)生感受到遮罩層功能的強(qiáng)大，并能設(shè)計(jì)出一些效果較好的作品。在時(shí)間安排上，短短一節(jié)課的講解是不夠的，還需要學(xué)生在課后進(jìn)行反復(fù)的練習(xí)及動(dòng)手實(shí)踐。二、教學(xué)目標(biāo)：知識(shí)與技能：通過(guò)對(duì)遮罩圖層的學(xué)習(xí)，讓學(xué)生掌握遮罩圖層建立的基本方法和常用的操作技巧，進(jìn)一步深化對(duì)FLASH運(yùn)用軟件的認(rèn)識(shí)，拓展學(xué)生的知識(shí)和能力。過(guò)程與方法：學(xué)生通過(guò)制作探照燈動(dòng)畫(huà)、水中倒影動(dòng)畫(huà)等過(guò)程的學(xué)習(xí)，從而能更好的掌握和理解遮罩圖層的含義。運(yùn)用所學(xué)知識(shí)解決實(shí)際問(wèn)題。情感態(tài)度、價(jià)值觀：利用上機(jī)分組實(shí)踐操作及作品評(píng)價(jià)，充分激活學(xué)生探究思維和創(chuàng)新思維。培養(yǎng)學(xué)生探究精神，激勵(lì)學(xué)生去學(xué)習(xí)

3、，同時(shí)培養(yǎng)學(xué)生的協(xié)作精神。三、教學(xué)重點(diǎn)、難點(diǎn)：重點(diǎn)：了解遮罩圖層含義及遮罩的制作過(guò)程，掌握遮罩的制作方法。難點(diǎn)：理解遮罩與被遮罩的關(guān)系，靈活利用遮罩圖層創(chuàng)作特殊的顯示效果。四、教學(xué)對(duì)象分析： 教學(xué)對(duì)象為高一年級(jí)學(xué)生，針對(duì)高中信息技術(shù)課的特點(diǎn)，課時(shí)少、周期長(zhǎng)、學(xué)生易忘、操作性強(qiáng)的特點(diǎn)，在教學(xué)中盡量激發(fā)學(xué)生的發(fā)散思維，讓學(xué)生在渴望中積極探究，自主的學(xué)習(xí)，并通過(guò)分析源文件，從中真正理解遮罩動(dòng)畫(huà)的制作過(guò)程。另外高中生自我表現(xiàn)力強(qiáng)，盡量給學(xué)生多練，多展示的機(jī)會(huì)。故本堂課是以“學(xué)生為主”，主動(dòng)學(xué)，主動(dòng)練為原則，達(dá)到讓學(xué)生真正手動(dòng)、腦動(dòng)這一目的。同時(shí)根據(jù)學(xué)生現(xiàn)有的能力和興趣，設(shè)計(jì)出有一定趣味、略有難度的教學(xué)

4、演示任務(wù)，吸引他們主動(dòng)去思考和探索。在本堂課之前學(xué)生已經(jīng)熟悉層的概念，掌握層的運(yùn)用，同時(shí)也掌握了Flash逐幀動(dòng)畫(huà)、移動(dòng)漸變動(dòng)畫(huà)、形狀漸變動(dòng)畫(huà)的一般制作過(guò)程，對(duì)FLASH動(dòng)畫(huà)制作產(chǎn)生了一定的興趣。五、教學(xué)準(zhǔn)備：自制的遮罩演示教具、多媒體網(wǎng)絡(luò)機(jī)房、圖片素材、教學(xué)課件（網(wǎng)頁(yè)形式）、極域多媒體網(wǎng)絡(luò)教學(xué)系統(tǒng)六、教學(xué)方法及策略：采用案例、情境、啟發(fā)式教學(xué)；采取由淺入深、循序漸進(jìn)的教學(xué)策略；針對(duì)不同起點(diǎn)的學(xué)生，給出不同的要求，分層教學(xué)。七、教學(xué)過(guò)程：教師活動(dòng)學(xué)生活動(dòng)對(duì)應(yīng)目標(biāo)情境導(dǎo)入，引發(fā)學(xué)生學(xué)習(xí)興趣：演示個(gè)已做好的FLASH靜態(tài)遮罩效果圖和個(gè)已做好的FLASH動(dòng)態(tài)遮罩效果圖，配有音樂(lè)、圖片、動(dòng)畫(huà)，形象、生

5、動(dòng)、直觀的展示給學(xué)生，使學(xué)生感受到6張效果圖的共同處，由此產(chǎn)生出一種“罩”的感覺(jué)。再利用自制的教具，用挖空的白紙及圖片與學(xué)生進(jìn)行現(xiàn)場(chǎng)模擬遮罩效果，邊講解邊模擬，引出了遮罩的概念，初步了解遮罩與被遮罩關(guān)系用物理方法實(shí)現(xiàn)遮罩比較容易理解，也好實(shí)現(xiàn)，那么在計(jì)算機(jī)中FLASH又是如何實(shí)現(xiàn)的？那就讓我們共同來(lái)探究FLASH遮罩層的運(yùn)用。探究一、靜態(tài)遮罩動(dòng)畫(huà)制作（兩個(gè)圖層）基礎(chǔ)篇教師演示范例1“靜態(tài)文字探照燈”的制作過(guò)程，并介紹“遮罩層”與“被遮層”的概念，引入“遮罩”的原理，留意層的順序遮罩層是圖層的一種，其主要功能是遮住下面圖層的某一部分不讓顯示出來(lái)。演示過(guò)程：先用一個(gè)圖片層和文字層做一個(gè)靜態(tài)遮罩效果

6、（圖片層為風(fēng)景畫(huà)，文字為紅色），讓學(xué)生觀察遮罩層與被遮罩層的不同，得出結(jié)論，然后再把被遮罩層與遮罩層交換位置（即被遮罩層變成遮罩層，遮罩層變成被遮罩層），同時(shí)說(shuō)明遮罩層與被遮罩層的設(shè)置及取消方法。結(jié)論：遮罩層顯示的是遮罩層與被遮罩層相重疊的部分，不重疊的部分不會(huì)顯示出來(lái)。顯示出來(lái)的顏色是被遮罩層的顏色，與遮罩層的顏色無(wú)關(guān)，遮罩效果生成后遮罩效果區(qū)以外的內(nèi)容為場(chǎng)景背景色或與被遮罩層相鄰的下一層普通層的內(nèi)容。探究二、動(dòng)態(tài)遮罩動(dòng)畫(huà)制作（兩個(gè)圖層）基礎(chǔ)篇教師演示范例2“動(dòng)態(tài)文字探照燈”的制作過(guò)程，同時(shí)結(jié)合教具模擬過(guò)程。演示過(guò)程：結(jié)合剛才的演示范例1，在原有的基礎(chǔ)上將動(dòng)畫(huà)時(shí)間延長(zhǎng)，利用移動(dòng)漸變動(dòng)畫(huà)，將圖

7、層中的文字從左往右移動(dòng)。思考：1、采用遮罩層靜止、被遮罩層運(yùn)動(dòng)的方法制作遮罩效果； 2、采用遮罩層運(yùn)動(dòng)、被遮罩層靜止的方法制作遮罩效果； 3、采用遮罩層運(yùn)動(dòng)、被遮罩層也運(yùn)動(dòng)的方法制作遮罩效果； 并分析它們的技術(shù)效果差異。選出兩組學(xué)生作品進(jìn)行展示，由組長(zhǎng)簡(jiǎn)要說(shuō)明其創(chuàng)意和創(chuàng)作方法，并給予肯定和鼓勵(lì)，給學(xué)生以成就感，同時(shí)對(duì)作品中某些不足的地方給予可行性的建議并激勵(lì)學(xué)生不斷學(xué)習(xí)的求知欲望?？刹豢梢宰龀龈湃说钠渌鼊?dòng)態(tài)效果呢？探究三：較為復(fù)雜的遮罩效果（多圖層）提升篇演示個(gè)已做好的FLASH遮罩效果圖（放大鏡、滾動(dòng)字幕、水中倒影），同學(xué)們想不想學(xué)，進(jìn)一步激發(fā)學(xué)生的興趣。教師演示范例3“水中倒影”的制作過(guò)

8、程。要求學(xué)生掌握操作步驟同時(shí)，多思考，多問(wèn)幾個(gè)為什么？做一些筆記。演示過(guò)程：一、新建場(chǎng)景默認(rèn)場(chǎng)景大小550×400像素，背景色自定。二、 導(dǎo)入人物風(fēng)景圖片將圖片導(dǎo)入到庫(kù)，然后從庫(kù)中拖出，利用任意變形工具調(diào)整圖片大小為550×200，靠上對(duì)齊，并將該圖層命名為人物風(fēng)景三、 復(fù)制人物風(fēng)景圖層第一幀內(nèi)容添加圖層，將該圖層命名為倒影人物風(fēng)景1，在第一幀處粘貼剛復(fù)制的內(nèi)容，并將其垂直翻轉(zhuǎn)，成倒影狀，靠下對(duì)齊。四、 復(fù)制倒影人物風(fēng)景第一幀內(nèi)容添加圖層，將該圖層命名為倒影人物風(fēng)景2，在第一幀處粘貼剛復(fù)制的內(nèi)容，并向下移動(dòng)一點(diǎn)，并轉(zhuǎn)換為圖形元件，透明度設(shè)80。五、 添加圖層4，命名為遮罩層

9、用無(wú)邊框矩形工具繪制橫的長(zhǎng)條，并復(fù)制若干，排列在場(chǎng)景中。選中所有橫條，轉(zhuǎn)換為圖形原件。六、 在圖層四即遮罩層的第40幀插入關(guān)鍵幀并將橫調(diào)向下移動(dòng)到下半場(chǎng)景，回到第一幀創(chuàng)建運(yùn)動(dòng)漸變。在圖層四點(diǎn)擊鼠標(biāo)右鍵選擇遮罩。七、 添加圖層5，命名為矩形：用無(wú)邊框矩形工具繪制淺藍(lán)色矩形，調(diào)整大小覆蓋場(chǎng)景下邊部分，并轉(zhuǎn)換為圖形元件，設(shè)透明度為20八、 測(cè)試影片，保存，再演示過(guò)程中，教師要說(shuō)明每一步的意圖，讓學(xué)生從感性上先理解每一步的用途。提升篇的內(nèi)容不但加強(qiáng)了遮罩圖層的應(yīng)用，還結(jié)合前期所掌握的動(dòng)畫(huà)制作方法，綜合性完成一個(gè)作品，難度和跨度稍微大了一些，但更能突出遮罩炫人的一面，吸引住學(xué)生。選出兩組學(xué)生作品進(jìn)行展示

10、，教師加以點(diǎn)評(píng)，并給予肯定和鼓勵(lì)，給學(xué)生以成就感，同時(shí)對(duì)作品中某些不足的地方給予可行性的建議并激勵(lì)學(xué)生不斷學(xué)習(xí)的求知欲望。 總結(jié)：本節(jié)課的內(nèi)容是講解如何利用Flash中的遮罩來(lái)制作動(dòng)畫(huà)。通過(guò)這節(jié)課的學(xué)習(xí)，同學(xué)要掌握以下的幾個(gè)概念：1、要產(chǎn)生遮罩，至少要有兩層：遮罩層和被遮罩層。2、遮罩層決定看到的形狀，被遮罩層決定看到的內(nèi)容。即用遮罩層的可顯示區(qū)域來(lái)顯示被遮罩層的內(nèi)容。3、遮罩效果生成后遮罩效果區(qū)以外的內(nèi)容為場(chǎng)景背景色或與被遮罩層相鄰的下一層普通層的內(nèi)容。課后作業(yè)：繼續(xù)完善本節(jié)課制作的動(dòng)畫(huà)，盡可能使動(dòng)畫(huà)形象、逼真。如果在動(dòng)畫(huà)中增加一些音樂(lè)，效果是不是更好一些？觀察、討論找出共同點(diǎn)觀察教師手中的

11、模具演示設(shè)想其制作過(guò)程根據(jù)教師的講解步驟制作完成一個(gè)探照燈的例子。學(xué)生分組（2人一組）完成有點(diǎn)難度的動(dòng)畫(huà)、并思考。（5-10分鐘）針對(duì)不同起點(diǎn)的學(xué)生，結(jié)合學(xué)習(xí)網(wǎng)站，給出不同的提示：  起點(diǎn)1:不難呀,我自己做,無(wú)需幫助    起點(diǎn)2:我需要一些圖片就可以了圖片素材下載(鼠標(biāo)右擊目標(biāo)另存為)起點(diǎn)3:幫我起個(gè)頭吧   文字遮罩第一步源代碼下載   起點(diǎn)4:我真的不會(huì),能否給我所有步驟   文字遮罩源代碼下載學(xué)生將自己認(rèn)為有特色的作品上傳。學(xué)生（2人一組）完成一

12、個(gè)較為復(fù)雜的動(dòng)畫(huà)。（15-20分鐘）針對(duì)不同起點(diǎn)的學(xué)生，結(jié)合學(xué)習(xí)網(wǎng)站，給出不同的提示：  起點(diǎn)1:不難呀,我自己做,無(wú)需幫助    起點(diǎn)2:我需要一些圖片就可以了圖片素材下載(鼠標(biāo)右擊目標(biāo)另存為)起點(diǎn)3:幫我起個(gè)頭吧   倒影遮罩第一步源代碼下載   起點(diǎn)4:我真的不會(huì),能否給我所有步驟   倒影遮罩源代碼下載 起點(diǎn)5：我需要?jiǎng)赢?huà)的詳細(xì)步驟動(dòng)畫(huà)的詳細(xì)步驟下載學(xué)生在制作過(guò)程中教師要加以引導(dǎo)，幫助學(xué)生理清思路，理清遮罩與被遮罩的關(guān)系，同時(shí)幫助學(xué)生復(fù)習(xí)已掌握的動(dòng)

13、畫(huà)制作方法。學(xué)生將自己認(rèn)為有特色的作品上傳。學(xué)生有了親身經(jīng)歷，這樣對(duì)抽象的遮罩概念就有了具體的認(rèn)識(shí)，方便于難點(diǎn)的突破知識(shí)點(diǎn)由淺到深，由靜態(tài)到動(dòng)態(tài)，教師邊講解邊操作，讓學(xué)生觀察效果，掌握遮罩制作方法，再加上學(xué)生的親身體驗(yàn)，難點(diǎn)容易突破。學(xué)生動(dòng)手練習(xí)時(shí)給出的提示信息，有助于不同起點(diǎn)的學(xué)生自主學(xué)習(xí)。炫人的動(dòng)態(tài)效果符合學(xué)生的認(rèn)知需求，也符合學(xué)生的發(fā)散性思維，通過(guò)“水中倒影”的學(xué)習(xí)加深學(xué)生對(duì)遮罩的了解，同時(shí)又復(fù)習(xí)已知的知識(shí)，前后內(nèi)容進(jìn)行了整合，這樣可以引導(dǎo)并鼓勵(lì)學(xué)生進(jìn)行研究性學(xué)習(xí)。給出提示信息，關(guān)注個(gè)體差異，有利于學(xué)生自主學(xué)習(xí)總結(jié)再于加深印象，關(guān)鍵在于理解與靈活運(yùn)用。形式一完整作品，培養(yǎng)成就感。八、教后記：這節(jié)課通過(guò)演示不同的Flash實(shí)例，激發(fā)學(xué)生的學(xué)習(xí)熱情，學(xué)生通過(guò)親自動(dòng)手制作這些Flash實(shí)例