《形狀補(bǔ)間動(dòng)畫》參考教案

第3課形狀補(bǔ)間動(dòng)畫課題第1課時(shí)課時(shí)初二（*）班授課班級(jí)學(xué)會(huì)制作圖形變形和文字變形動(dòng)畫。知識(shí)目標(biāo)學(xué)會(huì)制作簡(jiǎn)單的形狀補(bǔ)間動(dòng)畫。智能目標(biāo)鼓勵(lì)學(xué)生進(jìn)一步學(xué)習(xí)動(dòng)畫的制作，由淺入深、由表及里掌握動(dòng)畫制作的方法，提高其制作動(dòng)畫和欣賞動(dòng)畫的水平；培養(yǎng)學(xué)生的自主探索、協(xié)作研究的精神。感情德育圖形變形和文字變形的區(qū)別。難點(diǎn)重點(diǎn)教材，電腦。教學(xué)用品播放一段Flash動(dòng)畫，導(dǎo)入新課。導(dǎo)入新課教學(xué)過(guò)程除了動(dòng)作補(bǔ)間動(dòng)畫以外，還可以用Flash制作形狀補(bǔ)間動(dòng)畫，讓圖形、文字等對(duì)象自動(dòng)變形。一、圖形變形在兩個(gè)關(guān)鍵幀里安排不同形狀的圖形，然后設(shè)置補(bǔ)間類型為“形狀”，就可以生成形狀補(bǔ)間動(dòng)畫，實(shí)現(xiàn)圖形之間的變形。制作動(dòng)畫，讓一個(gè)圓變成矩形，然后再變成三角形。第1步：?jiǎn)?dòng)Flash，選定“橢圓”工具，用適當(dāng)?shù)念伾谖枧_(tái)中畫一個(gè)圓。第2步：?jiǎn)螕簟皶r(shí)間軸”面板中的第10幀，執(zhí)行“插入→空白關(guān)鍵幀”命令（或者敲F7鍵）插入空白關(guān)鍵幀。第3步：選定“矩形”工具，在舞臺(tái)中畫一個(gè)矩形。第4步：?jiǎn)螕簟皶r(shí)間軸”面板的第1幀，在“屬性”面板中單擊補(bǔ)間框，打開(kāi)下拉列表，在單擊其中的“形狀”選項(xiàng)，把補(bǔ)間類型設(shè)為“形狀”。第5步：仿照第2步第4幀操作，在“時(shí)間軸”面板的第20幀插入空白關(guān)鍵幀，畫一個(gè)三角形，在把補(bǔ)間類型設(shè)為“形狀”。第6步：保存文件為“圖形變形.fla”。第7步：敲回車鍵，播放動(dòng)畫，觀看效果。文字變形第1步：?jiǎn)螕艄ぞ邫谥械陌粹o，新建一個(gè)文件。第2步：執(zhí)行“修改→文檔”命令，彈出“文檔屬性”對(duì)話框后，在尺寸框中把寬度和高度的值均設(shè)為100px（像素），改變舞臺(tái)的大小。第3步：?jiǎn)螕簟氨尘吧庇覀?cè)的按鈕，在彈出的顏色列表中單擊“淺藍(lán)色”色標(biāo)作為舞臺(tái)的背景色，然后單擊“確定”按鈕。第4步：選定工具箱中的工具，然后在舞臺(tái)中單擊，出現(xiàn)文本輸入框時(shí)，輸入字母A。第5步：選定工具，單擊輸入的字母A，選定它，在“屬性”面板中把字體設(shè)為TimesNewRoman，字號(hào)設(shè)為96，顏色設(shè)為黃色。然后單擊按鈕和按鈕，把字母A設(shè)為粗斜體。第6步：拖動(dòng)字母A,使它位于舞臺(tái)的中間。第7步：?jiǎn)螕簟皶r(shí)間軸”面板的第10幀，敲F7鍵插入空白關(guān)鍵幀，然后輸入字母B。第8步：?jiǎn)螕簟皶r(shí)間軸”面板的第20幀，仿照第7步的操作，插入空白關(guān)鍵幀，輸入字母C。第9步：?jiǎn)螕簟皶r(shí)間軸”面板的第1幀，執(zhí)行“修改→分離”命令（或敲Crtl+B鍵），把字母A分離成圖形。在單擊第10幀，敲Ctrl+B鍵，把字母B分離成圖形。用同樣的操作，將第20幀中的字母C分離成圖形。第10步：?jiǎn)螕簟皶r(shí)間軸”面板的第1幀，在“屬性”面板中把補(bǔ)間類型設(shè)為“形狀”。再單擊第10幀，在“屬性”面板中把補(bǔ)間類型設(shè)為“形狀”。第11步：保存文件為“字符變形.fla”。第12步：執(zhí)行“控制→播放”命令，觀察動(dòng)畫效果。利用“修改→分離”命令，可以將字符、實(shí)例、圖形等打散，從而進(jìn)行動(dòng)畫變形。如果是一組文字，則一般需要打散2次。實(shí)例被分離后失去了實(shí)例的所有屬性，不能稱為實(shí)例。板書設(shè)計(jì)第3課形狀補(bǔ)間動(dòng)畫一、圖形變形二、文字變形教學(xué)反思在這節(jié)課的任務(wù)驅(qū)動(dòng)下，通過(guò)創(chuàng)設(shè)情境激發(fā)學(xué)生興趣，提出問(wèn)題，學(xué)生自主探究，讓學(xué)生在學(xué)習(xí)中感受制作動(dòng)畫的趣味性，在完成任務(wù)過(guò)程中掌握重點(diǎn)知識(shí)，完成了難點(diǎn)任務(wù)。作業(yè)制作一個(gè)圓變成矩形的動(dòng)畫，使圖形在變形過(guò)程不斷換顏色。第3課形狀補(bǔ)間動(dòng)畫課題第2課時(shí)課時(shí)初二（*）班授課班級(jí)了解形狀提示的作用。知道動(dòng)作補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫的區(qū)別。知識(shí)目標(biāo)學(xué)會(huì)制作一個(gè)形狀補(bǔ)間動(dòng)畫。智能目標(biāo)通過(guò)繪制圖形，體驗(yàn)補(bǔ)間動(dòng)畫的奇妙。再次感受Flash動(dòng)畫的動(dòng)態(tài)效果。感情德育了解形狀提示的作用。難點(diǎn)重點(diǎn)教材，電腦。教學(xué)用品上節(jié)課我們已經(jīng)制作了一個(gè)簡(jiǎn)單的動(dòng)作補(bǔ)間動(dòng)畫，同學(xué)們已經(jīng)初步認(rèn)識(shí)了Flash動(dòng)畫的制作過(guò)程。這節(jié)課我先讓同學(xué)們觀看兩個(gè)有趣的動(dòng)畫。下面我們就一起看一下形狀補(bǔ)間動(dòng)畫的制作過(guò)程。導(dǎo)入新課教學(xué)過(guò)程三、形狀提示觀看上面制作的“字符變形”動(dòng)畫時(shí)可以看到，字母A變成B再變成C的變形過(guò)程不明顯，而且有些凌亂。實(shí)際應(yīng)用時(shí)，適當(dāng)使用Flash提供的形狀提示，可以再一定程度上改蓋變形的過(guò)程。動(dòng)畫增加形狀提示。第1步：?jiǎn)?dòng)Flash，單擊工具欄中的按鈕，找到“字符變形”動(dòng)畫所在的文件夾，打開(kāi)它。第2步：?jiǎn)螕簟皶r(shí)間軸”面板中的第1針，然后執(zhí)行“修改→形狀→添加形狀提示”命令，在字母A上增加一個(gè)提示點(diǎn)a。第3步：拖動(dòng)提示點(diǎn)到適當(dāng)?shù)奈恢?，如左下角。?步：?jiǎn)螕簟皶r(shí)間軸”面板的第10幀，把字母B上的提示點(diǎn)a拖到合適的位置上。第5步：?jiǎn)螕簟皶r(shí)間軸”面板中的第1幀，執(zhí)行兩次“修改→形狀→添加形狀提示”命令，增加提示點(diǎn)b和提示點(diǎn)c，把他們分別把它們分別移到合適的位置上。第6步：?jiǎn)螕舻?0幀，把字母B上的提示點(diǎn)b和c移到恰當(dāng)?shù)奈恢蒙稀５?步：播放動(dòng)畫，可以看到字母A變成B的過(guò)程變得比較有規(guī)律了。第8步：仿照以上操作，位字母B到字母C的變形過(guò)程添加形狀提示。在默認(rèn)狀態(tài)下，F(xiàn)lash會(huì)自動(dòng)為要變形的對(duì)象設(shè)置一些關(guān)鍵點(diǎn)，播放動(dòng)畫時(shí)，這些關(guān)鍵點(diǎn)的位置會(huì)發(fā)生變化，對(duì)象其余部分的變化由Flash通過(guò)計(jì)算自動(dòng)生成。通過(guò)設(shè)置提示點(diǎn)的操作，可以改變默認(rèn)的關(guān)鍵點(diǎn)位置，使整個(gè)變形的過(guò)程按設(shè)計(jì)者的要求進(jìn)行。動(dòng)作補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫及二者的區(qū)別Flash能生成兩種類型的補(bǔ)間動(dòng)畫：動(dòng)作補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫。動(dòng)作補(bǔ)間動(dòng)畫中的對(duì)象是元件的實(shí)例。實(shí)例的屬性包括位置、大小以及旋轉(zhuǎn)角度等。在一個(gè)關(guān)鍵幀中定義實(shí)例的位置、大小以及旋轉(zhuǎn)角度，然后再其他關(guān)鍵幀中改變這些屬性，最后再在各關(guān)鍵幀之間生成動(dòng)作補(bǔ)間動(dòng)畫。在動(dòng)作補(bǔ)間動(dòng)畫的起始關(guān)鍵幀和結(jié)束關(guān)鍵幀以及他們之間的所有幀生成了一個(gè)動(dòng)作補(bǔ)間動(dòng)畫。如果兩個(gè)關(guān)鍵幀之間是一條淺藍(lán)色背景的虛線，表明這個(gè)動(dòng)作補(bǔ)間動(dòng)畫存在一些問(wèn)題，不能正常顯示。形狀不講動(dòng)畫可以使一幅圖形逐漸變成另一幅圖形（形狀、位置、大小和顏色等屬性的變化）。在形狀補(bǔ)間動(dòng)畫的起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間，會(huì)顯示一條帶箭頭的淺綠色背景的直線，表明在兩個(gè)關(guān)鍵幀以及他們之間的所有幀生成了一個(gè)形狀補(bǔ)間動(dòng)畫。如果兩個(gè)關(guān)鍵幀之間是一條淺綠色背景的虛線，表明這個(gè)形狀補(bǔ)間動(dòng)畫存在一些問(wèn)題，不能正常顯示。動(dòng)作補(bǔ)間動(dòng)畫的對(duì)象是元件的實(shí)例，而實(shí)例只有被“分離”后才能用來(lái)生成形狀補(bǔ)間動(dòng)畫。使用繪圖工具繪制的圖形，都是“分離”的。在制作形狀不講動(dòng)畫時(shí)，用A工具生成的字符需要先進(jìn)行分離。板書設(shè)計(jì)第3課形