運動動畫教學(xué)案例

制作運動補間動畫

一、教材分析：

本課是《FLASH制作運動補間動畫》，利用Flash制作連續(xù)運動的動畫，是

Flash動畫制作重要的學(xué)習(xí)內(nèi)容之一，對學(xué)生來說這是一項非常重要的技能。掌

握了這項技能，學(xué)生會在以后的動畫制作學(xué)習(xí)中如虎添翼，能全面提高學(xué)生的動

畫制作能力和信息素養(yǎng)。

二、學(xué)情分析：

由于我校處于城鄉(xiāng)結(jié)合部，學(xué)生的起點低，接觸電腦的機會也不多，為這

門課的學(xué)習(xí)帶來很大困難，但學(xué)生對新知識的渴望還是比較強烈，學(xué)習(xí)積極性較

高，態(tài)度認真，具有吃苦耐勞的學(xué)習(xí)精神。

八年級學(xué)生經(jīng)過一年的信息技術(shù)學(xué)習(xí)，基本上掌握信息技術(shù)的一些應(yīng)用，部

分學(xué)生能夠熟練操作電腦，對電腦網(wǎng)絡(luò)也有一定的了解。在學(xué)習(xí)本節(jié)內(nèi)容之前，

學(xué)生通過《制作逐幀動畫》的學(xué)習(xí)，基本上掌握了計算機動畫的基本原理和逐幀

動畫的制作，有進一步學(xué)習(xí)動畫制作的渴望和要求。本節(jié)課將學(xué)習(xí)“運動補間動

畫”的制作，并為以后進一步學(xué)習(xí)制作“遮罩動畫”和“路徑動畫”打基礎(chǔ)。學(xué)

生對動畫信息很感興趣，但動畫信息的加工與處理相對復(fù)雜，在教學(xué)中要充分利

用學(xué)生的興趣來克服學(xué)習(xí)上的困難，完成教學(xué)任務(wù)。

三.教學(xué)目標(biāo)

1.知識與技能：

①、知道Flash中“庫”、“元件”、“圖層”、“補間動畫”等概念的含

義并掌握相應(yīng)的操作，

②、能使用Flash制作運動補間動畫。

2.過程與方法：

創(chuàng)設(shè)情境導(dǎo)入新課，學(xué)生進行自主探究學(xué)習(xí)、小組合作交流學(xué)習(xí)等方式，激

發(fā)學(xué)生的學(xué)習(xí)興趣，讓學(xué)生從簡到繁，由淺入深地掌握制作“運動補間”動畫的

方法。老師則層層遞進地進行講解并及時指導(dǎo)。

3.情感態(tài)度與價值觀：

①、通過欣賞、分析、制作動畫，培養(yǎng)學(xué)生的操作能力和審美情趣；

②、在作品評價時，培養(yǎng)學(xué)生公正，正確評價的能力，并讓學(xué)生在評比中產(chǎn)

生脫穎而出的競爭意識；

③、培養(yǎng)學(xué)生互幫互助、團結(jié)協(xié)作的精神，增進學(xué)生之間的友誼。

四.重點、難點：

1.重點：“元件”的制作和使用；

①、“圖層”的添加和刪除；

②、創(chuàng)建“運動補間動畫”；

2.難點：

掌握制作“彈動籃球”運動補間動畫的步驟方法；

五.教學(xué)理念和教學(xué)策略設(shè)計：

1.教學(xué)理念：

課堂上，我以任務(wù)驅(qū)動型教學(xué)為主，做學(xué)生學(xué)習(xí)的引導(dǎo)者，關(guān)鍵時刻對學(xué)生

進行必要的啟發(fā)、引導(dǎo)。教師是學(xué)習(xí)的有力助手，學(xué)生才是學(xué)習(xí)的主人。教師尊

重學(xué)生的選擇、鼓勵他們大膽創(chuàng)新，勇于實踐。

2.教學(xué)策略設(shè)計：

以學(xué)生感興趣的事件引入，引導(dǎo)學(xué)生認真觀察，啟發(fā)學(xué)生思考；對知識點

