【教學(xué)設(shè)計(jì)】八年級(jí)下——?jiǎng)?chuàng)建逐幀動(dòng)畫

創(chuàng)建逐幀動(dòng)畫

教材分析

本活動(dòng)介紹了逐幀動(dòng)畫的制作。

學(xué)生分析

對于八年級(jí)的學(xué)生，本課的學(xué)習(xí)興趣濃厚，終于開始做動(dòng)畫了，但對于幀的理解有難度，所以本課適合先介紹其中一種，關(guān)鍵幀的基本操作及意義。

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

1．理解逐幀動(dòng)畫的概念及應(yīng)用。

2．理解普通幀、關(guān)鍵幀、空白關(guān)鍵幀的概念。

3．掌握制作逐幀動(dòng)畫的方法。

4．掌握改變影片播放速度的兩種方法。

5．理解圖層概念，會(huì)根據(jù)對象運(yùn)動(dòng)效果設(shè)置圖層。

6．掌握動(dòng)畫的發(fā)布和Flash源文件的保存方法。

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

1.教學(xué)重點(diǎn)。

各種幀的概念和運(yùn)用、運(yùn)動(dòng)速度和時(shí)長的控制、圖層的概念和運(yùn)用。

2．教學(xué)難點(diǎn)。

不同幀的選擇使用，圖層與運(yùn)動(dòng)對象的關(guān)系。

教學(xué)過程

設(shè)置情境、導(dǎo)入新課

   1．展示幾個(gè)簡單的Flash動(dòng)畫作品，如逐幀相冊動(dòng)畫、毛筆寫字動(dòng)畫等，組織學(xué)生觀摩，體驗(yàn)動(dòng)畫作品的魅力。

   2．簡單復(fù)習(xí)上節(jié)課介紹的Flash的窗口和繪制的工具及繪制動(dòng)畫元件。

 3．將一系列靜態(tài)的連續(xù)動(dòng)作的圖片（例如，人走路的過程、跳躍的過程等）放在同一個(gè)文件夾中，用看圖軟件先緩慢觀看每一張圖片，再以較快的速度播放，靜態(tài)的圖片會(huì)形成一段類似動(dòng)態(tài)的動(dòng)作（講解動(dòng)畫原理）。

 4．課件顯示課題：活動(dòng)三逐幀動(dòng)畫。

建立“幀”的概念及“幀”的作用與操作

   1．講解幀的概念：在Flash動(dòng)畫中，幀是某個(gè)時(shí)間點(diǎn)上的圖像，讓不同幀上的圖像發(fā)生變化就能產(chǎn)生動(dòng)畫效果。任何動(dòng)畫都是由一個(gè)個(gè)幀連接而成的。幀是動(dòng)畫的最小單位。

   2．引導(dǎo)學(xué)生閱讀學(xué)習(xí)教材第14頁內(nèi)容，從中了解關(guān)鍵幀、普通幀、空白關(guān)鍵幀、時(shí)間軸和時(shí)間軸面板的概念及應(yīng)用。

   3．引導(dǎo)學(xué)生打開Flash軟件。

   4．廣播教師機(jī)，提問學(xué)生（連線練習(xí)）：

   (1)默認(rèn)的第一幀是什么幀？

   (2)在空白關(guān)鍵幀里面畫個(gè)圓，這時(shí)的幀是什么幀？

   (3)在第五幀，點(diǎn)擊右鍵——插入幀，灰色的幀是什么幀？

   在問答過程中講解各種幀的作用與操作。

   5．引導(dǎo)學(xué)生進(jìn)行幀的操作練習(xí)。

   操作要求：

   (l)第一幀創(chuàng)建關(guān)鍵幀（添加內(nèi)容與沒添加內(nèi)容的區(qū)別）。

   (2)第二幀創(chuàng)建空白關(guān)鍵幀（與第一幀關(guān)鍵幀的區(qū)別）。

   (3)第五幀插入幀（與關(guān)鍵幀的區(qū)別）。

   (4)復(fù)制第一幀到第六幀的位置。

   (5)刪除第三幀。

   對學(xué)生的活動(dòng)過程予以相應(yīng)的提示（比較），并對活動(dòng)過程給予適當(dāng)?shù)脑u(píng)價(jià)。

創(chuàng)作逐幀動(dòng)畫

   1．以PPT形式展示創(chuàng)建逐幀動(dòng)畫的幾種方法（本節(jié)課用第一種和第二種方法創(chuàng)建逐幀動(dòng)畫）。

   2．例子：創(chuàng)建5秒鐘倒計(jì)時(shí)動(dòng)畫（廣播教師機(jī)）。

 I．演示：

 (l)單擊菜單欄中的“文件”，新建一個(gè)Flash文檔文件。

   (2)設(shè)置文檔屬性。大??；“400* 300像素”，背景顏色：“天藍(lán)色”，幀數(shù)：“l(fā)Ofps”。

