“Flash動(dòng)畫的制作”教學(xué)案例

1、“Flash動(dòng)畫的制作”教學(xué)案例案例引言：高中信息技術(shù)課程標(biāo)準(zhǔn)提出：中小學(xué)信息技術(shù)的培養(yǎng)目標(biāo)是“培養(yǎng)學(xué)生的信息素養(yǎng)”，就高中階段而言，信息素養(yǎng)的培養(yǎng)包括三個(gè)層面的內(nèi)涵：1、知識(shí)層面，是傳統(tǒng)文化素養(yǎng)的延續(xù)和拓展。2、意識(shí)層面，是對(duì)信息與信息技術(shù)的認(rèn)識(shí)。3、技術(shù)層面，是對(duì)信息技能的要求，對(duì)信息源及信息工具的了解及運(yùn)用。我在中國地圖版的信息技術(shù)（必修二）多媒體技術(shù)的應(yīng)用的教學(xué)過程中，由于多媒體本身的表現(xiàn)豐富，發(fā)現(xiàn)學(xué)生的求知欲強(qiáng)，學(xué)習(xí)興趣濃。但是也有部分學(xué)生因?yàn)樾畔⒓夹g(shù)基礎(chǔ)薄弱或習(xí)慣于文化課的學(xué)習(xí)，在操作技術(shù)學(xué)習(xí)方面的方法和能力有所欠缺。在上教材第三單元第二節(jié)音樂動(dòng)畫梁祝的實(shí)例前，我更擔(dān)心，因?yàn)榻滩牡?/p>

2、內(nèi)容寬泛，前面章節(jié)輔墊較少，要想學(xué)好這節(jié)Flash的綜合實(shí)例并熟練掌握談何容易？課前又不好讓學(xué)生預(yù)習(xí)，光看書不操作根本不行，況且書上flash還是英文版。怎樣教？引導(dǎo)學(xué)生怎樣學(xué)？這兩個(gè)問題如果處理不好，學(xué)生就會(huì)產(chǎn)生畏難情緒喪失信心，上了不如不上。所以我打算分為兩三個(gè)課時(shí)進(jìn)行講解，自己又特意精心設(shè)計(jì)了兩個(gè)實(shí)例。案例描述：上課了，我打開音樂動(dòng)畫梁祝的最終SWF格式效果動(dòng)畫，本想這個(gè)展示能引起學(xué)生對(duì)這節(jié)課的關(guān)注，結(jié)果教室內(nèi)發(fā)出活躍的哄然大笑。師：“為什么笑？”生1：“蝴蝶像紙片一樣動(dòng)作僵硬，飛行時(shí)有點(diǎn)像被風(fēng)刮得發(fā)飄?！鄙?：“這兩個(gè)蝴蝶最后應(yīng)該飛出畫面，讓人留點(diǎn)懸念，在邊緣上撲閃翅膀飛不走，非?；?/p>

3、，需要點(diǎn)擊才動(dòng)”。生3：“動(dòng)畫的背景素材模糊不清”。師：“那你們會(huì)不會(huì)做呀？你們是否知道這些缺點(diǎn)都是能調(diào)整的嗎？”生(躍躍欲試)：“怎么做？老師快做!在哪里調(diào)整？”我本打算激發(fā)興趣后按部就班地演示這個(gè)實(shí)例的操作步驟，可當(dāng)時(shí)突然改變了主意，認(rèn)為這個(gè)“包裹”暫不打開。師：“是同學(xué)們覺得不滿意，這個(gè)我想留給大家自己調(diào)整！”生：“那我們沒有學(xué)呀！”師：“我先學(xué)其他兩個(gè)類似的例子，完了每人再把這受傷的蝴蝶調(diào)整好，使得它暢快飛舞，好不好？”生：“好！”大家異口同聲，聲音洪亮，聚精會(huì)神地看著我的“極域”演示。具體過程：在以往演示實(shí)例的過程中，學(xué)生對(duì)一些概念的理解不透徹致使操作中漏洞百出，這次還要著重強(qiáng)調(diào)一些

