教學(xué)設(shè)計(jì)-簡(jiǎn)單的動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)

小貓釣魚(yú)—簡(jiǎn)單的動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)前端分析：學(xué)習(xí)需要分析：做flash動(dòng)畫(huà)時(shí)，在兩個(gè)關(guān)鍵幀中間需要做“補(bǔ)間動(dòng)畫(huà)”，才能實(shí)現(xiàn)圖畫(huà)的運(yùn)動(dòng)；插入補(bǔ)間動(dòng)畫(huà)后兩個(gè)關(guān)鍵幀之間的插補(bǔ)幀是由計(jì)算機(jī)自動(dòng)運(yùn)算而得到的，本節(jié)課我們需要作出蜻蜓在空中飛過(guò)的動(dòng)畫(huà)效果，然我們一起來(lái)學(xué)習(xí)傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。學(xué)習(xí)內(nèi)容分析：在本節(jié)課中，我們學(xué)習(xí)一種動(dòng)畫(huà)——?jiǎng)赢?huà)補(bǔ)間動(dòng)畫(huà)，在動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)中大量采用元件，元件是一種可重復(fù)使用的對(duì)象，重復(fù)使用不會(huì)增加文件的大小，傳統(tǒng)補(bǔ)間再配合引導(dǎo)層動(dòng)畫(huà)，還可以讓元件自由運(yùn)動(dòng)。讓我們一起感受調(diào)用元件制作動(dòng)畫(huà)的快捷。學(xué)習(xí)者分析：本節(jié)課的學(xué)習(xí)者為九年義務(wù)教育中八年級(jí)段的學(xué)生，八年級(jí)學(xué)生在小學(xué)信息技術(shù)教學(xué)階段中淺層次的接觸過(guò)flash動(dòng)畫(huà)的制作，開(kāi)學(xué)到現(xiàn)在逐漸學(xué)習(xí)了逐幀動(dòng)畫(huà)，多層逐幀動(dòng)畫(huà)，創(chuàng)立補(bǔ)間形狀等中學(xué)階段的flash教程。為今后的課程學(xué)習(xí)打下根底。學(xué)習(xí)環(huán)境分析：本中學(xué)計(jì)算機(jī)設(shè)施配置完整，齊全，學(xué)生能夠在一個(gè)舒適，安靜的環(huán)境下學(xué)習(xí)。教材分析：本節(jié)課教材主演講解簡(jiǎn)單的動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)，在教材內(nèi)容的設(shè)計(jì)中，局部?jī)?nèi)容偏復(fù)雜化，內(nèi)容量大，根底較差的學(xué)生一節(jié)課完成起來(lái)稍有困難，課堂時(shí)間可能不夠。課題簡(jiǎn)單的動(dòng)畫(huà)補(bǔ)間補(bǔ)間動(dòng)畫(huà)授課時(shí)間課型新授課課時(shí)1課時(shí)教學(xué)目標(biāo)知識(shí)與技能：掌握新建并編輯圖形元件的方法。了解庫(kù)并運(yùn)用庫(kù)管理和應(yīng)用圖形元件。學(xué)會(huì)運(yùn)用屬性面板中的補(bǔ)間選項(xiàng)設(shè)置傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。過(guò)程與方法：教師講授并演示，學(xué)生隨后上機(jī)操作情感態(tài)度與價(jià)值觀:培養(yǎng)學(xué)生的動(dòng)手能力，創(chuàng)新意識(shí)與精神教學(xué)重點(diǎn)庫(kù)與元件在本課都是首次接觸，他們?cè)谥谱鱢lash動(dòng)畫(huà)中的使用率非常高，因此這兩個(gè)概念與場(chǎng)景間的關(guān)系是本節(jié)的重點(diǎn)。教學(xué)難點(diǎn)圖形元件與影片剪輯元件的區(qū)別教學(xué)具教師機(jī)，學(xué)生電腦，幻燈機(jī)，投影機(jī)教學(xué)方法講授法，演示法，任務(wù)驅(qū)動(dòng)法教學(xué)過(guò)程導(dǎo)入新課播放一首同學(xué)們小時(shí)候?qū)W過(guò)的兒歌《小貓釣魚(yú)》師提出：我根據(jù)這首兒歌，做了一個(gè)簡(jiǎn)單的動(dòng)畫(huà)，現(xiàn)在請(qǐng)同學(xué)們欣賞一下。師提出：做的像不像？同學(xué)們想不想知道是怎么做出來(lái)的？今天我們就來(lái)學(xué)習(xí)制作小貓釣魚(yú)的動(dòng)畫(huà)?！捕持v授新課一、設(shè)置文檔屬性

