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