講解深入淺出，形像比喻；演示關(guān)鍵步驟，指導(dǎo)鼓勵學(xué)生創(chuàng)新；鼓勵學(xué)生比、學(xué)、

趕、幫，結(jié)成互助互幫小組，共同提高，讓基礎(chǔ)差的得到提高，讓基礎(chǔ)好的有成

就感。我采用的教學(xué)方法是：

1.興趣激勵法：以彈動的籃球這個學(xué)生熟知而又渴望的運動動畫入手，觀

看教師自制的運動動畫，激起學(xué)生的學(xué)習(xí)動畫的強烈興趣。

2.視頻案例教學(xué)法：播放事先教師準(zhǔn)備的視頻案例，通過觀賞，讓學(xué)生明

確學(xué)習(xí)任務(wù)，學(xué)生心中有目標(biāo)，帶著任務(wù)去學(xué)習(xí)，讓任務(wù)成為學(xué)習(xí)的驅(qū)動力。

3.直觀演示法：對于關(guān)鍵步驟或操作難度較高的步驟，利用多媒體投影、

紅蜘蛛控制軟件演示進行集體輔導(dǎo)，是降低操作難度有效方法之一。

4.合作學(xué)習(xí)法：學(xué)生五人一組，結(jié)成學(xué)習(xí)小組，由基礎(chǔ)好的同學(xué)任組長，

互幫互學(xué)，幫中學(xué)、學(xué)中幫，共同提高。

5.展示評比法：對于完成較好的組或?qū)W生，通過演示或展示，進行自評、

互評、組評，來讓學(xué)生體驗學(xué)習(xí)的樂趣，體驗成功。

六.教學(xué)環(huán)境：

網(wǎng)絡(luò)教室，紅蜘蛛電子教室控制軟件。

七.課前準(zhǔn)備：

教師事先準(zhǔn)備好的視頻案例、PPT課件、FLASH動畫，檢查學(xué)生機flash軟

件的情況；了解并調(diào)整學(xué)生的分組情況。

八.教學(xué)過程

教師活動學(xué)生活動教學(xué)策略及意圖

（一）新課導(dǎo)入

同學(xué)們上體育課的時候都玩過籃

球是不是呀？那么同學(xué)們有沒有想過一個大部分學(xué)生回答都玩過

籃球是如何彈動的呢？用學(xué)生感興趣的

問題導(dǎo)入新課

課件演示一個彈動籃球的動畫。學(xué)生觀看動畫。激趣導(dǎo)入。

請同學(xué)們觀察一下在這個小動畫中有幾個學(xué)生描述彈動籃球的過程。

對象在運動，分別在做什么運動？

教師分析總結(jié)：分別有位置的移動、大小

的變化、旋轉(zhuǎn)的效果等，從而導(dǎo)入“運動

補間”動畫的制作。

教師告訴學(xué)生彈動籃球的動畫就是一

個運動動畫，從而引出運動動畫的概念。

教師多媒體給出運動動畫的概念：

在一個關(guān)鍵幀上放置一個元件，然后學(xué)生掌握運動動畫的概念。

在另一個關(guān)鍵幀改變這個元件的大小、顏學(xué)生反映出對這

色、位置、透明度等，F(xiàn)lash根據(jù)二者之一概念的模糊。

間的幀的值創(chuàng)建的動畫被稱為動作補間動

畫。

跟形狀補間動畫不同的是，動作補間

動畫首尾兩幀上的對象,必須是元件實例，

且必須是同一個元件的實例。包括影片剪

輯、圖形元件、按鈕、文字、位圖、組合學(xué)生理解運動動畫的概念。

等等,但不能是形狀，只有把形狀“組合”

或者轉(zhuǎn)換成“元件”后才可以做“動作補

間動畫”。

（二）新課教學(xué)

先了解幾個概念：

“庫”、“元件”、“圖層”

課件顯示這幾個概念。

什么是“元件”？（復(fù)習(xí)）

元件是對象的集合。在動畫制作過程中學(xué)生分組討論，交流意“庫”、“元

將制作好的內(nèi)容轉(zhuǎn)換成元件，既方便管理見，先就字面上對“庫”、件”、“圖層”