4、基本概念。 其實(shí)要把這兩三節(jié)課的任務(wù)完成，學(xué)生還是存在一定的難度，因?yàn)橹R(shí)點(diǎn)太多，比如對(duì)象的“舞臺(tái)級(jí)”和“遮擋級(jí)”的概念（即圖像為何分離為何組合）、工具箱中主要各個(gè)工具的使用、動(dòng)作動(dòng)畫過濾幀的建立、引導(dǎo)的生成、影片剪輯和按鈕元件的創(chuàng)建、在動(dòng)作面板中腳本的理解和音樂素材的導(dǎo)入，這些以前學(xué)生都做過，但掌握不太扎實(shí)。根據(jù)實(shí)例的需要，這節(jié)課只我抓住兩個(gè)主要關(guān)鍵點(diǎn)：1、引導(dǎo)；2、影片剪輯；其他是為拓展知識(shí)面以培養(yǎng)信息素養(yǎng)。以下是實(shí)例演示的具體步驟：實(shí)例1:秋水長天(1)導(dǎo)入素材啟動(dòng)Flash8軟件,新建一個(gè)名為“秋水長天”的動(dòng)畫文件；分別將大雁素材和背景素材導(dǎo)入到角色庫中。創(chuàng)建“飛雁”的影片剪輯在“插入

5、”下拉菜單中選擇“新建元件”，名稱“飛雁”，類型為“影片剪輯”（如圖1）。進(jìn)入“飛雁”的影片剪輯的編輯環(huán)境，在時(shí)間軸的前4幀中插入4個(gè)空白關(guān)鍵幀，分別將bird1.bmp、bird2.bmp、bird3.bmp、bird4.bmp插入的第1幀、第2幀、第3幀和第4幀。在“窗口”下拉菜單中選擇“對(duì)齊”選項(xiàng)，打開右邊的“對(duì)齊”面板，選擇“相對(duì)于舞臺(tái)”圖標(biāo)使其處于作用狀態(tài)，然后分別對(duì)這四個(gè)關(guān)鍵幀中的圖片進(jìn)行“水平居中”和“垂直居中”對(duì)齊，使每一個(gè)對(duì)象處于舞臺(tái)中心（圖2）。在四個(gè)動(dòng)作幀上分別插入一個(gè)幀，這樣“飛雁”的動(dòng)作看上去更舒緩。到此，“飛雁”的影片剪輯就做好了，可以作為一個(gè)元件在場景中被調(diào)用。制

6、作初步動(dòng)畫切換至“場景”狀態(tài)，將名為qiushui.jpg的圖片載入“圖層1”上，相對(duì)于舞臺(tái)匹配寬和高，左對(duì)齊和上對(duì)齊（如圖2），在第60幀再插入幀。并把此圖層更名為“背景”。新建圖層，更名為“大雁”。將角色庫中已做好的“飛雁”元件載入這個(gè)圖層，并把它調(diào)至舞臺(tái)的左邊。再在第60幀插入關(guān)鍵幀，把它調(diào)至舞臺(tái)右端。選擇第一幀，創(chuàng)建補(bǔ)建動(dòng)畫。按Ctrl+Enter鍵測試動(dòng)畫效果，可調(diào)整位置直至滿意為止。創(chuàng)建引導(dǎo)層在“大雁”圖層上創(chuàng)建運(yùn)動(dòng)引導(dǎo)層，更名為“引導(dǎo)大雁”層，在此圖層上繪制一根直線，并用工具箱中的“選擇”工具對(duì)其調(diào)整至一定弧度的曲線（如圖3）。在“大雁”圖層上的第1和第60幀中分別移動(dòng)“飛雁”元