(3)選中“圖層1”的第一幀，選取文本工具，設(shè)置文字屬性。字體：“黑體”，大?。?/span>

“150”，顏色：“紅色”。單擊舞臺(tái)，輸人數(shù)字“5”。

   (4)單擊菜單欄中的“窗口”，選中“對齊”命令，打開對齊面板，對彈出的對話框進(jìn)行簡單解釋。

   (5)單擊舞臺(tái)上的數(shù)字，選中“相對于舞臺(tái)”選項(xiàng)，利用“水平中齊”和“垂直中齊”工具，將文字置于舞臺(tái)的中央。

   (6)選中第兒幀，單擊菜單欄中的“插入”一“關(guān)鍵幀”，或直接按F6功能鍵，在第11幀中插入一個(gè)與第1幀內(nèi)容相同的關(guān)鍵幀。

   (7)雙擊舞臺(tái)上的數(shù)字“5”，將數(shù)字改為“4”。

   (8)在第21、31、41幀中分別插入關(guān)鍵幀，并更改其中的數(shù)字為；“3”、“2”、“1”。

   (9)在第51幀上插入一個(gè)關(guān)鍵幀，將舞臺(tái)上的數(shù)字更改為“時(shí)間到”，文字大小設(shè)為“96”；在第60幀上按F5插入普通幀，延長動(dòng)畫播放時(shí)間。

   (10)單擊菜單欄中的“控制”一“測試影片”命令，系統(tǒng)將生成一個(gè)“．swf”播放文件。

作品測試完成后，單擊“文件”菜單，將動(dòng)畫保存在“倒計(jì)時(shí)．fla”中。

   4．讓學(xué)生動(dòng)手操作，可以模仿“倒計(jì)時(shí)”例子，或自主創(chuàng)作。

   5．對學(xué)生的活動(dòng)過程予以必要的提示（創(chuàng)作逐幀動(dòng)畫時(shí)，各個(gè)關(guān)鍵幀的內(nèi)容可以任意改變，關(guān)鍵幀的數(shù)量也可以自行設(shè)定，只要兩個(gè)相鄰關(guān)鍵幀的內(nèi)容連續(xù)合理即可），并對活動(dòng)過程予以適當(dāng)評(píng)價(jià)。

   6．展示并評(píng)價(jià)學(xué)生作品，鼓勵(lì)學(xué)生參與評(píng)價(jià)。

認(rèn)識(shí)圖層及圖層面板

   1．講解圖層的原理（將圖層比喻為透明的紙，每一張都保持獨(dú)立，它們的內(nèi)容不會(huì)相互影響，可以進(jìn)行獨(dú)立的操作，同時(shí)又可以將它們合成一個(gè)完整的電影）。

 2．講解圖層的作用及類型（普通圖層、引導(dǎo)圖層、被引導(dǎo)圖層、遮罩圖層和被遮罩圖層等）。

   3．以創(chuàng)建小孩奔跑動(dòng)畫為例，實(shí)踐圖層的運(yùn)用。

   4．演示：

   (l)單擊菜單欄中的“文件”，新建一個(gè)Flash文檔文件，文檔屬性設(shè)為默認(rèn)值。

   (2)單擊菜單欄中“文件”一“導(dǎo)入”命令，在“導(dǎo)入”對話框中，選擇一張圖片作為動(dòng)畫的背景圖片，如“背景．JP9-。

   (3)單擊菜單欄中的“修改”一“變形”’“縮放”命令，將背景圖片的大小調(diào)整到與舞臺(tái)大小相一致。

   (4)雙擊圖層面板中的“圖層l”，將該圖層重命名為“背景”。

   (5)單擊圖層面板中的“插入圖層”按鈕，插入—個(gè)新圖層，并將該圖層重命名為“小孩”。

   (6)單擊菜單欄中的“文件”斗“導(dǎo)入”命令。在“導(dǎo)入”對話框中，選擇一張圖片作為動(dòng)畫的起始頁面，如“跑步OOl. png”。此時(shí)，系統(tǒng)彈出一個(gè)對話框。

   (7)單擊“是”按鈕．Flash會(huì)自動(dòng)把同名的圖片文件序列以逐幀形式導(dǎo)入到舞臺(tái)的左上角。

   (8)導(dǎo)入操作完成后，這些動(dòng)畫序列將被Flash自動(dòng)分配在8個(gè)關(guān)鍵幀中。

   (9)在“背景”圖層的第8幀處，按下快捷鍵F5，插入普通幀，延長“背景”圖層的播放時(shí)間。

   (lO)單擊菜單中的“控制”一“測試影片”命令，系統(tǒng)將生成一個(gè)“．swf“播放文件。作品測試完成后，單擊“文件”菜單，將動(dòng)畫保存在“奔跑的小孩．fla”中。

   5．出示任務(wù)：

   (l)導(dǎo)入gif動(dòng)畫圖片，建立一個(gè)逐幀動(dòng)畫，觀察時(shí)間軸的狀態(tài)。給這個(gè)逐幀動(dòng)畫添加一個(gè)合適的背景。

   (2)利用對齊工具，讓導(dǎo)入的圖片居中對齊。