又可以重復(fù)使用，并且重復(fù)使用同一個元“元件”、“圖層”這幾個是Flash幾個重

件不會增加文件的大小。概念進行理解。要概念，先讓學(xué)

元件有三種類型：圖形元件、影片剪生了解。

輯元件和按鈕元件。

什么是“庫”？

庫是Flash顯示Flash文檔中的媒

體元素列表的位置。

什么是“圖層”？

Flash對對象實行分層管理，即將不學(xué)生對“庫”的理解是

同的對象放置在不同的圖層中，這樣在修集中放物品地方；對“元

改其中一個對象時不會影響到其他的對件”理解就是“零件”；對

象。“圖層”理解是一層一層

請同學(xué)們談?wù)勛约簩Α皫臁?、“元件”、的畫等?/p>

“圖層”這幾個概念的理解。

教師具體形象地講解這幾個概念的涵Flash中許多概

義：念，特別是一些

我們把需要的素材放在一個目錄里備工具、命令的名

用，這個目錄是不是相當(dāng)于“庫”？稱與生活的實例

在Flash中把需要的素材先導(dǎo)入到一致。與生活中

“庫”中，方便隨時使用。再看第二個問的實例類比，學(xué)

題，提示一下，這里的“元件”和我們平就像制造汽車，先生產(chǎn)零生容易理解。

時說的“零件”差不多，哪位同學(xué)能說一件，再用零件組裝成汽車。

下自己對“元件”的理解？或者舉個例子

比喻一下。

在制作復(fù)雜的動畫時，先用素材制作

一個個獨立的零件，也就是“元件”，再確實是個好方法

用“元件”制作動畫，同學(xué)們說這是不是

一個非常好的方法。

下面我們來看什么是“圖層”？如果魚在水草中。如果水草畫的

有兩片透明膠片，在一片透明膠片上畫上不好，修改水草膠片；如果

水草，在另一片透明膠片上畫條魚，兩片魚畫的不好，只修改魚的膠

透明膠片重疊在一起，會是什么結(jié)果啊？片，兩個膠片的修改互不影

同學(xué)們想想，為什么要這么做？這么響。

做有什么優(yōu)點？

回答的非常好，還有沒有其它優(yōu)點？改變兩個膠片的重疊順序，

提示一下，魚跟水草的位置關(guān)系。可以讓魚在水草前或魚在

水草后。

對極了，這就是使用“圖層”的好處，

和前面講的“庫”、“元件”，都是Flash

常用的方法，掌握這些方法，我們才能在

Flash殿堂里漫步。下面我們進行“彈動

籃球”動畫的制作。

第一步：播放視頻

教師播放彈動籃球的視頻案例，學(xué)學(xué)生欣賞視頻，把任務(wù)拋

生認真觀看視頻中彈動籃球的制作步出來，讓學(xué)生心中有任務(wù)，

驟。這個視頻案例就是我們今天的學(xué)習(xí)帶著任務(wù)去學(xué)習(xí)。

內(nèi)容，通過這個視頻案例來進行我們的動

畫學(xué)習(xí)之旅。

首先學(xué)生啟發(fā)引導(dǎo)學(xué)生去討論“運動

補間”動畫的制作過程，然后由教師講解

運動補間動畫的原理。

1、首先要創(chuàng)建元件

2、確定兩個關(guān)鍵幀，起始關(guān)鍵幀、終

止關(guān)鍵幀

3、創(chuàng)建補間動畫

教師進行廣播教學(xué)，對一些學(xué)生沒有學(xué)生觀看教師演示操作，建演示操作步驟，

看清楚的步驟進行重復(fù)演示。操作要點：立初步印象，體驗flash的降低操作難度。

1、新建一個大小為300PxX400px操作。

的Flash文檔。

2、制作籃球和投影影片元件元件“籃球”的

進行廣播教學(xué)，下面演示制作籃球制件方法是我們

元件的步驟，完成籃球元件的制作。上一節(jié)課學(xué)習(xí)的

操作要點：內(nèi)容，引導(dǎo)學(xué)生

新建影片剪輯元件，命名為“籃溫故而知新。

球”，進入籃球影片剪輯元件。

