遮罩動(dòng)畫(huà)紅星閃閃一、教學(xué)內(nèi)容分析在日常生活中我們經(jīng)常會(huì)看到很多眩目神奇的效果，如水波、萬(wàn)花筒、百頁(yè)窗、放大鏡、望遠(yuǎn)鏡等等，而這些效果就是用最簡(jiǎn)單的“遮罩”完成的。Flash中的遮罩和遮罩層是緊密聯(lián)系在一起的，在遮罩層中的任何填充區(qū)域都是完全透明的，而任何非填充區(qū)域都不是透明的。在本課Flash教學(xué)中，除了給學(xué)生簡(jiǎn)單介紹“遮罩”的基本知識(shí)外，還結(jié)合實(shí)際經(jīng)驗(yàn)介紹一些“遮罩”的應(yīng)用技巧。最后，讓學(xué)生用補(bǔ)間動(dòng)畫(huà)的方法進(jìn)行實(shí)例操作，達(dá)到加深對(duì)“遮罩”原理的理解。二、學(xué)生情況分析本節(jié)課教學(xué)對(duì)象是六年級(jí)學(xué)生，他們已經(jīng)初步掌握了Flash的基本知識(shí)，能夠制作簡(jiǎn)單的補(bǔ)間動(dòng)畫(huà)以及引導(dǎo)層動(dòng)畫(huà)。并在前幾課他們已經(jīng)了解了有關(guān)“遮罩”動(dòng)畫(huà)的相關(guān)概念。本課主要是綜合運(yùn)用工具箱中的各種工具，利用補(bǔ)間動(dòng)畫(huà)制作“遮罩”動(dòng)畫(huà)。三、教學(xué)方法本課以引導(dǎo)啟發(fā)、探究學(xué)習(xí)為主，以觀察比較、分析結(jié)構(gòu)、討論合作的方法，讓學(xué)生在掌握知識(shí)、主動(dòng)探究、提高能力的同時(shí)驅(qū)動(dòng)完成任務(wù)。四、教學(xué)準(zhǔn)備百葉窗、放大鏡、萬(wàn)花筒等靜態(tài)圖片。百葉窗、放大鏡、萬(wàn)花筒等遮罩動(dòng)畫(huà)演示課件。五、教學(xué)目標(biāo)1、靈活運(yùn)用工具箱中的各種工具。2、學(xué)習(xí)使用橡皮工具中的“水籠頭”工具和擦除線條。3、遮罩動(dòng)畫(huà)的制作。六、教學(xué)重難點(diǎn)重點(diǎn)：將線條轉(zhuǎn)化為填充，制作遮罩動(dòng)畫(huà)。難點(diǎn)：使用變形面板，任意變形工具中“中心點(diǎn)”的應(yīng)用。七、教學(xué)過(guò)程階段教 師 活 動(dòng)學(xué)生活動(dòng)設(shè)置意圖創(chuàng)設(shè)情境1、圖片欣賞：教師出示百葉窗、放大鏡、萬(wàn)花筒等靜態(tài)圖片，請(qǐng)同學(xué)們欣賞。2、動(dòng)畫(huà)欣賞：教師出示百葉窗、放大鏡、萬(wàn)花筒等遮罩動(dòng)畫(huà)演示課件，請(qǐng)同學(xué)們欣賞。3、總結(jié)：通過(guò)觀察、比較，讓學(xué)生產(chǎn)生好奇，從而激發(fā)學(xué)生求知欲望，引入課題。討論：分別請(qǐng)同學(xué)們說(shuō)一說(shuō)兩種效果的視覺(jué)感覺(jué)有什么異同。如：靜態(tài)圖片就是按照一定規(guī)則在平面上組合成圖案的，而僅僅是對(duì)人的視覺(jué)形成幻覺(jué)空間。動(dòng)態(tài)圖片可以使整個(gè)畫(huà)面生動(dòng)、活潑，表現(xiàn)力強(qiáng)，增加動(dòng)感。通過(guò)觀察、比較，讓學(xué)生產(chǎn)生好奇，從而激發(fā)學(xué)生求知欲。新授新授新授新授新授新授1、出示成品動(dòng)畫(huà)閃閃紅星請(qǐng)同學(xué)們欣賞。2、創(chuàng)建影片文檔 （1）、設(shè)置影片文檔屬性執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項(xiàng)后，點(diǎn)擊【確定】按鈕，新建一個(gè)影片文檔，在【屬性】面板上設(shè)置文件大小為400*400象素，【背景色】為黑色。（在教程中，我們?yōu)榱烁玫娘@示場(chǎng)景中的內(nèi)容，背景色設(shè)為了深藍(lán)色），如圖（一）所示。圖（一） 文檔【屬性】面板3、創(chuàng)建元件 （1）、 創(chuàng)建“閃光線條”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“閃光線條”。選擇工具欄上的直線工具，在場(chǎng)景中畫(huà)一直線，在【屬性】面板上作如圖（二）設(shè)置。圖（二） 閃光線條的【屬性】面板參數(shù)設(shè)置 （2）、 創(chuàng)建“閃光線條組合”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“閃光線條組合”，如圖（三）所示。圖（三）創(chuàng)建閃光線條元件從庫(kù)中將名為“閃光線條”的元件拖入新元件編輯窗口的場(chǎng)景中，在X軸上的位置為-200，Y軸為20。然后單擊工具欄上的任意變形工具，此時(shí)元件的中心會(huì)出現(xiàn)一個(gè)小白點(diǎn)，它就是對(duì)象的“中心點(diǎn)”，用鼠標(biāo)左鍵按住它，拖到場(chǎng)景的中心處松手。圖（四）中的“1”顯示的是中心點(diǎn)在元件的中心時(shí)的情形，“2”顯示的是中心點(diǎn)已拖到場(chǎng)景中心時(shí)的情形。圖（四）移動(dòng)中心點(diǎn)到場(chǎng)景的中心然后執(zhí)行【窗口】|【設(shè)計(jì)面板】|【變形】命令，打開(kāi)變形面板，選中【旋轉(zhuǎn)】，角度為15度，連續(xù)按下【復(fù)制并應(yīng)用變形】按鈕，在場(chǎng)景中復(fù)制出的效果如圖（五）所示。圖（五）變形面板及復(fù)制好的元件在時(shí)間軸的關(guān)鍵幀上點(diǎn)一下，選中全部圖形，執(zhí)行【修改】|【分散】命令，把線條打散，再執(zhí)行【修改】|【形狀】|【將線條轉(zhuǎn)化為填充】命令，將線條轉(zhuǎn)變?yōu)樾螤?。?）、創(chuàng)建“閃光”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱(chēng)為“閃光”，如圖（六）所示。圖（六） 創(chuàng)建“閃光”元件單擊【確定】后進(jìn)行“新元件編輯窗口”，接著把庫(kù)里名為“閃光線條組合”的元件拖到場(chǎng)景中，對(duì)齊中心點(diǎn)，復(fù)制此元件，在第30幀處加關(guān)鍵幀，再回到第1幀中建立補(bǔ)間動(dòng)作動(dòng)畫(huà)，【屬性】面板上設(shè)置順時(shí)針旋轉(zhuǎn)一周。然后新建一層，在第1幀中執(zhí)行【編輯】|【粘貼到當(dāng)前位置】命令，使二層中的“閃光線條組合”完全重合，再執(zhí)行【修改】|【變形】|【水平翻轉(zhuǎn)】命令，讓復(fù)制過(guò)來(lái)的線條和第一層的線條方向相反，在場(chǎng)景中形成交叉的圖形。在第30幀處建立關(guān)鍵幀，在第1幀中建立動(dòng)作補(bǔ)間動(dòng)畫(huà)，【屬性】面板上設(shè)置逆時(shí)針旋轉(zhuǎn)一周，最后將此層設(shè)為遮罩層，如圖（七）所示。圖中顯示的是“閃光”元件的時(shí)間軸面板和各圖層中的動(dòng)畫(huà)設(shè)置。圖（七）“閃光”元件編輯界面（4）、 創(chuàng)建“紅星”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“紅星”。我們要在這個(gè)元件中畫(huà)一個(gè)漂亮的紅星，為了畫(huà)好紅星，我們分九步來(lái)敘述具體的畫(huà)法，圖（八）中的“1-9”的數(shù)字表示這九個(gè)步驟。圖（八）紅星的九步畫(huà)法第一步，按住shift鍵，從場(chǎng)景中心向上畫(huà)一根黃色的線條，如圖（八）中的“1”所示。第二步，選擇工具箱中的任意變形工具,在畫(huà)好的線條上點(diǎn)一下，這里，線條的中心出現(xiàn)一個(gè)白色的小園點(diǎn)，我們叫它“中心點(diǎn)”。如圖（八）中的“2”所示。第三步，鼠標(biāo)左鍵按住這個(gè)小白點(diǎn)，拖到線條的最下端，這是因?yàn)槲覀円尵€條要以下端為中心旋轉(zhuǎn)復(fù)制。如圖（八）中“3”所示。第四步，執(zhí)行【窗口】|【設(shè)計(jì)面板】|【變形】，打開(kāi)變形面板，各參數(shù)設(shè)置如圖（九）。按下【復(fù)制并應(yīng)用變形】按鈕四次，就會(huì)在場(chǎng)景中每隔72度復(fù)制出一根線條，五個(gè)線條的頂端構(gòu)成五角星的五個(gè)頂點(diǎn)。如圖（八）中的“4”所示。圖（九）變形面板第五步，用綠色線條分別連接五根線條的頂端，五角星的模樣已經(jīng)出來(lái)了，如圖（八）中“5”所示。第六步，用白色線條分別連接五角星中心和上一步連線的中點(diǎn)，如圖（八）中“6”所示。第七步，選擇工具欄上的橡皮工具 ，在工具欄下面的選項(xiàng)中選擇“水籠頭”工具，在多余的線段上點(diǎn)一下，去除線段，修整好的五角星如圖（八）中的“7”所示。第八步，用油漆筒工具給五角星上色，每個(gè)角的左右顏色可略有區(qū)別，增加立體感，如圖（八）中的“8”所示。第九步：再選擇橡皮工具，點(diǎn)開(kāi)旁邊的小三角，在“擦除線條”前打勾，如圖（十）所示。圖（十） 擦除線條用橡皮工具擦去紅星上的線條，一顆漂亮的紅星就做成了，如圖（八）中“9”所示。技巧：在Flash中，還可以用更簡(jiǎn)單的方法畫(huà)紅星，選擇工具欄上的多角星形工具，如圖（十一）。圖（十一） 多角星形工具圖（十二） 多角星形工具選項(xiàng)設(shè)置面板4、創(chuàng)建動(dòng)畫(huà) 回到主場(chǎng)景中，把“閃光”元件拖入第二層，新建二層，第三層中拖入“紅星”元件，在場(chǎng)景的下方寫(xiě)下白色的“紅星閃閃”的文字，完成后的時(shí)間幀面板及場(chǎng)景如圖（十三）所示。圖（十三） 時(shí)間軸及場(chǎng)景按Ctrl+Enter組合鍵，測(cè)試動(dòng)畫(huà)。此時(shí)，你欣賞著自己親手做的“閃閃紅星”動(dòng)畫(huà)，心中再回想一下“遮罩”在動(dòng)畫(huà)中的作用，是否已經(jīng)感受到“遮罩”這一功能的神奇？請(qǐng)同學(xué)們分析結(jié)構(gòu)：這個(gè)動(dòng)畫(huà)分為哪幾部分？（背景、閃光、文字、五角星）靜態(tài)的是哪幾部分？（背景、文字、五角星）動(dòng)態(tài)的是哪部分？（閃光）也是我們這節(jié)課學(xué)習(xí)的重點(diǎn)。看演示、學(xué)方法。同時(shí)培養(yǎng)學(xué)生觀察力。線條屬性可以讓學(xué)生自由設(shè)置，體現(xiàn)學(xué)生自主。讓學(xué)生自己學(xué)做閃光線條組合。提示學(xué)生“中心點(diǎn)”的位置安排，不同位置，效果不同。靈活運(yùn)用【設(shè)計(jì)面板】，培養(yǎng)自信，激發(fā)學(xué)習(xí)興趣。演示幾種元件：理解各元件意義。熟練運(yùn)用菜單命令，增強(qiáng)自信心。強(qiáng)調(diào)【粘貼到當(dāng)前位置】命令。學(xué)生自主探究紅星的制作方法。提示“中心點(diǎn)”的位置，運(yùn)用放大工具。通過(guò)大膽嘗試，培養(yǎng)學(xué)生解決問(wèn)題，分析問(wèn)題的能力。練習(xí)【混色器】，學(xué)生自主運(yùn)用。自主探究“水龍頭”，以及其他方法。讓學(xué)生之間討論其他方法?！緦傩浴吭O(shè)置不同，產(chǎn)生的效果不同。激發(fā)欲望。學(xué)生自由組合，演示效果。同學(xué)之間相互欣賞、評(píng)價(jià)。體驗(yàn)成功。激發(fā)想完成任務(wù)的愿望。直觀引導(dǎo)學(xué)生明確學(xué)習(xí)任務(wù)。自主探究、嘗試。為學(xué)生提供展示平臺(tái)。讓學(xué)生大膽嘗試各種效果。自主探究。為學(xué)生提供練習(xí)平臺(tái)。多上機(jī)操作。比較、模仿。體現(xiàn)學(xué)生自主探究。激發(fā)興趣。學(xué)生之間可以相互討論。通過(guò)實(shí)際問(wèn)題培養(yǎng)學(xué)生學(xué)習(xí)興趣。通過(guò)實(shí)際操作解決問(wèn)題。比較不同效果。學(xué)生討論交流制作體會(huì)。通過(guò)相互觀察、比較、評(píng)價(jià)進(jìn)一步培養(yǎng)求知欲。八、教學(xué)反思1、本課教學(xué)通過(guò)學(xué)生在操作實(shí)踐中主動(dòng)參與、主動(dòng)實(shí)踐，體現(xiàn)教學(xué)過(guò)程以人為本的教學(xué)思想。教學(xué)的效果體現(xiàn)在學(xué)生完成任務(wù)上，同事也體現(xiàn)了教師是組織者、引導(dǎo)者，學(xué)生是學(xué)習(xí)的主體。在教學(xué)過(guò)程中，讓學(xué)生在操作實(shí)踐中學(xué)習(xí)、領(lǐng)悟，從而體驗(yàn)探究過(guò)程，完成任務(wù)。2、課堂教學(xué)不應(yīng)拘泥