7、件直至中心位置壓在引導(dǎo)曲線上。分別調(diào)整首尾幀“飛雁”元件的方向，使之與曲線方向相切，并“調(diào)整到路徑”。測試引導(dǎo)動(dòng)畫的效果（如圖）。創(chuàng)建大雁倒影在“背景”層上面新建一個(gè)圖層，更名為“大雁倒影”層，將“飛雁”元件載入該圖層。選用工具箱中的“任意變形工具”將該元件上下翻轉(zhuǎn)，并設(shè)置顏色的Alpha值為40%（如圖）。在“大雁倒影”層上第60幀插入關(guān)鍵幀。并將首尾幀對(duì)象與“大雁”層首尾幀對(duì)象左右對(duì)齊。如“大雁”層創(chuàng)建引導(dǎo)層一樣，創(chuàng)建“引導(dǎo)大雁倒影”層，弧度方向與之相反。創(chuàng)建波紋效果將所有圖層鎖定以避免誤編輯，在“背景”層上再新建一個(gè)“波紋1”的圖層，再將“qiushui.jpg”載入該層，與舞臺(tái)匹配大小

8、并對(duì)齊。在“修改”下拉菜單中選擇“分離”將這幅圖片進(jìn)行打散處理。用工具箱中的“橢圓工具”圈選分離后的圖片中大雁對(duì)象下落時(shí)與水面接觸的一部分，將其他部分刪除，還要將筆觸色刪除（本操作為綠色的筆觸）（如圖）。將橢圓部分的水面轉(zhuǎn)換為圖形元件（如圖），并把它從第1幀移動(dòng)到大雁對(duì)象下落時(shí)的時(shí)間幀。在該幀的后面適當(dāng)位置插入關(guān)鍵幀，縮放其大小至200%，并將其顏色的Apha值設(shè)為0。創(chuàng)建補(bǔ)間動(dòng)畫，這樣就有水紋擴(kuò)散開來并消失的效果。再建若干個(gè)圖層，將該段時(shí)間幀依次復(fù)制，逐次向后調(diào)整位置，并建一個(gè)“波紋”文件夾，將四個(gè)波紋圖層放入該文件夾中便于管理。添加字幕在場景中新建一個(gè)動(dòng)畫圖層，設(shè)置與背景相同的幀數(shù)；將文字

9、運(yùn)動(dòng)路徑設(shè)置為自下而上的直線，使文字實(shí)現(xiàn)由屏幕下方上升并翻轉(zhuǎn)的效果直至下落的效果。添加按鈕按Ctrl+F8創(chuàng)建一個(gè)“重放”的按鈕元件。在按鈕元件的編輯界面中的“彈起”幀繪制一個(gè)顏色為綠色逐變的橢圓，并輸入文字“重放”，形成按鈕的造型，如圖。在按鈕元件的編輯界面中的“彈起”幀內(nèi)插入關(guān)鍵幀，并修改橢圓和文字的顏色，形成按鈕造型（如果Flash8軟件自帶的按鈕素材，則可通過執(zhí)行“窗口”下拉菜單中“公用庫”之“按鈕”直接調(diào)用即可）。切換至“場景”編輯界面，新建一個(gè)名為“控制播放”的圖層，將該層時(shí)間軸上的最后一幀設(shè)為關(guān)鍵幀，再載入前面制作的“重放”按鈕，并調(diào)整其位置及大小，使其處于場景的右下角適當(dāng)位置，