學(xué)生上機(jī)設(shè)置文檔屬性〔大小為“550*400像素”，背景色為“藍(lán)色”〕。

師先播放逐幀動(dòng)畫(huà)，在播放一個(gè)簡(jiǎn)單動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)，作為比照講解。逐幀動(dòng)畫(huà)動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)二、制作圖形元件

師提出：在“庫(kù)”面板中制作的“圖形元件”雖然也有很多圖層，但在場(chǎng)景中卻是一個(gè)整體，這個(gè)整體可以隨意地?cái)[放到場(chǎng)景的舞臺(tái)中，還可以像印章一樣重復(fù)使用。

元件在Flash中的使用率非常高，它是一種可以重復(fù)使用的對(duì)象，而且反復(fù)使用不會(huì)增加文件的大小。元件還簡(jiǎn)化了文檔的編輯，當(dāng)編輯元件時(shí)，重復(fù)使用的該元件全部被更新。元件作為一個(gè)整體出現(xiàn)在舞臺(tái)中，這個(gè)整體在“庫(kù)”中完成制作，這樣可以很好地防止直接在舞臺(tái)中制作而導(dǎo)致的圖層過(guò)多，容易混亂的問(wèn)題。

將元件從庫(kù)中拖放到場(chǎng)景或其他元件中后，就變成了元件的實(shí)例。實(shí)例之間是獨(dú)立的，對(duì)某一個(gè)實(shí)例的編輯不會(huì)影響其他同元件的實(shí)例。元件和實(shí)例之間既保持一定的聯(lián)系，又具有一定的獨(dú)立性。

創(chuàng)立元件后，可以在文檔中重復(fù)使用它的實(shí)例?？梢孕薷膯蝹€(gè)實(shí)例的顏色、縮放比例、旋轉(zhuǎn)、Alpha透明度、亮度、色調(diào)、高度、寬度和位置等實(shí)像屬性，而不會(huì)影響其他實(shí)例或原始元件。

元件包括圖形元件，影片剪輯元件和按鈕元件三種類型。圖形元件適用于靜態(tài)圖像的制作，發(fā)家具、服裝等。

影片剪輯元件適用于制作動(dòng)態(tài)效果，如飛舞的蝴蝶、小鳥(niǎo)等。

按鈕元件可以實(shí)現(xiàn)交互操作，如單擊按鈕跳轉(zhuǎn)到其他畫(huà)面等。⑴、新建圖形元件

師先做演示操作，然后學(xué)生上機(jī)操作。

具體演示操作步驟：

1、執(zhí)行“窗口”

→“庫(kù)”命令，彈出“庫(kù)”面板。

2、單擊“庫(kù)”面板下方的“新建元件”按鈕，彈出“創(chuàng)立新元件”對(duì)話框，更改元件名稱為“貓”，元件類型為“圖形”元件，單擊“確定”按鈕。此時(shí)“庫(kù)”面板中出現(xiàn)“貓”的圖形元件，并進(jìn)入圖形元件的編輯狀態(tài)。學(xué)生上機(jī)操作。

⑵、制作“貓”的圖形元件

師先做演示操作，然后學(xué)生上機(jī)操作。

具體演示操作步驟：

在“貓”的圖形元件的編輯狀態(tài)下，將“圖層1”重命名為“貓”。

進(jìn)入圖形元件的編輯狀態(tài)，界面中間出現(xiàn)的十字形表示為圖形元件舞臺(tái)的中央，從這里開(kāi)始繪制圖形便于今后調(diào)整元件。使用工具面板中的“橢圓工具”、“線條工具”繪制貓的外形，使用“選擇工具”將直線調(diào)整為弧線，并填充顏色，如下列圖所示。師做演示操作。

⑶、新建圖層，重命名為“領(lǐng)結(jié)”，使用“線條工具”繪制領(lǐng)結(jié)，魚(yú)竿，并填充顏色，如下列圖所示

使用制作“貓”圖形元件的方法，在“庫(kù)”面板中分別新建“背景”、“蜻蜓”、“花”、“眼睛”的圖形元件，并使用“刷子工具”、“線條工具”、“鉛筆工具”等分別制作各元件，如下列圖所示。

學(xué)生上機(jī)操作。使用制作“貓”圖形元件的方法，在“庫(kù)”面板中分別新建“背景”、“蜻蜓”、“花”、“眼睛”的圖形元件，并使用“刷子工具”、“線條工具”、“鉛筆工具”等分別制作各元件，如下列圖所示。背景蜻蜓花眼睛三、制作動(dòng)畫(huà)效果

⑴、將圖形元件拖放至舞臺(tái)中并調(diào)整

師：將元件分別放置在場(chǎng)景1的舞臺(tái)中，制作出小貓眼睛隨蜻蜓轉(zhuǎn)動(dòng)的效果。

師先做演示操作，然后學(xué)生上機(jī)操作。

具體演示操作步驟：

1、在“場(chǎng)景1”的編輯狀態(tài)，將“圖層1”重命名為“靜態(tài)”。

2、將“庫(kù)”面板中的“背景”元件和“貓”元件分別拖放到“場(chǎng)景1”的“靜態(tài)”圖層中。再將圖形元件“花”拖放屢次，并使用“任意變形工具”調(diào)整大小、角度、位置。師引導(dǎo)學(xué)生制作：

在場(chǎng)景1中分別新建圖層，重命名為“眼睛”和“蜻蜓”，然后把“庫(kù)”面板中的圖形元件“眼睛”和“蜻蜓”拖放到相應(yīng)圖層中，并調(diào)整大小、角度、位置。

⑵、制作蜻蜓的動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)

