中職Flash動畫制作(高教版)教程：制作基本動畫

1、1 2學會制作影片剪輯的方法，理解影片剪輯的意義。5引導學生探究動畫制作的規(guī)律，領悟動畫制作的實質，并能夠舉一反三，觸類旁通。 補間”動畫和“形狀補間”動畫的制作方法，而且要能夠感悟到計算機動畫制作中的信息文 化，形成一定的信息加工與表達的能力素養(yǎng)，同時利用信息技術學會學習、探究與創(chuàng)造，培 本節(jié)制作的動畫實例雖然教材中都已給出基本操作步驟，但在實際教學中需循序漸進， 題可作集體講解，以培養(yǎng)學生自主學習的能力，為進一步學習打下基礎。 一次主題活動，由學生根據已有的知識與技能，創(chuàng)造性地制作自定主題的Flash動畫作品， 培養(yǎng)學生的創(chuàng)造能力。 實踐8-6 是一個文字變形動畫。因學生會對文字變形動畫很

2、感興趣，教材中限于篇幅沒 有這方面的內容，在此權作補充。 教案 1 教學目標： 2 （ 3 ）分析比較“動畫補間”動畫和“形狀補間”動畫的區(qū)別，進一步理解動畫制作 這兩種基本動畫制作中的區(qū)別，提高學生對動畫制作的理性認識。 激勵學生進一步學習動畫制作，由淺入深、由表及里地掌握動畫制作的方法，提高制作動畫和欣賞動畫的水平，培養(yǎng)學生的自主探索、協作研究的精神。教學方法：講解與演示相結合，自主學習與合作學習相結合。教學重難點：1 重點：變形動畫圖形漸變規(guī)則圖形變形不規(guī)則圖形變形文字漸變 教學過程： 任務一：制作“多邊形變成圓形”的動畫。（ 1 ）教師按下述步驟，一次性完成其中所有操作，學生理解、記憶

3、老師的制作步驟。 角星形工具”，設置填充顏色為“綠色圓形漸變色”，在場景編輯區(qū)左側畫一個五邊形。如 圖 8.3-1 畫多變形單擊時間軸的第 30 幀，執(zhí)行“插入空白關鍵幀”命令，插入一個空白關鍵幀。 選擇“橢圓”工具，在場景編輯區(qū)右側畫一個圓。單擊時間軸窗口下邊的“繪圖紙外觀”按鈕，在第30 幀處能看到第 1 幀的畫面內容， 以便調整場景中元件的位置。3 單擊第 1 幀，在 幀“屬性”面板中，設置“補間”項為“形狀”，如圖8.3-3所示。圖 8.3-3 設置幀屬性可見時間軸的第 1 幀到第 30 幀之間的影格呈淡綠色，同時標上了一條黑色的箭頭線， 表示這段動畫是“形狀補間”動畫。如圖8.3-4

4、所示。4 制作完畢，執(zhí)行“控制播放”命令，觀察動畫效果。（ 2 ）學生在沒有操作步驟參考的情況下，根據對老師演示操作的理解性記憶，模仿制作動畫，增強對操作步驟的理解和掌握。（ 3 ）教師指導學生自己動手操作，及時指出學生操作中出現的問題，對做得好的同學進行表揚，并在學生中展示。任務二：制作“老鼠變成小豬”的動畫。（ 1 ）教師按下述步驟，一次性完成其中所有操作，學生理解、記憶老師的制作步驟，為學生創(chuàng)造性制作自己的動畫作品打下基礎。 將“老鼠”和“小豬”兩幅圖片導入到庫中，把“老鼠”圖片拖到舞臺中。圖 8.3-5 拖入“老鼠”圖片選定“老鼠”圖片，執(zhí)行“修改位圖修改位圖為矢量圖”命令，將“老鼠”

5、圖片轉換成矢量圖，刪除周圍多余部分。在時間軸 30 幀處右擊，在彈出的快捷菜單中選擇“插入空白關鍵幀”命令。將“小豬”圖片拖到場景中并轉換為矢量圖，刪除周圍多余部分。5圖 8.3-6 拖入“小豬”圖片單擊第 1 幀，在幀“屬性”面板中，設置“補間”項為“形狀”。播放觀看動畫效果。（ 2 ）學生在沒有操作步驟參考的情況下，根據對老師演示操作的理解性記憶，模仿制作動畫，增強對操作步驟的理解和掌握。（ 3 ）教師指導學生自己動手實踐，及時指出學生操作中出現的問題，對做得好的同學進行表揚，并在學生中展示。任務三：總結“形狀補間”動畫的主要制作步驟。 任務四：學生自主嘗試制作動畫“盛開的小花”。 67

6、可以反復調入場景，避免重復制作，同時還能減少Flash動畫的大小。 在時間軸上的表現組成元素完成的作用“動畫補間”動畫淡紫色背景加長箭頭影片剪輯、圖形元件、按鈕實現一個元件的大小、位置、顏色、透明等的變化。“形狀補間”動畫淡綠色背景加長箭頭如果使用圖形元件、按鈕、文字，則必先打散（分離）再變形。教案 2 教學目標： 8教學重點： 教學難點：表達能力，創(chuàng)造力。教學方法：情境導入、探究學習、協作學習、實踐創(chuàng)新、拓展評價。評價方法：采用“知識技能創(chuàng)意”的評價維度，評價方法采用過程評價與效果評價相結合，并 借助網絡進行評價。評價方式采用小組自評、互評和教師點評相結合。評價量規(guī)：見實踐指導中的“實踐8-