10、和畫面和諧統(tǒng)一。選中動(dòng)畫的最后一幀，這里是“文字”圖層的最后一幀，執(zhí)行“窗口”下拉菜單之“動(dòng)作”選項(xiàng)，或按F9，打開“動(dòng)作”編輯面板。在“全局變量”的“時(shí)間軸控制”中雙擊stop，產(chǎn)生“stop();”代碼（這時(shí)發(fā)現(xiàn)最后一幀上有“”標(biāo)記），可使動(dòng)畫播放到最后一幀時(shí)停止播放。選中場景中的“重放”按鈕，在“動(dòng)作”編輯面板中添加一段交互行為的控制代碼：on (release) play();測試作品、輸出作品按Ctrl+Enter鍵既可以測試動(dòng)畫景片，又可以將動(dòng)畫作品輸出為SWF格式。執(zhí)行“文件”“發(fā)布設(shè)置”，可輸出SWF、GIF等格式的文件，如圖。具體選擇哪一種，主要取決于我們對(duì)動(dòng)畫文件的使用需求

11、。能夠合理地選擇文件輸出格式并輸出成品，是最終完成一件動(dòng)畫作品的標(biāo)志。中斷“極域”控制，讓學(xué)生自己完成，強(qiáng)調(diào)要點(diǎn)：這個(gè)實(shí)例只要做好“飛雁”的影片剪輯并放置在圖層上，做一個(gè)引導(dǎo)層，調(diào)整首尾幀的對(duì)象使其中心點(diǎn)壓到引導(dǎo)線兩端就基本完成任務(wù)了。學(xué)生經(jīng)過相互比照，相互學(xué)習(xí)，舉手提問，大部分學(xué)生這兩點(diǎn)做得非常好！少數(shù)學(xué)生還做了大雁的倒影。整個(gè)演示講解過程中我每到一個(gè)關(guān)節(jié)點(diǎn)就暫停下來讓學(xué)生自己操作，然后到學(xué)生中間觀察他們操作的情況，優(yōu)先輔導(dǎo)主動(dòng)提問或接受能力較強(qiáng)的學(xué)生以帶動(dòng)周圍學(xué)生進(jìn)步。從結(jié)果看，學(xué)生接受很快。實(shí)例2:蝶舞花間(1)導(dǎo)入素材用Photoshop將藍(lán)色蝴蝶“butterflyB.jpg”通過“

12、顏色替換”處理出一個(gè)紅色蝴蝶“butterflyR.jpg”。啟動(dòng)Flash8軟件,新建一個(gè)名為“蝶舞花間”的動(dòng)畫文件；分別將紅藍(lán)蝴蝶“butterflyR.jpg” 、“butterflyB.jpg”和背景圖片“background.jpg”及背景音樂“l(fā)z2.mp3”導(dǎo)入角色庫中。創(chuàng)建“紅飛蝶”和“藍(lán)飛蝶”的影片剪輯在“插入”下拉菜單中選擇“創(chuàng)建新元件”選項(xiàng)，名稱為“紅飛蝶”的影片剪輯。在影片剪輯元件的環(huán)境里將紅色蝴蝶“butterflyR.jpg”拖到舞臺(tái)上，使其相對(duì)舞臺(tái)水平和垂直都居中。并在“修改”下拉菜單中選擇“分離”打散圖像。在工具箱中先擇“套索工具”之“魔術(shù)棒”選項(xiàng)，把圖像外面的

13、顏色選中，按Delete去掉顏色，使邊緣透明（注意：有的時(shí)候邊緣是白色的不容易看出來，換一個(gè)背景色就能看出是白色，也要去白。）邊緣顏色處理干凈以后，選擇“修改”下拉菜單中的“組合”，將圖像重新組合成一個(gè)整體。在第10幀插入關(guān)鍵幀。再在第5幀插入關(guān)鍵幀。在工具箱中選擇“自由變形工具”，按Alt鍵對(duì)稱調(diào)整蝴蝶兩翼，使兩翼收縮；或者在“變形”面板中，調(diào)整寬度是原來長度是40%。在關(guān)鍵幀之間插入“動(dòng)作動(dòng)畫”，這樣舞動(dòng)翅膀的“紅飛蝶”影片剪輯就做成了。同樣方法可以做“藍(lán)飛蝶”的影片剪輯。制作動(dòng)畫切換至“場景”環(huán)境下，把背景圖片“background.jpg”載入舞臺(tái)，與舞臺(tái)匹配大小并居中對(duì)齊，把這個(gè)圖層

