《制作小魚跳躍動畫》參考教案

PAGE第9課制作小魚跳躍動畫課題第1課課時初二（*）班授課班級掌握引導動畫的制作，進一步掌握多圖層動畫的制作方法。掌握影片剪輯元件的特點，屬性和制作方法。知識目標利用制作影片剪輯動畫知識，培養(yǎng)學生的創(chuàng)造能力，觀察，分析，解決問題的能力，同事提高學生學過的內(nèi)容靈活運用能力。通過影片剪輯的學生，開發(fā)學生智力，激發(fā)學生動畫的興趣。智能目標通過讓學生自己動手，動腦，培養(yǎng)他們的成就感和自信。提高自學學習的精神。幫助開發(fā)他們的創(chuàng)造力和想象力。感情德育難點：進一步了解影片剪輯動畫的屬性和影片剪輯動畫的制作方法。學會制作復雜的動畫。重點：遮罩動畫工作原理，引導動畫公國原理及影片剪輯動作制作原理相結合。難點重點教材、電腦。教學用品播放一段小魚跳躍影片剪輯動畫，導入新課。導入新課教學過程這節(jié)課要做的“小魚跳躍”動畫綜合運用了逐幀動畫、引導動畫等動畫形式，以及多個對象在不同圖層中運動的制作方法。下面我們一起來做一下這個動畫。一、“小魚跳躍”動畫簡介這個動畫包含多個圖層。動畫的過程可以分為兩部分：首先是小魚跳起，跳入水面，然后是水波紋效果。動畫的“時間軸”面板如下圖所示。要獲得小魚跳躍的過程，可以先制作小魚影片剪輯，逐幀繪出小魚跳起的每個動作，然后為小魚添加引導線，作為跳躍的弧線。要獲得水波紋擴散效果，可以在一個圖層中制作橢圓由小變大的動畫，然后在另外4個圖層中制作同樣的動畫，每個圖層的起始關鍵幀都比前一個圖層延遲5幀，使得第1圈波紋擴散到一定大小時，第2圈波紋開始出現(xiàn)并擴散；第2圈波紋擴散到一定大小時，第3圈波紋開始出現(xiàn)并擴散……依次類推，從而產(chǎn)生水面的漣漪效果。這個動畫涉及了逐幀動畫、影片剪輯動畫、引導動畫、由小變大的變形動畫以及動作補間動畫。二、制作過程1.制作小魚跳躍動畫先來制作元件，然后創(chuàng)建動畫。制作“背景”圖形元件。第1步：啟動Flash，打開一個空白文檔，把背景設為藍色，然后以文件名“小魚跳躍.fla”保存在自己的文件夾里。第2步：執(zhí)行“插入→新建元件”命令，創(chuàng)建名為“背景“的圖形元件，然后再元件編輯區(qū)中畫出荷葉和荷花圖形作為背景。制作“小魚”影片剪輯元件。第1步：執(zhí)行“插入→新建元件”命令，新建名為“小魚”的影片剪輯元件，進入元件編輯區(qū)。第2步：在第1幀畫出一條小魚，在“對齊”面板中選擇“相對于舞臺分布”按鈕，然后單擊右對齊按鈕和上對齊按鈕，把小魚設為右上角對齊。第3步：第3幀插入關鍵幀。運用工具箱中的工具適當修改小魚的形狀。然后執(zhí)行類似操作，在第5、7、9、11幀分別制作不同狀態(tài)的小魚。制作“小魚跳躍”動畫第1步：單擊圖標，返回場景編輯狀態(tài)。把“時間軸”面板中的“圖層1”改名為“背景”。第2步：把“庫”面板中的“背景”元件拖到舞臺中下方的位置。第3步：單擊按鈕添加一個新圖層，改名為“小魚”。第4步：把“庫”面板中的“小魚”元件拖到舞臺左上方的位置。第5步：選定“小魚”圖層，單擊按鈕添加一個引導圖層，選定工具在舞臺上面一條弧線。第6步：單擊“小魚”圖層的第10幀，敲F6鍵插入關鍵幀。第7步：單擊“小魚”圖層的第1幀，移“小魚”元件的中心點到引導線的左側。然后再單擊“小魚”圖層的第10幀，移“小魚”元件的中心點到引導線的右側。第8步：在“屬性”面板中為“小魚”圖層設置動作補間動畫，并選中“調(diào)整到路徑”選項。第9步：單擊“背景”層的第60幀，敲F5鍵，在“時間軸”面板的第60幀處插入一般幀，使背景延續(xù)下來。第10步：保存文件。選定“時間軸”面板上的第1幀，執(zhí)行“控制→測試影片”播放動畫，可以看到小魚跳躍的過程。2.制作多層水波紋擴散的動畫小魚跳入水面時，會激起層層漣漪。要用動畫來表示，可以先制作一個水波紋由小變大的影片剪輯元件，然后把這個影片剪輯元件分別放到不同圖層不同幀里。制作“水波紋”影片剪輯元件。第1步：在文檔“小魚跳躍.fla”中新建一個名為“水波紋”的影片剪輯元件，進入元件編輯區(qū)。第2步：選定工具箱中的工具，在“屬性”面板中把筆觸顏色設為白色，把填充色設為無色，在“筆觸高度”輸入框中輸入2，然后在，編輯區(qū)中拖動鼠標指針畫一個較扁的空心橢圓。第3步：用工具選定橢圓，在“屬性”面板中把寬設為36，高設為9，然后利用“對齊”面板，把橢圓與編輯區(qū)的中心對齊。第4步：選定橢圓，執(zhí)行“修改→現(xiàn)狀→將線條轉換為填充”命令后，橢圓就轉變成了可填充的區(qū)域。第5步：保持橢圓的選定狀態(tài)，打開“混色器”面板，調(diào)出一種由藍島白的線性漸變色，這時，橢圓就被填上了這種漸變色。第6步：保持橢圓的選定狀態(tài)，執(zhí)行“修改→形狀→柔化填充邊緣”命令。第7步：在“時間軸”面板的第30幀處插入關鍵幀后，刪掉編輯區(qū)中橢圓。在編輯區(qū)中畫一個寬為320，高為76的橢圓，并把它設為中心對齊。仿照第4、5步，把橢圓轉換為填充區(qū)域并填上由藍到白的線性漸變色。第8步：利用“修改→形狀→柔化填充邊緣”命令，把柔化的距離設為10，步驟數(shù)設為6。第9步：選定“時間軸”面板中的第1幀，在“屬性”面板中設置形狀補間類型，在1～30幀之間生成一段形狀補間動畫。板書設計第9課制作小魚跳躍動畫一、“小魚跳躍”動畫簡介制作“背景”圖形元件1.制作小魚跳躍動畫制作“小魚”影片剪輯元件二、制作過程制作“小魚跳躍”動畫2.制作多層波紋擴散的動畫制作“水波紋”影片剪輯元件教學反思在這節(jié)課的任務驅動下，通過創(chuàng)設情境激發(fā)學生興趣，提出問題，學生自主探究，讓學生在學習中感受制作動畫的趣味性，在完成任務過程中掌握重點知識，完成了難點任務。作業(yè)做第88頁的練習。第9課制作小魚跳躍動畫課題第2課課時初二（*）班授課班級掌握引導動畫的制作，進一步掌握多圖層動畫的制作方法。掌握影片剪輯元件的特點，屬性和制作方法。知識目標利用制作影片剪輯動畫知識，培養(yǎng)學生的創(chuàng)造能力，觀察，分析，解決問題的能力，同事提高學生學過的內(nèi)容靈活運用能力。通過影片剪輯的學生，開發(fā)學生智力，激發(fā)學生動畫的興趣。智能目標通過讓學生自己動手，動腦，培養(yǎng)他們的成就感和自信。提高自學學習的精神。幫助開發(fā)他們的創(chuàng)造力和想象力。感情德育難點：進一步了解影片剪輯動畫的屬性和影片剪輯動畫的制作方法。學會制作復雜的動畫。重點：遮罩動畫工作原理，引導動畫公國原理及影片剪輯動作制作原理相結合。難點重點教材、電腦。教學用品播放一段小魚跳躍影片剪輯動畫，導入新課。導入新課教學過程制作多層波紋擴散的動畫第1步：返回“場景1”的編輯狀態(tài)。第2步：在“引導層：小魚”圖層上方連續(xù)插入5個圖層，從下往上依次命名為“波紋圈1”“波紋圈2”“波紋圈3”……第3步：選定“波紋圈1”圖層，在第10幀處敲一下F6鍵，插入關鍵幀。然后把“庫”面板中的“水波紋”元件拖到舞臺中小魚圖形的下面。第4步：在“波紋圈1”圖層的第39幀處敲一下F6鍵，插入關鍵幀。第5步：單機舞臺中的“水波紋”實例，然后單擊“屬性”面板中的顏色框，設置Alpha值為0，然后敲一下回車鍵，把第39幀中的“水波紋”實例設為完全透明。第6步：在“波紋圈1”圖層的10～39幀間生成一段動作補間動畫。第7步：執(zhí)行“控制→測試影片”命令，在“測試影片”窗口中可以看到，小魚跳入中后，一圈水波紋逐漸擴大至消失的動畫過程。第8步：按住Shift鍵，先后單擊“波紋圈1”圖層第10幀和第39幀，使10～39幀恢復到剪貼板中。第9步：選定“波紋圈2”圖層的第15幀，然后執(zhí)行“編輯→剪貼幀”命令，把剪貼板中的幀剪貼到第15幀及后面的幀中。第10步：仿照第9步操作，分別在“波紋圈3”的第20幀、“波紋圈4”的第25幀、“波紋圈5”的第30幀處插入關鍵幀，并執(zhí)行“剪貼幀”的操作。把一個簡單的動畫放在多個圖層中的不同位置上，使各層的起始關鍵幀適當錯開，就可以獲得多個對象按一定次序運動的動畫效果。3.制作水珠濺起并消失的動畫制作水珠濺起并逐漸消失的動畫第1步：在文檔“小魚跳躍.fla”中新建一個名為“水珠”的圖形元件，進入元件編輯區(qū)。第2步：在編輯區(qū)中繪制一個無邊界色、填充色為白色的圓，然后選定它，在“混色器”面板中設定由藍到白的線性漸變色。第3步：在“屬性”面板中把圓的寬和高均設為20.利用“對齊”面板把圓設為與編輯區(qū)的中心對齊。利用“修改→形狀→柔化填充邊緣”命令，適當柔化圓的邊緣。第4步：返回“場景1”的編輯狀態(tài)，在“波紋圈5”圖層上方插入4個圖層，從下往上依次名為“水珠1”“水珠2”……第5步：按住Shift鍵單擊“水珠4”圖層的第1幀和“水珠1”圖層的第60幀，使4個圖層的1～60幀都處于選定狀態(tài)，然后右擊其中一幀，實行快捷菜單里的“刪除幀”命令，把這些幀刪掉。第6步：在“水珠1”圖層的第10幀處插入關鍵幀，把“庫”面板中的“水珠”原件拖到小魚圖形的右側并適當改變它的大小。第7步：在“水珠1”圖層的第14幀處插入關鍵幀，把舞臺中的水珠圖形上移一小段距離。在地18幀處插入關鍵幀，把水珠圖形的Alpha值設為0。第8步：選定10～18幀的所有幀，執(zhí)行“插入→創(chuàng)建補間動畫”命令，在10～14幀和14～18幀之間生成動作補間動畫。第9步：選定第10幀后播放動畫，可以看到“水珠”上移一小段距離，然后慢慢消失的過程。第10步：仿照第6到第8步，分別在另外3個圖層中制作水珠濺起然后消失的動畫。第11步：測試影片，觀看完整的小魚跳躍及水波紋擴散的過程。4.添加小魚跳入水面的聲音添加小魚跳入水面的聲音。第1步：執(zhí)行“窗口→公用庫→聲音”命令，打開公用庫面板，單擊任一個聲音，然后單擊上面所顯示波形右側的按鈕，可以聽到聲音的效果。第2步：執(zhí)行“窗口→庫”命令，打開“庫”面板。單擊公用庫面板中的“BrickDrips”，拖動它到“小魚跳躍”動畫“庫”面板的原件區(qū)。松開鼠標，“BrickDrops”聲音就被添加到“小魚跳躍”動畫的庫中。第3步：選定“小魚”圖層的第10幀，單擊“屬性”面板右側的“聲音”選擇框。這時，第2步添加的聲音文件會出現(xiàn)在彈出的列表框中。第4步：單擊列表框中的聲音文件。制作Flash動畫時收集一些常用的素材，把他們放入自建的庫中，也可以調(diào)用Flash公用庫中的