高中滬教版信息技術(shù)7課 題：動畫信息的加工

課題：動畫信息的加工

教材和學(xué)生：

?滬科技信息技術(shù)基礎(chǔ)（必修）第三章信息加工與表達(dá)第一部分

第七節(jié)

?高中一年級學(xué)生

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

?讓學(xué)生初步了解計算機(jī)中動畫產(chǎn)生的原理與基本特征

?對用Flash5.0軟件制作動畫有個初步的認(rèn)識，為選修教材多

媒體技術(shù)應(yīng)用中動畫制作部分的講解打個基礎(chǔ)

?通過簡單實(shí)例的完成，激發(fā)學(xué)生學(xué)習(xí)的興趣，讓學(xué)生體驗成功

的喜悅

教學(xué)重點(diǎn)：

對圖層、各種幀的概念的理解，F(xiàn)lash制作動畫的一般步驟

教學(xué)難點(diǎn)：

普通幀、過渡幀、關(guān)鍵幀的區(qū)別，分散對象與組合對象對動畫產(chǎn)

生的影響

教學(xué)策略：通過具體實(shí)例吸引學(xué)生，采用任務(wù)驅(qū)動機(jī)制，在老師的引

導(dǎo)下讓學(xué)生逐步跟進(jìn)，通過糾正初學(xué)做動畫過程中最容易出現(xiàn)的

問題，加深學(xué)生對重要知識點(diǎn)的理解，進(jìn)而更好的完成本部分內(nèi)

容的教學(xué)目標(biāo)。

教學(xué)過程：

一、引入新課

同學(xué)們，我們平時在上網(wǎng)、看電視的時候會經(jīng)?？吹揭恍﹦痈徐?/p>

麗的動畫場面，大家想不想自己動手做個試試呢？好！今天這節(jié)課我

們就開始進(jìn)行“酷炫動畫自己做”的嘗試。（學(xué)生平時見過很多動畫,

如果課堂上時間充裕的話,老師最好能將自己做的較好較完整的動畫

展示給學(xué)生，這樣會使學(xué)生感覺更真實(shí)，距離成功更近，因為學(xué)生對

老師的崇拜，最容易產(chǎn)生濃厚的學(xué)習(xí)興趣。）

二、明確任務(wù)，激發(fā)興趣。

下面大家先看一個老師做的例子，你覺得這個動畫好做嗎？你有

信心在本節(jié)課上完成嗎？（45分鐘時間有限，課堂例子一定要精挑

細(xì)選，太難完不成，影響學(xué)生情緒，容易打擊學(xué)生積極性，太簡單,

學(xué)生會覺得沒意思，沒有挑戰(zhàn)性，例子最好難易適中，且美觀大方,

適合學(xué)生口味）

老師展示實(shí)例，明確任務(wù)（一個由過渡綠色填充的圓球在黑色屏

幕上從左向右滾動，小球滾到的地方依次出現(xiàn)文字“歡迎您加入閃客

帝國”，小球滾過之后文字又隱藏了。）

三、Flash5.0應(yīng)用程序界面簡介

1、啟動Flash5.0中文版

依次單擊“開始”一“程序”一"Flash5簡體中文正式版”一

“Flash5”

2、Flash5.0界面主要部分簡單介紹

舞臺

工具箱

時間線

圖層區(qū)

各種面板

四、用Flash5.0制作樣例作品

1、分析任務(wù)：老師再次放映動畫，讓學(xué)生注意觀察動畫界面有

幾個對象（小球、文字），有什么特征？（培養(yǎng)學(xué)生的觀察、分析能

力，也即捕捉信息的能力，可能有些學(xué)生沒認(rèn)真觀看，或者沒有注意

到細(xì)節(jié)，但過程重于結(jié)果，一開始就將所有的東西都提醒學(xué)生，告訴

學(xué)生，將會影響學(xué)生觀察、分析、判斷、評價事物的能力的提高。）

學(xué)生活動一：自己先嘗試在舞臺上利用工具箱中的“橢圓工具”

和“顏料桶工具”在舞臺上畫一個類似樣例中的圓形小球，并填充合

適的顏色，注意觀察畫小球前后時間線左端的變化。（培養(yǎng)學(xué)生利用

所學(xué)知識大膽嘗試的意識，和動手實(shí)踐探索的能力。）

教師點(diǎn)評、演示：強(qiáng)調(diào)按下“shift”畫出的才是圓，不按則是

橢圓。找學(xué)生回答畫小球前后時間線的變化情況，引出關(guān)鍵幀的概念。

（對于有些知識點(diǎn)，在學(xué)生探索實(shí)踐并出現(xiàn)錯誤之后再講，效果會更

好，學(xué)生注意力會更集中，印象會更深刻。）

時間線第一幀默認(rèn)是個空白關(guān)鍵幀，在舞臺上加入內(nèi)容后變成關(guān)

鍵幀，動畫的產(chǎn)生是由一系列關(guān)鍵幀在起作用，關(guān)鍵幀的內(nèi)容決定了

動畫的變化。（對于比較抽象和難懂的知識點(diǎn)，以教師講解為主。）

學(xué)生活動二：通過菜單命令在時間線第二幀開始插入3個關(guān)鍵

幀，3個空白關(guān)鍵，3個幀（普通幀），依次修改第2到第10幀的內(nèi)

容，看能不能修改，播放動畫觀看放映效果。（讓學(xué)生自己先主動探

索，發(fā)現(xiàn)普通幀、關(guān)鍵幀、空白關(guān)鍵幀的區(qū)別和作用，這個活動主要

