《逐幀動畫》課件設計制作解析

● 制作背景

在初中二年級《信息技術》課程的教學內容中有一個章節是Flash動畫的制作，主要學習Flash常見的幾種基礎動畫制作技術，逐幀動畫是其中的入門篇。作為看著動畫片長大的新一代青少年學生，利用電腦的強大功能，能激發他們的靈感與智慧，能促使他們最大限度地自由地演繹自己對生活的理解，勾畫夢想中完美的世界。模仿傳統手工動畫的方式，每一幀都由手工繪制或導入連續圖片完成的動畫稱為逐幀動畫，其具有極大的靈活性，幾乎可以表現任何想表現的內容。通過讓學生欣賞精彩的逐幀動畫作品，開闊眼界，培養學生對動畫制作的濃厚興趣是制作《逐幀動畫》課件的首要目的。由于逐幀動畫的制作方法并不是很復雜，通過課件的輔助學習功能，學生可以自主學習掌握逐幀動畫的制作方法。

● 設計思路與表現手法

為了達到讓學生喜歡和在課堂上有效使用課件的目標，我在課件設計制作中重點考慮了以下幾個方面。

1.設計界面，統一風格

本課件在界面美工制作上尋求有所突破，這是確定要實現的一個亮點。學生是課件的使用者和觀眾，首先在課件的外觀界面上要讓學生喜歡，吸引學生的目光，給學生以美的享受。因此，我從設計一開始籌劃就決定在美工上下一番工夫，在界面風格上借鑒了蘋果計算機和手機的一些元素，為此我曾多次跑到蘋果專賣店去體驗蘋果計算機的交互操作。界面設計的第一步是在紙上畫設計草稿，粗略構思課件的畫面。有了雛形，我就開始利用Photoshop分層設計每個畫面的效果圖，在這個過程中需要對每個對象的位置進行反復的擺放實驗，每個畫面的構圖都需進行仔細的推敲，才確定了課件的整體風格。第三步是切割Photoshop圖片，將其導入Flash的素材庫，按照效果圖設計的位置在Flash舞臺中進行元件的擺放，實現最終各畫面效果（如圖1）。

2.設計導航，便于操作

課件采用了二級導航設計，第一級用了學生熟知的七個卡通形象作為交互按鈕，分別代表“學習目標、動畫欣賞、動畫原理、預備知識、制作方法、調整速度、知識檢測”七個學習環節，當鼠標移向每個卡通按鈕時分別滑出提示語，給學生以操作提示，人機交互親切友好（如下頁圖2）。

第二級導航采用滑動的小圓角矩形按鈕，點擊按鈕進入相應的功能窗口。總體的操作習慣接近于蘋果計算機和手機的交互操作，不用過多的說明和操作培訓，學生操作容易上手，沒有了傳統演示文稿中“下一頁”的概念，實現了非線性的跳轉，點擊導航按鈕可直達任意學習環節（如圖3）。

3.精選作品，實現資源共享

動畫欣賞這個環節里的內容是從互聯網上精選的逐幀動畫視頻作品，這些作品里逐幀動畫制作的方法和所用的材料各異。有一幅幅畫在紙上或書邊角的卡通人物漫畫，通過翻動紙張和書本實現動畫展示；有一幅幅用橡皮泥、綠豆、七巧板積木、毛線擺出的畫面形成的動畫，有用照相機一幅幅拍攝的連續人物動作照片組成的動畫；有用LED、觸摸屏等電子設備顯示出的畫面組成的動畫。通過欣賞這些優秀的作品，開闊了學生的眼界，讓他們看到動畫制作方式的豐富多彩和創意的無限，也提高了他們的欣賞水平，調動了學生學習動畫制作的興趣和積極性，以此引領他們走進動畫制作的世界。

4.借助教具，幫助理解原理

動畫原理的理解是一個教學重點和難點。動畫的原理是利用人類的視覺暫留特性，當以較快的速度播放圖像時，觀察者就認為圖像是連續運動的。如果用一個電影機來播放動畫，這個原理就容易理解，效果也會很好。但是在現實的課堂中，讓學生看到實物的電影機是比較困難的。我就在課件里設計制作了一個電影播放機播放逐幀動畫，通過讓學生親自動手控制電影機播放“烈馬奔跑”的動畫，形象直觀地把動畫形成的原理展示出來（如圖4）。

5.綜合多種方式，闡釋制作方法

使用Flash制作逐幀動畫的方法其實并不復雜，這一部分采用的策略是以學生自主學習為主。在課件中利用圖片文字描述和錄制操作視頻兩種方式描述逐幀動畫的制作方法和步驟，在圖片文字展示逐幀動畫每一個制作步驟的畫面切換的交互上采用了兩種方法。一種是前后的翻頁方式，另一種是點擊代表步驟的數字按鈕，可以直接展示想要看的步驟，這樣更方便學生自主學習（如上頁圖5）。

