● 制作背景

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6.采用圖示分解，回顧知識(shí)

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

7.模擬選擇題，測(cè)試及反饋知識(shí)

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

● 評(píng)價(jià)與反思

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

● 幕前幕后

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

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

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

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

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

評(píng)委印象

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

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

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

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

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

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

肖艾 NOC活動(dòng)評(píng)委/江漢油田教育集團(tuán)