● 制作背景

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

● 設(shè)計思路與表現(xiàn)手法

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

1.設(shè)計界面，統(tǒng)一風(fēng)格

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

2.設(shè)計導(dǎo)航，便于操作

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

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

3.精選作品，實現(xiàn)資源共享

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

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

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

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

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

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

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

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

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

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

● 評價與反思

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

● 幕前幕后

2012年暑假期間，我?guī)е@個課件參加了第十屆全國中小學(xué)信息技術(shù)創(chuàng)新與實踐活動的多媒體學(xué)習(xí)工具評優(yōu)的賽項。參賽期間，我觀摩了許多來自全國各地的優(yōu)秀課件，并現(xiàn)場聆聽了專家評委們的指導(dǎo)和點評，收獲很大。通過學(xué)習(xí)交流，我也發(fā)現(xiàn)了自己制作課件的不足和下一步在制作課件上的努力方向。

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

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

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

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

評委印象

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

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

印象二：課件導(dǎo)航的交互設(shè)計形象直觀，人機交互友好，操作簡便。課件采用了兩級導(dǎo)航設(shè)計，教學(xué)內(nèi)容與學(xué)習(xí)環(huán)節(jié)的呈現(xiàn)條理清晰，布局合理，友好提示，導(dǎo)航設(shè)計已改傳統(tǒng)演示文稿中“下一頁”的設(shè)計思想，實現(xiàn)非線性的跳轉(zhuǎn)，點擊導(dǎo)航按鈕可直達任意學(xué)習(xí)環(huán)節(jié)，使得操作簡單明了。

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

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

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

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