對于基礎較薄弱的學生可以選擇觀看教師錄制的操作視頻，這就像有老師在手把手演示逐幀動畫制作的每一個步驟，更加生動直觀。在錄制操作視頻過程中，我嘗試了多種視頻錄制工具軟件，最后選定了Camtasia Studio，這個軟件的主要特點是錄制的視頻清晰度高，后期編輯制作簡單方便。

6.采用圖示分解，回顧知識

Flash制作逐幀動畫需要前面的一些基礎知識的支持，因此我在課件里設計了前置知識回顧這個環節，采用圖示分解的方法回顧舊知識，形象直觀，便于學生理解、記憶（如圖6）。

7.模擬選擇題，測試及反饋知識

我在知識檢測環節大量采用單選組件，組成多組的單項選擇題，完全真實模擬紙質試卷的版面效果。學生答完題后，可點擊“完成測試”按鈕，課件會自動判斷對錯并給出正確答案作為修正參考，隨后會給出正確與錯誤的題目數，同時計算出準確率（如圖7）。這樣計算機代替了教師的閱卷，提高了課堂效率。這里的答題功能主要是通過Flash ActionScript 3的組件編程實現的，具體的程序代碼發布在了這個博客里http：//blog.sina.com.cn/u/1423041473。

● 評價與反思

本課件設計的初衷主要是作為學生自主學習的工具，教師也可以在教課時演示使用。在使用時，通過計算機教室的局域網發給每一位學生，學生可在課堂上自主學習。經過實踐證明，學生對動畫欣賞非常感興趣，的確起到了開闊眼界的作用。逐幀動畫的制作方法學習這個環節實現了分層教學，接受能力和學習進度不同的學生可以反復觀看這一部分，并利用下發的動畫制作素材進行練習。學生通過完成課堂單選題測試，課件當場反饋評價，能夠及時找到知識學習的薄弱環節，根據正確的答案顯示及時進行知識認知錯誤的糾正。總體來說這個課件取得了較好的教學效果。

● 幕前幕后

2012年暑假期間，我帶著這個課件參加了第十屆全國中小學信息技術創新與實踐活動的多媒體學習工具評優的賽項。參賽期間，我觀摩了許多來自全國各地的優秀課件，并現場聆聽了專家評委們的指導和點評，收獲很大。通過學習交流，我也發現了自己制作課件的不足和下一步在制作課件上的努力方向。

（1）在課件制作的理念上需要不斷更新和提高，多向國內外的專家和老師學習，爭取多參加一些賽事交流。

（2）在課件內容的系列化上需要進一步擴展。在這次比賽中，我被一位老師制作物理課件“十年磨一劍”的堅持所感動，他經過長時間的積累把課程的知識點做成組件，最終的課件是按照知識點形成的較大的、完整的教學資源。

（3）許多專家都提出課件內容的可擴展性是一個發展的方向，針對這個課件，單項選擇題的內容沒有更換和擴展的功能就是一個弊端。

（4）在制作課件的軟件及技術應用上，我還需要進一步學習。為了增加課件的交互性和人工智能性，我選用Flash作為課件制作的主要軟件，對于Flash ActionScript 3.0的編程還需要進行系統的學習，當然其他一些輔助軟件的應用也還需要不斷的了解和嘗試，以使自己的制作技術更加嫻熟。

評委印象

初看孫航衛老師的《逐幀動畫》課件，一種賞心悅目的感觸油然而生，首先，映入眼簾的是精美的界面設計和精湛的美工制作，這應該是最初留下的深刻印象吧！經過細心研讀，淺淡一下自己的感受與印象。

印象一：界面制作具有較高藝術性。界面創意新穎，元件設計精致有趣。孫老師在界面美工上著力下了工夫，他借鑒了蘋果計算機和手機的交互界面的風格元素，界面導航按鈕生動有趣。色彩采用藍色漸變色，主色調設計凸顯科技主題，給人以視覺上的享受。

印象二：課件導航的交互設計形象直觀，人機交互友好，操作簡便。課件采用了兩級導航設計，教學內容與學習環節的呈現條理清晰，布局合理，友好提示，導航設計已改傳統演示文稿中“下一頁”的設計思想，實現非線性的跳轉，點擊導航按鈕可直達任意學習環節，使得操作簡單明了。

印象三：課件設計充分體現了現代信息技術輔助課堂教學的作用，使多媒體課件成為突出重點、突破難點的教學手段。

作者在課件設計方案中，采用多種媒體形式，內容豐富，多種設計策略，方法靈活多樣。不僅能調動學生學習動畫制作的興趣和積極性，而且能幫助學生理解動畫原理及學習逐幀動畫制作方法。

印象四：孫老師尚待思考完善的有這樣兩方面：一是課件在可移植性和可擴展性方面還可以改進。如果能設計成模塊式積件，便可進行二次開發使用，則實用性會更強。就本課件來說，像單項選擇題的內容沒有設計更換和擴展的功能，也沒有設計“清除”或“重做”功能按鈕就是一個缺憾。二是課件在技術運用上還可以進一步的提高，特別在課件的交互性及智能性方面，若能多采用Flash Action Script 3.0的編程設計會大大提升課件的制作技術含量。

肖艾 NOC活動評委/江漢油田教育集團