①、點擊庫面板左下方的新建元件學(xué)生進行制作“籃球”元

按鈕，彈出新建元件對話框。件和投影元件的操作。

②、在此對話框輸入元件名稱為籃球，元學(xué)生進行訓(xùn)練操作。然后學(xué)

件類型為影片剪輯，點擊確定。生在老師的指導(dǎo)下進行訓(xùn)

③、在籃球的影片剪輯中繪制籃球，將筆練操作。

觸顏色改為無色，將填充顏色改為紅黑相

間的漸變顏色，利用填充桶工具、顏色工

具把籃球制作成帶皮革效果的棕色球。

④、在籃球影片剪輯中再新建一個圖層，

命名為線條，在球體上面繪制線條，完成

后在修改菜單項中進行組合圖形。這樣就

完成了籃球元件的制作。

⑤、對籃球元件制作運動動畫，使得籃球

元件沿順時針旋轉(zhuǎn)。

再新建一個元件，名稱命名為投影，類型

為影片剪輯。單擊確定。

①、進入投影影片剪輯編輯區(qū)，畫一個沒

有邊框且黑色的橢圓。

②、在修改菜單項中選擇形狀一柔化填充

邊緣。

③、完成“投影”元件的制作。

3、制作籃球彈動的動畫

教師繼續(xù)播放“彈動籃球”的視頻案例，

學(xué)生觀看動畫的制作過程

進行廣播教學(xué)，演示“籃球彈動的動畫”。

操作要點：

(1)回到“場景1”學(xué)生按要點進行操作，有問廣播教學(xué)的演示

(2)把圖層1雙擊修改為“籃球”圖層，題尋求老師和其他同學(xué)的能夠指導(dǎo)學(xué)生操

在“籃球”圖層里把剛制件好的“籃球”幫助。作，起到手把的

元件拖放到最高位置，并調(diào)整好大小。教的效果。

(3)在第10幀上插入關(guān)鍵幀，并把籃球

元件放置在最低點，在i-io幀的時間軸上

任意位置處創(chuàng)建補間動畫。

(4)新建一個圖層2雙擊修改為“投影”

圖層，在“投影”圖層里把剛制作好的“元

件”拖放到適當(dāng)位置，并調(diào)整影子最大且

顏色最淡。

(5)在第10幀上插入關(guān)鍵幀，并把投影

元件放置在合適的位置，并調(diào)整影子最小

且顏色最深，在i-io幀的時間軸上任意位

置處創(chuàng)建補間動畫。

(6)在籃球圖層和投影圖層上分別復(fù)制第

一幀的元件，在20幀上粘貼，最后在這兩

層上創(chuàng)建運動補間動畫。

(7)完成動畫,在控制菜單下中測試影片，

查看測試效果。

學(xué)生依照老師演示進行操作。

老師在學(xué)生中間進行巡視，對操作困難的學(xué)生操作，完成自己的作

學(xué)生進行單獨輔導(dǎo)。并注意觀察完成較好品。

的同學(xué)，

被選中的學(xué)生進行演示操學(xué)生演示操作，

（三）展示評比作，對操作成功，完成比較體驗成功，增加

每組選出一人進行演示操作（利用多好的給予稱贊，不成功的讓學(xué)習(xí)的興趣。

媒體投影讓學(xué)生演示）。其指定一個幫手來完成任自我評價，互評

對完成的作品進行評價。務(wù)。更能激發(fā)學(xué)生的

讓學(xué)生首先進行自評，然后學(xué)習(xí)熱情。

進行互評。

（四）課堂作業(yè)

同學(xué)們做的非常好，不知不覺中，我

們的又完成一個動畫作品的制作，恭喜大學(xué)生根據(jù)剛學(xué)到的運動漸以活動訓(xùn)練為主

家動畫制作的水平又提高了，不過要想成變進行任意發(fā)揮。線、讓學(xué)生在實

為動畫制作高手，我們還要繼續(xù)學(xué)習(xí)，在踐活動中掌握動

已有的基礎(chǔ)上還要會設(shè)計、會創(chuàng)新。畫的基本原理和

制作。