是讓學(xué)生理解幾個幀的概念，會有部分學(xué)生完成不了，后面老師還要

解釋和強(qiáng)調(diào)。）

教師點(diǎn)評、演示：強(qiáng)調(diào)插入空白關(guān)鍵幀，動畫播放到這一刻舞臺

內(nèi)容為空白，插入關(guān)鍵幀和幀，畫面內(nèi)容都會延續(xù)上一個關(guān)鍵幀（包

括空白關(guān)鍵幀）的內(nèi)容。其中，關(guān)鍵幀和空白關(guān)鍵幀的內(nèi)容都可以改

變，但普通幀的內(nèi)容不能改變。然后在老師的指導(dǎo)下讓學(xué)生刪除第2

至第10幀。（老師扮演好課堂活動的組織者和引導(dǎo)者，以及幫助學(xué)

生克服障礙的有力工具，該出手時就出手，改閉口時定閉口。）

2、做小球運(yùn)動動畫：再次回放樣例動畫，觀察小球的動畫路線。

師：剛才我們看到小球沿直線從左至右運(yùn)動，那么請大家思考我們用

多個關(guān)鍵幀然后改變其內(nèi)容可以實(shí)現(xiàn)嗎？（暫停）很明顯，關(guān)鍵幀少

了，動畫會斷斷續(xù)續(xù)，那么我們要做多少個關(guān)鍵幀才夠呢？（暫停）

兩個！下面請大家注意看老師的操作。

引出過渡幀的概念（這里有一個很重要的細(xì)節(jié)，就是小球的組合

操作，但是先不給學(xué)生強(qiáng)調(diào)，埋下伏筆，用于解決學(xué)生障礙時強(qiáng)調(diào)使

用，這樣會加深印象，同時可以檢驗學(xué)生的觀察能力。）

學(xué)生活動三：大家下面根據(jù)老師剛才的操作，在第40幀插入關(guān)

鍵幀，修改其內(nèi)容，并通過幀面板修改第一幀，生成小球直線運(yùn)動的

動畫。

教師點(diǎn)評、演示：剛才很多同學(xué)在生成動畫的時候，時間線出現(xiàn)

了中間是虛線的情況，而不是實(shí)線箭頭，結(jié)果動畫不能播放，是什么

原因造成的呢？（此時，教師再直擊問題的要害，強(qiáng)調(diào)動作動畫中運(yùn)

動的對象必須是組合過的一個整體，而不能是分散的顆粒。）

組合對象用于同一個對象的運(yùn)動、旋轉(zhuǎn)、縮放等變化；分散對象

用于改變對象的顏色、變形、以及變化成別的對象。（學(xué)生初次接觸,

不好理解，點(diǎn)到為止）

3、加入文字圖層

師：我們在前面圖片信息的加工一節(jié)在使用photoshop軟件時接

觸過圖層的概念，在Flash中每個發(fā)生變化的對象一般都要單獨(dú)占一

個圖層，多個圖層疊加產(chǎn)生組合動畫的效果，動畫沿時間線播放，到

某一時刻的畫面就是這一刻各個圖層中各幀畫面的疊加。（闡述動畫

產(chǎn)生的原理）

學(xué)生活動四：下面我們利用“插入”菜單、文本工具、字符面板

嘗試加入文字圖層，并修改文字的大小、顏色、位置，然后播放動畫、

觀看效果。

教師點(diǎn)評、演示：強(qiáng)調(diào)各個面板的打開和關(guān)閉，以及兩個圖層的

前后次序的調(diào)整。

4、知識延伸

師：到現(xiàn)在為止，我們的動畫已經(jīng)制作完成了，可是我們仔細(xì)回

想和樣例的區(qū)別，是不是覺得樣例看著更有品味呢？其中的玄妙之處

在哪里呢？（引領(lǐng)學(xué)生，開放思維，發(fā)揮想象，讓課堂跌宕起伏，充

滿活力。）

學(xué)生活動五：發(fā)揮你的想象，通過“修改”/“影片”和字符面

板，改變文字和舞臺背景的顏色，讓動畫變得更加酷炫。（在學(xué)生能

力范圍內(nèi)，適當(dāng)引導(dǎo)，具體實(shí)踐是學(xué)生能力提升的重要途徑，如果不

是時間不允許，千萬不能由老師代勞。）

教師點(diǎn)評、演示：指出只有將背景和文字設(shè)置成同一種顏色的時

候，才會產(chǎn)出像樣例中一樣奇妙、神秘的效果。（文字并非隱藏，而

是融入了背景，看不見了，當(dāng)小球在后面滾過的時候，因為小球顏色

的不同，疊加后顯示了文字，從而將整節(jié)課推向高潮。）

師：可見，一個優(yōu)秀的作品不一定非要很高的技術(shù)，只要我們發(fā)

揮想象，精美設(shè)計，通過簡單的操作依然可以達(dá)到意想不到的效果。

（關(guān)鍵時刻，要借機(jī)推波助瀾，鼓勵學(xué)生，提高學(xué)生發(fā)揮獨(dú)創(chuàng)的積極

性，培養(yǎng)學(xué)生多角度思考問題的意識。）

五、課堂小結(jié)

結(jié)合完成的實(shí)例，再次強(qiáng)調(diào)幀、關(guān)鍵幀、空白關(guān)鍵幀、圖層的概

念，概括Flash5.0制作動畫的一般過程。

六、教學(xué)反思

因為學(xué)生第一次使用