《“幀”做設(shè)計(jì)師——?jiǎng)赢嫽A(chǔ)知識(shí)》教學(xué)設(shè)計(jì)

吳茂連 王超

● 學(xué)習(xí)內(nèi)容分析

本節(jié)課是江蘇鳳凰科學(xué)技術(shù)出版社《初中信息技術(shù)》（八年級(jí)）第一章《動(dòng)畫設(shè)計(jì)與制作》的第1節(jié)，是學(xué)生學(xué)習(xí)動(dòng)畫的“敲門磚”，主要內(nèi)容包括感受動(dòng)畫形成、了解動(dòng)畫原理、制作GIF動(dòng)畫。通過本節(jié)課學(xué)習(xí)，掌握動(dòng)畫基礎(chǔ)知識(shí)，可以為后續(xù)學(xué)習(xí)制作Flash動(dòng)畫打下堅(jiān)實(shí)的基礎(chǔ)。

● 教學(xué)對(duì)象分析

本節(jié)課的教學(xué)對(duì)象是八年級(jí)的學(xué)生，通過之前的學(xué)習(xí)，他們已經(jīng)具有一定的軟件操作基礎(chǔ)。這一年齡段的學(xué)生，整體來說，求知欲強(qiáng)，喜歡體驗(yàn)嘗試，樂于展現(xiàn)自我，具備一定的自主學(xué)習(xí)、合作探究能力，思維活躍，對(duì)形象生動(dòng)、形式多樣的學(xué)習(xí)內(nèi)容有興趣，對(duì)抽象的動(dòng)畫原理會(huì)覺得比較枯燥。但是，少數(shù)學(xué)生不自信，羞于表現(xiàn)，內(nèi)心卻又希望能得到他人的肯定。因此，在教學(xué)中需要鼓勵(lì)這部分學(xué)生積極參與課堂探究學(xué)習(xí)，充分展示自我。

● 教學(xué)目標(biāo)

知識(shí)與技能目標(biāo)：了解動(dòng)畫的概念;了解動(dòng)畫產(chǎn)生的原理;學(xué)會(huì)使用Ulead GIF Animator軟件制作簡單的GIF動(dòng)畫。

過程與方法目標(biāo)：通過動(dòng)手體驗(yàn)等活動(dòng)，感受動(dòng)畫的形成;通過實(shí)踐分析、總結(jié)，理解動(dòng)畫原理;使用Ulead GIF Animator軟件，通過合理選擇圖片，改變圖片位置或方向，制作GIF動(dòng)畫，感受使用計(jì)算機(jī)制作動(dòng)畫的技術(shù)優(yōu)越性。

情感態(tài)度與價(jià)值觀目標(biāo)：通過制作GIF動(dòng)畫，體驗(yàn)動(dòng)畫制作的神奇，提高動(dòng)畫制作的興趣，體驗(yàn)合理使用軟件工具解決問題的計(jì)算思維核心素養(yǎng)。

● 教學(xué)重難點(diǎn)

教學(xué)重點(diǎn)：動(dòng)畫產(chǎn)生的原理。

教學(xué)難點(diǎn)：制作GIF動(dòng)畫。

● 學(xué)習(xí)策略

由淺入深，由簡到繁，把枯燥、理論性較強(qiáng)的學(xué)習(xí)內(nèi)容轉(zhuǎn)化為學(xué)生感興趣的實(shí)踐活動(dòng)，讓學(xué)生在層層遞進(jìn)的體驗(yàn)、探究活動(dòng)中，理解動(dòng)畫的形成，掌握GIF動(dòng)畫的制作方法。本文以學(xué)生喜聞樂見的“手翻書”導(dǎo)入課題，然后以“助小黃人圓飛天夢(mèng)”為主題，以“感受動(dòng)畫形成—理解動(dòng)畫原理—探究動(dòng)畫制作”為主線，引導(dǎo)學(xué)生通過動(dòng)手體驗(yàn)、翻轉(zhuǎn)課堂、拓展探究等環(huán)節(jié)，深刻理解動(dòng)畫產(chǎn)生原理。

● 教學(xué)資源與工具

多媒體網(wǎng)絡(luò)機(jī)房、電子教室軟件、多媒體投影、教學(xué)課件、學(xué)案、GIF圖片素材、電子學(xué)件。

● 教學(xué)過程

1.激趣導(dǎo)入，提出問題，引發(fā)思考

師：請(qǐng)同學(xué)們快速翻閱卡通書。你看到了什么效果？（如下頁圖1）

學(xué)生動(dòng)手實(shí)踐，觀察現(xiàn)象，積極思考，回答問題。

師：原本靜止的卡通頁面，為什么快速翻動(dòng)時(shí)，畫面就動(dòng)起來了？今天，我們一起來探討動(dòng)畫，了解動(dòng)畫基礎(chǔ)知識(shí)，爭做動(dòng)畫設(shè)計(jì)師，期待你們的表現(xiàn)！

教師PPT展示本課課題：“幀”做設(shè)計(jì)師——?jiǎng)赢嫽A(chǔ)知識(shí)。