7、7”。教學過程：1創(chuàng)設情境、激發(fā)興趣（8分鐘）教師活動：（ 1）簡要介紹并播放一個 Flash動畫。使學生產生精神上的共鳴，快速進入學習狀態(tài)。 自行設計界面，至少包括2個對象。動畫中要用到移動漸變動畫和形狀漸變動畫。將動畫作品通過“網絡教室”上傳至教師機。學生活動：明確學習任務。 設計意圖：培養(yǎng)學生在短時間內抓住事物主要矛盾的能力。 教師活動： 學生活動：小組成員規(guī)劃創(chuàng)作進程。 （ 5 ）對所掌握的知識、技能進行分析，了解進行創(chuàng)作還需要學習哪些新知識和技能。 設計意圖：培養(yǎng)學生的團隊意識，為調動學生有效進行探究、創(chuàng)作提供保障。 教師活動： 學生活動： 設計意圖：鼓勵學生自主創(chuàng)作、開展小組協作。

8、 教師活動： 學生活動： （4）根據評價表和作品創(chuàng)作說明，進行小組自評、互評、教師評價。對于提交的作品，學 生可以通過“網絡教室”平臺，對每個作品和小組進行評論。設計意圖：實施作品網上評論，展示自我風采。讓學生盡情欣賞同學們的作品。通過評論其 他同學的作品，提高審美能力，訓練語言表達和思維能力。 教師活動：介紹一些好的 Flash 網站及論壇，讓那些對 Flash感興趣的學生得到更大空間的 提高，找到展示自己的舞臺。學生活動：充分利用 BBS討論區(qū)，在課余時間和同學、朋友、老師進行交流。設計意圖：這一環(huán)節(jié)充分激發(fā)學生的信息技術潛力，讓有特長的學生得到最大限度的發(fā)揮。 “動畫補間”動畫 是“元件

9、”或“成組對象”。 配合別的手法，甚至能做出令人稱奇的仿3D效果來。（1）“動畫補間”動畫的概念 （2）構成“動畫補間”動畫的元素構成“動畫補間”動畫的元素是元件，包括影片剪輯、圖形元件、按鈕等，除元件外其 他元素包括文本都不能直接創(chuàng)建“動畫補間”動畫,而要把這些元素轉換成元件才行，只有 把形狀組合或者轉換成“元件”后才可以制作“動畫補間”動畫。（3）“動畫補間”動畫在時間幀面板上的表現 （4）創(chuàng)建“動畫補間”動畫的方法在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關鍵幀并設置一個元件，一幀中只 始幀，在“屬性面板”上單擊“補間”旁邊的小三角，在彈出的菜單中選擇“動畫”。也可 以右擊開始幀，在

10、彈出的快捷菜單中選擇“創(chuàng)建補間動畫”來建立“動畫補間”動畫。2認識“動畫補間”動畫的屬性面板Flash的“屬性”面板隨鼠標選定的對象不同而發(fā)生相應的變化。當建立了一個“動畫 補間”動畫后，單擊這段動畫的開始幀，“屬性”面板就變成為“動畫補間”動畫的屬性面 “動畫補間”動畫的屬性面板上有5個參數：（1）“緩動”選項在“0”邊有個滑動拉桿按鈕，單擊后上下拉動滑桿或填入具體的數值，補間動作動畫 效果會根據下面的設置做出相應的變化：在1-100 的負值之間，動畫運動的速度由慢到快，向運動結束的方向加速補間。 在1100 的正值之間，動畫運動的速度由快到慢，向運動結束的方向減慢補間。 默認情況下，補間幀

11、之間的變化速率是不變的。（2）“旋轉”選項有4個選擇：選擇“無”（默認設置）禁止元件旋轉；選擇“自動”可以使元件在需要 最小動作的方向上旋轉對象一次；選擇“順時針”(CW) 或“逆時針”(CCW) ，并在后面輸 入數字，可使元件在運動時順時針或逆時針旋轉相應的圈數。（3）“調整到路徑”將補間元素的基線調整到運動路徑，此項功能主要用于引導線運動。（4）“同步”復選框使圖形元件實例的動畫和主時間軸同步。（5）“對齊”選項可以根據對象的中點位置將補間元素附加到運動路徑，此項功能主要也用于引導線運 “形狀補間”動畫 （1）“形狀補間”動畫的概念 （2）構成“形狀補間”動畫的元素“形狀補間”動畫可以實現

12、兩個圖形之間顏色、形狀、大小、位置的相互變化，其變形 圖形，如果使用圖形元件、按鈕、文字，則必先分離再變形。（3）“形狀補間”動畫在時間幀面板上的表現 （4）創(chuàng)建“形狀補間”動畫的方法在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關鍵幀并設置要開始變形的形狀， 一個“形狀補間”動畫就創(chuàng)建完畢。2認識“形狀補間”動畫的屬性面板 補間動畫的屬性面板?！靶螤钛a間”動畫的屬性面板上只有2個參數：（1）“緩動”選項在“0”邊有個滑動拉桿按鈕，單擊后上下拉動滑桿或填入具體的數值，“形狀補間” 動畫會隨之發(fā)生相應的變化。在1-100的負值之間，動畫運動的速度由慢到快，向運動結束的方向加速補間。 在1100的正值之間，動畫運動的速度由快到慢，向運動結束的方向減慢補間。 默認情況下，補間幀之間的變化速率是不變的。（2）“混合”選項“混合”選項中有二項供選擇。 “分布式”選項：創(chuàng)