動畫——紅星閃閃.doc

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