14、改名為“花枝”層，在第100幀插入幀。新建圖層，更名為“紅蝴蝶”，在角色庫中選擇“紅飛蝶”的影片剪輯載入該圖層，選擇“任意變形工具”結(jié)合Shift鍵等比例調(diào)整對(duì)象大小。在第100幀插入關(guān)鍵幀，并在舞臺(tái)上移動(dòng)對(duì)象的位置，在兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)作動(dòng)畫。按Ctrl+Enter測試是否飛舞并移動(dòng)。創(chuàng)建引導(dǎo)層,命名為“引導(dǎo)紅蝴蝶”層，選用工具箱的“鋼筆工具”繪制不規(guī)則的樣條曲線（如圖）。分別將“紅蝴蝶“層的首尾幀對(duì)象移動(dòng)至樣條曲線兩端，使對(duì)象的中心點(diǎn)壓在樣條曲線上。用工具箱中的“任意變形工具”調(diào)整對(duì)象的方向，使之與曲線的切線方向一致。再將屬性面板中的“調(diào)整到路徑”復(fù)選框選中。如上述方法一樣，制作藍(lán)色蝴蝶

15、在舞臺(tái)上按路徑飛舞的動(dòng)畫（略）。為了使得蝴蝶飛舞更得逼真，讓紅蝴蝶在花枝上小憩幾秒。具體做法：在“紅蝴蝶”層適當(dāng)幀上（即經(jīng)過技頭的幀上）插入關(guān)鍵幀1，然后在隨后的幾幀上再插入關(guān)鍵幀2，去掉中間過渡幀，把幀1復(fù)制給幀2就可以了，如圖所示。導(dǎo)入音樂新建一個(gè)圖層，命名為“梁?！?。選中該圖層，在屬性面板中的聲音下拉列表框中選擇“l(fā)z2.mp3”。在同步下拉列表框中選擇“開始”。可以在“編輯”對(duì)話框中設(shè)置聲音效果，如“淡入淡出”等。測試作品、發(fā)布作品（略）這樣一個(gè)“蝶舞花間”的音樂動(dòng)畫作品就制作好了。師：“現(xiàn)在都做好同學(xué)的請(qǐng)?jiān)跇O域電子課堂上舉手！”這時(shí)發(fā)現(xiàn)有四分之三的學(xué)生齊刷刷地舉手，我選擇轉(zhuǎn)播幾個(gè)學(xué)生

16、的作業(yè)給大家欣賞，做得很有特色：有的學(xué)生把路徑改成圓形，有的改成“8”字形，元件也做了調(diào)整，個(gè)個(gè)“飛舞”得暢快淋漓，竟有一個(gè)學(xué)生下載了一個(gè)雁叫的聲音素材，插入其中產(chǎn)生“雁過留聲”的效果，令人心曠神怡！我做了及時(shí)的點(diǎn)評(píng)，并給予高度贊揚(yáng)和鼓勵(lì)。師：“沒做好的同學(xué)繼續(xù)做，做好的同學(xué)自己把課本上受傷的蝴蝶修整一下，好不好！”生：“好！”看著他們興高采烈的樣子，我心里非常高興。于是主要精力放在沒做好的同學(xué)身上，發(fā)現(xiàn)還有少數(shù)學(xué)生對(duì)概念的理解不扎實(shí)，故爾做的時(shí)候有些困難，看到別人做好了自己干著急。我一邊給他們糾正錯(cuò)誤，一邊安慰他們不要著急。課下我把實(shí)例的操作步驟整理成如上的文稿印發(fā)給了學(xué)生。案例反思：在這兩