應(yīng)用圖層、組合動(dòng)畫、演示講解、制作范例

   1、講解：在制作動(dòng)畫時(shí)，每個(gè)圖層都有獨(dú)1立的幀面板，可以在每個(gè)圖層上單獨(dú)制作動(dòng)畫，組合多個(gè)圖層的動(dòng)畫便可形成復(fù)雜的動(dòng)畫。

   2．創(chuàng)建用毛筆書寫漢字的模擬動(dòng)畫。

   3．演示：    

   (l)單擊菜單欄中的“文件”，新建一個(gè)IFlash文檔，文檔屬性設(shè)為默認(rèn)值。    

   (2)選取文本工具，在“圖層1”第1幀處輸入漢字“初二”，在屬性面板上設(shè)置文字屬性，字體：“隸書”，大?。骸?6”。

   (3)將該圖層重命名為“初二”。

   (4)利用工具箱中的“任意變形工具”調(diào)整文字的大小。

   (5)打開對齊面板，利用“水平中齊”和“垂直中齊”工具，把文字置于“相對舞臺(tái)”的中央。

   (6)單擊菜單欄中的“修改”一“分離”命令（兩次），將文字“初二”轉(zhuǎn)換為矢量圖。

   (7)利用橡皮擦工具，按照與漢字書寫筆畫相反的順序，倒退著將文字的筆畫擦除，每擦一次，按F6功能鍵插入一個(gè)關(guān)鍵幀。

   (8)在時(shí)間軸上，拖動(dòng)鼠標(biāo)選中所有關(guān)鍵幀，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“翻轉(zhuǎn)幀”命令，將幀的順序全部顛倒過來。

   (9)單擊圖層面板中的“插入圖層”，插入一個(gè)新圖層，并將該圖層重命名為“毛筆”。

   (lO)單擊菜單欄中的“文件”一“導(dǎo)入”命令，導(dǎo)入“毛筆．png”文件（背景透明色的毛筆圖片）。

   (11)利用工具箱中的“任意變形工具”調(diào)整“毛筆”圖片的大小，并將“毛筆”圖片移到“初二”圖層中運(yùn)筆寫字的初始位置上。

   (12)從“毛筆”圖層的第二幀開始，不斷按F6功能鍵插人關(guān)鍵幀，并將“毛筆”移到文字幀相應(yīng)的筆畫上。

   (13)單擊菜單欄中的“控制”一“測試影片”命令，系統(tǒng)將生成一個(gè)“．swf”播放文件，作品測試完成后，單擊“文件”菜單，將動(dòng)畫保存在“毛筆寫字．fla”中。

   4．出示任務(wù)：運(yùn)用圖層組合動(dòng)畫，創(chuàng)建一個(gè)用筆寫字的模擬動(dòng)畫（自由發(fā)揮）。在學(xué)生操作過程中給予適當(dāng)?shù)奶嵝?，如，文字要分離兩次等。

 5．創(chuàng)新活動(dòng)：

 (l)在不同的圖層中導(dǎo)入不同的gif動(dòng)畫或圖片系列，形成多個(gè)動(dòng)畫場景。

   (2)改變圖層的層次關(guān)系，觀察動(dòng)畫效果的變化情況。

   6．展示學(xué)生優(yōu)秀作品，對活動(dòng)過程及成果進(jìn)行適當(dāng)點(diǎn)評(píng)。

歸納小結(jié)、拓展學(xué)習(xí)

 師生共同小結(jié)本活動(dòng)的主要學(xué)習(xí)內(nèi)容：

 (l)認(rèn)識(shí)逐幀動(dòng)畫。

 (2)認(rèn)識(shí)圖層及圖層面板。

 (3)應(yīng)用圖層組合動(dòng)畫。