每組選出一人進行展示操作（利用極做好的同學(xué)舉手要求展示。先做好先展不。

域電子教室的學(xué)生演示功能）。讓更多的學(xué)生參

與展示

九、拓展練習(xí)，鞏固升華。

把彈動籃球制作完成的同學(xué)，下面請同學(xué)們把書翻到P24頁，制作風(fēng)鈴搖晃

動畫，看哪位同學(xué)做的又快又好。

十、教學(xué)評價

評

價

項評價內(nèi)容及評分等級

目

優(yōu)秀(12~15)良好（9~11）繼續(xù)努力（9分以下）

學(xué)

習(xí)

對學(xué)習(xí)FLASH運動補間對學(xué)習(xí)FLASH運動補間對學(xué)習(xí)FLASH運動補

態(tài)

動畫有強烈地求知欲，學(xué)動畫有較強烈地求知欲，間動畫沒有強烈地求

度

習(xí)態(tài)度端正。學(xué)習(xí)態(tài)度較端正。知欲，學(xué)習(xí)態(tài)度不端

正。

分優(yōu)秀(12~15)良好（9~11）繼續(xù)努力（9分以下）

工

合小組成員分工明確，任務(wù)小組成員分工較明確，任小組成員分工不明確，

作分配合理，有小組分工職務(wù)分配較合理，有小組分任務(wù)分配不合理，無小

責(zé)名單；工職責(zé)明細單；組分工職責(zé)明細單；

信優(yōu)秀（16~20）良好(12~15)繼續(xù)努力（12分以下）

息

加準(zhǔn)確合理能夠自主地制作較準(zhǔn)確合理能夠自主地制不能準(zhǔn)確合理能夠自

工出FLASH運動補間動畫作出FLASH運動補間動主地制作出FLASH運

畫動補間動畫

優(yōu)秀（16~20）良好(12~15)繼續(xù)努力（12分以下）

作

品

具有明確的中心思想，作具有明確的中心思想，作具有明確的中心思想，

要

品包含個以上的運動過品包含個以上的運動過作品包含個以上的

求222

程，能夠流暢地運行；程，能夠流暢地運行；運動過程，能夠流暢地

運行；

作

優(yōu)秀(24~30)良好（18~23）繼續(xù)努力（18分以下）

品

展

作品內(nèi)容完整，完全符合作品內(nèi)容較為完整，較符作品內(nèi)容不夠完整，不

示

教師要求。合教師要求。符合教師要求。

十一、教學(xué)反思

比如這節(jié)課我上完以后，很多老師就給我很多的意見，當(dāng)然有優(yōu)點也有缺

點，對我的幫助和啟發(fā)很大，也引發(fā)我一些思索。首先我想談?wù)劚竟?jié)課中可供借

鑒之處：

1、教學(xué)方法、學(xué)習(xí)方法的使用

在本節(jié)課中，我主要使用了任務(wù)驅(qū)動法、啟發(fā)式教學(xué)法，而學(xué)生則進行自主

探究學(xué)習(xí)、小組交流合作學(xué)習(xí)等學(xué)習(xí)方法，一步步的探索完成任務(wù)的方法。任務(wù)

驅(qū)動在信息技術(shù)課堂中的應(yīng)用很為廣泛，甚至到了泛濫的地步了。然而如何用好

任務(wù)驅(qū)動卻值得我們思考。本節(jié)課首先以欣賞教師自作的flash動畫導(dǎo)入，既提

高了學(xué)生的學(xué)習(xí)興趣，老師則進行啟發(fā)式教學(xué)，引導(dǎo)學(xué)生學(xué)會發(fā)現(xiàn)問題，善于提

出問題，掌握學(xué)習(xí)規(guī)律，一步步地去探究解決問題的方法，提高學(xué)習(xí)能力。在本

節(jié)課中，主要讓學(xué)生體會“提出問題一＞實踐嘗試一＞猜想假設(shè)一＞實踐驗證”的

學(xué)習(xí)方法，提高學(xué)生的探究熱情，讓學(xué)生體會到自己探究出解決問題方法的快樂。

2、因材施教，關(guān)注所有學(xué)生