17、節(jié)連堂的課上，課本實(shí)例根本沒有演示和講解，但是大部分學(xué)生也能獨(dú)立完成，這在往常是難以想象的，僅僅是因?yàn)槲覀湔n充分嗎？我覺得還在于要能夠抓住學(xué)生的心理特征，善于把握學(xué)生的審美需求，調(diào)動(dòng)起學(xué)生的興趣，因?yàn)榕d趣是最好的老師，因勢利導(dǎo)，因材施教，積極引導(dǎo)學(xué)生輕松暢快地學(xué)習(xí)。在老師的主導(dǎo)下，把課堂還給學(xué)生，既是模仿課，又是研究課，充分發(fā)揮學(xué)生的主體作用。老師還要盡可能滿足學(xué)生的訴求，之前在其他班級(jí)先上的這堂課，就有學(xué)生提出：能否在大雁下滑至湖面時(shí)能激起水波？我認(rèn)為信息技術(shù)的教學(xué)應(yīng)該豐富多彩的，是具有開放性的，課下對(duì)其進(jìn)行了修改以契合場景，以使得這節(jié)課能更加生動(dòng)地教學(xué)。老師還要是教會(huì)學(xué)生如何學(xué)，讓學(xué)生自主

18、學(xué)習(xí)、探究學(xué)習(xí)，在學(xué)習(xí)鉆研的基礎(chǔ)上大膽構(gòu)思，提升創(chuàng)新能力。要想改進(jìn)以后的教學(xué)，通過這節(jié)課，有兩點(diǎn)值得深思：第一，信息技術(shù)的教學(xué)之前老師要能吃透課改精神，課堂的設(shè)計(jì)要源于教材，又不能被教材束縛了手腳。信息技術(shù)未設(shè)為高考課程，某種程度反而對(duì)信息技術(shù)課程的發(fā)展為利，為其松了繩索，師生可以不必本本主義，以本為本。在把握教材主線的基礎(chǔ)上，綜合歸整課內(nèi)外資源，擴(kuò)充學(xué)生知識(shí)層面，促進(jìn)新創(chuàng)意產(chǎn)生。吸取課內(nèi)外的優(yōu)秀素材和教法，對(duì)教材的處理做到生動(dòng)、巧妙和得當(dāng)，充足地準(zhǔn)備好了一桶水，才能暢快淋漓地“教”，才能最終落實(shí)為學(xué)生的一杯水。第二，信息技術(shù)的教學(xué)也要根據(jù)學(xué)生的年齡特點(diǎn)、心理結(jié)構(gòu)和態(tài)度情趣創(chuàng)設(shè)教學(xué)情境，給學(xué)生充分思考和展示自我的機(jī)會(huì)，及時(shí)捕捉學(xué)生的發(fā)散思維，引導(dǎo)深入，提高綜合素質(zhì)，培養(yǎng)綜合能力。對(duì)接受能力有差異的學(xué)生要分層教學(xué),分層輔導(dǎo),還要發(fā)揮學(xué)生相互幫助,相互借鑒,相互影響的作用,使學(xué)生在暢快地“學(xué)”的同時(shí)，也體驗(yàn)到“教”的樂趣，展示自我的樂趣。在整堂課上形成“比、幫、趕、超”的學(xué)習(xí)氛圍。所以，信息技術(shù)的教學(xué),不能僅囿于課本，老師要掌握主動(dòng)，注重運(yùn)用多種方法、手段創(chuàng)設(shè)情境，培養(yǎng)學(xué)生對(duì)問題的分析能力、理解能力，在理解基礎(chǔ)上提高實(shí)踐動(dòng)手能力，進(jìn)而讓學(xué)生實(shí)現(xiàn)“知行相資以為用”。老師要把課堂適當(dāng)?shù)剡€給學(xué)生，給學(xué)生的“學(xué)”留有充分的空間，這樣才能達(dá)到“教”和“學(xué)”完美互動(dòng)、均衡和諧