設(shè)計(jì)意圖：從學(xué)生的生活實(shí)際入手，動(dòng)手體驗(yàn)，直觀感受，讓卡通畫面在學(xué)生的手里動(dòng)起來，激發(fā)學(xué)生的學(xué)習(xí)興趣。

2.體驗(yàn)感受，獲取新知

師：一本卡通書激發(fā)了我們的求知欲，圖片為什么會(huì)產(chǎn)生動(dòng)畫效果呢？讓我們快速行動(dòng)起來，一探究竟吧！

活動(dòng)一：快速播放“第一組小黃人”圖片，感受是否能形成動(dòng)畫。

（1）打開素材中“第一組小黃人”的一組序列圖片（如圖2）。

（2）在圖像瀏覽器中，快速切換圖片，觀察效果。

在快速切換圖片的過程中，學(xué)生會(huì)發(fā)現(xiàn)原先靜態(tài)的圖像動(dòng)起來了。

教師引導(dǎo)學(xué)生提煉出動(dòng)畫形成關(guān)鍵詞：快速。

活動(dòng)二：快速播放“第二組小黃人”圖片，進(jìn)一步感受動(dòng)畫的形成。

（1）打開素材中“第二組小黃人”的一組序列圖片（如圖3）。

（2）在圖像瀏覽器中，快速切換圖片，觀察效果。

教師引導(dǎo)學(xué)生參與體驗(yàn)活動(dòng)并完成學(xué)案內(nèi)容（如表1）。

教師引導(dǎo)學(xué)生提煉出動(dòng)畫形成關(guān)鍵詞：相關(guān)聯(lián)。

教師總結(jié)動(dòng)畫的概念：動(dòng)畫的形成——快速顯示一系列相關(guān)聯(lián)的靜止圖片，就能形成動(dòng)畫。

設(shè)計(jì)意圖：對(duì)初中學(xué)生而言，動(dòng)畫的形成過程比較抽象，如果只是簡單地灌輸式地講授，學(xué)生往往難以理解。以手工繪制和電腦體驗(yàn)兩種不同的方式，逐層深入，讓學(xué)生在參與、感受、體驗(yàn)的過程中，初步感受動(dòng)畫的形成過程。

3.觀看微視頻，理解動(dòng)畫原理

活動(dòng)三：觀看微視頻，回答相關(guān)問題。

視頻1：“籠中鳥”動(dòng)畫實(shí)驗(yàn)（如圖4）。在一張紙上一面畫鳥籠，另一面畫一只小鳥，拉動(dòng)發(fā)條讓畫紙旋轉(zhuǎn)，隨著畫紙轉(zhuǎn)動(dòng)速度加快，“看到”小鳥進(jìn)入鳥籠里。

視頻2：車輪光圈實(shí)驗(yàn)。黑夜，在自行車車輪上裝一個(gè)風(fēng)火輪，當(dāng)轉(zhuǎn)動(dòng)風(fēng)火輪的時(shí)候，會(huì)看到它從一個(gè)光點(diǎn)變成一個(gè)非常明顯的光圈。視頻中解釋了什么是“視覺暫留”。

教師引導(dǎo)學(xué)生回答問題，完成學(xué)案：

（1）鳥籠實(shí)驗(yàn)中，你看到小鳥進(jìn)籠了嗎？

是□? ? 否□

（2）你是否感受到了從光點(diǎn)變成了光圈？為什么？

是□? ? 否□

（3）動(dòng)畫形成的原理是什么？

利用了人眼的視覺暫留特征：當(dāng)人眼所看到的影像消失后，留在視網(wǎng)膜上的圖像并不會(huì)立即消失，還會(huì)繼續(xù)保留0.1～0.4秒左右。在這段時(shí)間內(nèi)，如果下一幅圖像又出現(xiàn)了，我們眼睛里就會(huì)產(chǎn)生上一畫面與下一畫面之間的過渡效果，從而形成連續(xù)的畫面。

（4）電影、電視的動(dòng)態(tài)效果是如何形成的？

也是視覺暫留原理形成的。電影的播放速度一般為24幀/秒，F(xiàn)lash動(dòng)畫的幀頻一般為12幀/秒。

學(xué)生積極觀看思考，了解視覺暫留現(xiàn)象，理解動(dòng)畫產(chǎn)生的原理，完成學(xué)案。

設(shè)計(jì)意圖：“視覺暫留”概念比較抽象，不易理解，如果能讓學(xué)生親身體驗(yàn)、直觀感受，對(duì)“視覺暫留”原理的理解就會(huì)事半功倍。為此，本節(jié)課嘗試引入“翻轉(zhuǎn)課堂”的教學(xué)模式，利用“微視頻”來幫助學(xué)生理解這一概念。

4.探究實(shí)踐，制作GIF動(dòng)畫

師：小黃人從未停下搞事的腳步，這不，小黃人又生出了一個(gè)飛天夢(mèng)。大家能幫助小黃人圓夢(mèng)嗎？

活動(dòng)四：自主探究——制作小黃人原地跳躍動(dòng)畫。