師先做演示操作，然后學(xué)生上機(jī)操作。

具體演示操作步驟：

1、在“靜態(tài)”圖層的第三者45幀插入幀。

2、在“蜻蜓”圖層的第15、30、45幀插入關(guān)鍵幀，分別移動(dòng)蜻蜓位置，模擬蜻蜓從畫(huà)面右側(cè)飛到左側(cè)的效果，如下列圖所示第1幀第15幀第30幀第45幀選中“蜻蜓”圖層第1至15幀中的任何一幀，更改“屬性”面板中的“補(bǔ)間”為“動(dòng)畫(huà)”，此時(shí)“蜻蜓”圖層面板中的第1幀到第15幀間由淡紫色背景與實(shí)線箭頭表示。分別更改第15至30幀，第30至45幀“屬性”面板中的“補(bǔ)間”為“動(dòng)畫(huà)”，制作完成后的幀面板如下列圖所示。使用制作“蜻蜓”圖層傳統(tǒng)補(bǔ)間動(dòng)畫(huà)的方法，制作“眼睛”所在圖層的傳統(tǒng)補(bǔ)間，使小貓的眼睛隨蜻蜓轉(zhuǎn)動(dòng)。制作完成后的幀面板如下列圖所示。四、保存文件

師：將動(dòng)畫(huà)源文件以“快樂(lè)貓咪”為文件名保存在“我的電腦”

→“E盤(pán)”→“自己文件夾”

→“作業(yè)文件夾”中，并測(cè)試生成swf格式的文件，向教師機(jī)提交作業(yè)。

課堂練