Flash動畫制作----遮罩圖層

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

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

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

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

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

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

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

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

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

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

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

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

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