從“制作GIF動(dòng)畫素材”圖片組中挑選適合制作動(dòng)畫的圖片，把所選圖片的編號(hào)、數(shù)量、預(yù)計(jì)可以形成的動(dòng)畫效果，填寫到表格中（如表2），然后，再根據(jù)學(xué)件動(dòng)手操作制作GIF動(dòng)畫，驗(yàn)證動(dòng)畫效果是否和之前的預(yù)測一致。

教師指導(dǎo)學(xué)生根據(jù)學(xué)件，啟動(dòng)GIF Animator軟件，并利用軟件制作動(dòng)畫。

活動(dòng)五：拓展實(shí)踐——制作小黃人飛天動(dòng)畫。

（1）你能改變小黃人在畫布中的位置或方向，制作出小黃人向前跑、跳躍跑、爬坡跑、翻跟頭等飛天動(dòng)畫效果嗎？

（2）你能為動(dòng)畫添加合適的文字內(nèi)容，推介一下我們美麗的地球嗎？比如帶你漫步大草原、帶你飛過大西洋、帶你翻過喜馬拉雅等。

教師此處提供一個(gè)待完善的動(dòng)畫作品——《飛過地球》，在此基礎(chǔ)上分組完成任務(wù)。

學(xué)生根據(jù)學(xué)件分組合作完成拓展實(shí)踐任務(wù)。

設(shè)計(jì)意圖：利用GIF Anima-

tor軟件制作GIF動(dòng)畫，可以說是動(dòng)畫原理的一種實(shí)踐應(yīng)用。鼓勵(lì)學(xué)生運(yùn)用原理，發(fā)揮創(chuàng)意，探究制作，進(jìn)一步強(qiáng)化了學(xué)生對(duì)動(dòng)畫制作原理的理解。提供半成品，降低學(xué)習(xí)難度，增加文字內(nèi)容，讓作品形式更加豐富多樣。提供一種真實(shí)的問題解決情境，不僅能讓學(xué)生在短時(shí)間內(nèi)體會(huì)到信息加工的需求，更為思維活躍的學(xué)生提供了豐富的創(chuàng)作空間，在具體活動(dòng)中培養(yǎng)學(xué)生運(yùn)用技術(shù)解決實(shí)際問題的能力。學(xué)生在對(duì)半成品飛天動(dòng)畫進(jìn)行不斷完善的過程中，體驗(yàn)思維的過程和成功的喜悅。

5.展示評(píng)價(jià)，總結(jié)延伸

教師引導(dǎo)學(xué)生對(duì)照學(xué)案內(nèi)容，完成作品自評(píng)：

（1）你的小黃人做了什么動(dòng)畫？

向前跑□? ?跳躍跑□

爬坡跑□? ?翻跟頭□

其他：___________□

（2）你的動(dòng)畫是否連貫？

是□? ? 否□

（3）你最喜歡的動(dòng)畫是__________同學(xué)的作品，他的作品哪里最吸引你？你有什么建議要送給他嗎？

（4）欣賞了同學(xué)們的作品，聽取了同學(xué)們的建議，你的作品改進(jìn)了嗎？

是□? ? 否□

每個(gè)小組選出一名同學(xué)，向全體同學(xué)展示本組的作品，分享設(shè)計(jì)思路。大家一起進(jìn)行評(píng)價(jià)，并評(píng)選出優(yōu)勝小組。

師：這節(jié)課我們理解了動(dòng)畫是如何形成的，知道了動(dòng)畫的原理，并且親手制作了動(dòng)畫，幫助小黃人實(shí)現(xiàn)了飛天夢(mèng)。動(dòng)畫并不神秘，希望大家在今后的學(xué)習(xí)中，能充分發(fā)揮自己的聰明才智，創(chuàng)作出更多精美的動(dòng)畫，爭做一名優(yōu)秀的動(dòng)畫設(shè)計(jì)師！

設(shè)計(jì)意圖：在評(píng)價(jià)他人作品的過程中，交流思想，分享收獲。通過梳理課堂所學(xué)，讓學(xué)生對(duì)本節(jié)課所學(xué)知識(shí)有一個(gè)更加系統(tǒng)的認(rèn)識(shí)與鞏固。

點(diǎn)? 評(píng)

本教學(xué)設(shè)計(jì)是我指導(dǎo)吳茂連老師參加全國優(yōu)質(zhì)課比賽所用的作品。在江蘇省初中信息技術(shù)青年教師基本功比賽中，吳老師成績優(yōu)異，位列前五，所以代表江蘇省參加了全國初中信息技術(shù)優(yōu)質(zhì)課比賽，在這次比賽中，他也獲得了全國特等獎(jiǎng)的榮譽(yù)。作為指導(dǎo)老師，總結(jié)一些成功的經(jīng)驗(yàn)，以饗同行，我覺得是很有意義的一件事。課前，設(shè)計(jì)方案討論了多個(gè)，這是實(shí)際教學(xué)所用的方案。從課堂實(shí)施情況來看，教學(xué)容量適中，難度適宜，還是很受學(xué)生喜歡的，課堂氣氛也很活躍，重點(diǎn)突出，難點(diǎn)突破有效，是一節(jié)好課。