小學(xué)六年級(jí)信息技術(shù)下冊(cè)教案

1、認(rèn)識(shí)Flash動(dòng)畫教學(xué)設(shè)計(jì)執(zhí)教：XXX教學(xué)目標(biāo)認(rèn)識(shí)FlaSh,了解它的應(yīng)用領(lǐng)域以及使用界面；掌握Flash的基礎(chǔ)知識(shí)重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：了解Flash8.0的使用界面并掌握有關(guān)它的基礎(chǔ)知識(shí) 教學(xué)難點(diǎn)：矢量圖形與位圖圖像的區(qū)別。教學(xué)準(zhǔn)備授課時(shí)數(shù)一課時(shí)教學(xué)過程1、新課引入Flash是MaCromedia公司推出的一種非常優(yōu)秀的矢量動(dòng)畫制作軟件，它不僅動(dòng)畫制作功能強(qiáng)大，另外還支持聲音控制和豐富的交互功能。由于它制作出的動(dòng)畫文件大小遠(yuǎn)遠(yuǎn)小于其它軟件制作的動(dòng) 畫文件的大小，并且米用了網(wǎng)絡(luò)流式播放技術(shù)，這樣使得在較慢的網(wǎng)絡(luò)上也能快速地播放。本課開 始，我們來學(xué)習(xí)制作簡單的FIaShO2、講授新課(1) 教師

2、提問：我們都聽過FlaSh這個(gè)名稱，那么究竟什么是Flash呢，同學(xué)們?cè)趺凑J(rèn)識(shí)？(2) 學(xué)生活動(dòng)：討論并回答教師的問題，各抒己見。(3) 教師講解：什么是Flasho Flash是一種優(yōu)秀的矢量動(dòng)畫制作軟件，利用該軟件制作的動(dòng)畫，文件大小比位圖動(dòng)畫(如GIF動(dòng)畫片)要小很多，而且采用了網(wǎng)絡(luò)流式媒體播放技術(shù)，可以在網(wǎng)絡(luò)上快速地播放。另外，F(xiàn)laSh還具備了強(qiáng)大的交互功能，可以制作出復(fù)雜的動(dòng)畫效果，如多媒體教學(xué)軟件、游戲等。(4) 教師講解：舉例說明Flash作品的四大應(yīng)用領(lǐng)域。網(wǎng)頁設(shè)計(jì)、多媒體教學(xué)、游戲、影視動(dòng)畫。要求學(xué)生知道網(wǎng)頁制作二劍客的概念(FlaSh矢量動(dòng)畫制作軟件、DreamWeaVe

3、r網(wǎng)頁制作軟件、FireWOrk網(wǎng)頁圖像處理軟件的并稱)。（5） Flash制作的動(dòng)畫，主要有矢量圖形組成，但也可以導(dǎo)入位圖圖像。正確理解這兩種不 同格式圖像之間的差異，能夠更有效地設(shè)計(jì)、創(chuàng)建動(dòng)畫。（6） 教師講解：矢量圖形和位圖圖像的區(qū)別。1矢量圖形是用直線或曲線來描繪圖像的，它還 包括顏色和位置的屬性。當(dāng)編輯矢量圖形時(shí)，實(shí)際上是修改描述圖形形狀的直線和曲線的屬性。對(duì) 矢量圖形的各種修改都不會(huì)影響矢量圖形的畫質(zhì)。矢量圖形和分辨率無關(guān)，即圖形在不同分辨率的顯示器上顯示，畫質(zhì)都不會(huì)有任何損失。常用的矢量圖形文件格式有Al、EPS、WMF等。2位圖圖像又稱為點(diǎn)陣圖形，它是用帶顏色的小點(diǎn)（稱之為“像

4、素”）來描繪圖像的，當(dāng)編輯位圖圖像時(shí)，修改的是像素，并且會(huì)影響其畫質(zhì)。位圖圖像和分辨率有關(guān)，當(dāng)放大位圖時(shí)，會(huì)使圖像邊緣產(chǎn)生鋸齒， 影響圖像的畫質(zhì)；而縮小位圖時(shí)，同樣會(huì)導(dǎo)致圖像畫質(zhì)的降低。常用的畏途圖像的文件格式有 BMP、 JPG、GIF、PNG 等。（7） 教師講解：Flash的工作流程，首先是繪制或?qū)雸D形圖像，然后將其放置在場(chǎng)景中。 最后是在時(shí)間軸中產(chǎn)生動(dòng)畫。（8） 教師講解演示：與實(shí)例結(jié)合講解如何播放用Flash做好的動(dòng)畫，讓學(xué)生在樂中學(xué)。3、課后小結(jié)本課是Flash的入門知識(shí)篇，有些概念非常的重要， 而且還要為今后學(xué)生的進(jìn)一步學(xué)習(xí)打下良好 的開端，所以課堂上與動(dòng)畫作品的欣賞結(jié)合在一起

5、，邊講解邊欣賞，讓學(xué)生在樂中學(xué)。熟悉FLASH8.0的工作環(huán)境教學(xué)設(shè)計(jì)執(zhí)教：XXX教學(xué)目標(biāo)1、學(xué)會(huì)啟動(dòng)和關(guān)閉FLASH8.0 , 了解的各個(gè)窗口的組成與作用。2、了解FLASH8.0的工作環(huán)境，了解F Iash8.0的“面板”的概念與作用。3、滲透知識(shí)產(chǎn)權(quán)保護(hù)法重點(diǎn)教學(xué)重點(diǎn)：了解FLASH8.0的各個(gè)窗口的組成與作用。 教學(xué)難點(diǎn)：了解F Iash8.0的“面板”的概念與作用。難點(diǎn)教學(xué)準(zhǔn)備課件授課時(shí)數(shù)第一課時(shí)教學(xué)過程、 、肖、 - 、不、一 1 肖 2FLASH8.0的啟動(dòng)，導(dǎo)入新課：了解FLASH8.0的第一步必須學(xué)習(xí)如何啟動(dòng)FLASH8.0 ,使用鼠標(biāo)雙擊桌面 FLASH8.0的圖等一會(huì)就可

6、以啟動(dòng) FLASH8.0 TO認(rèn)識(shí) FLASH8.0工作界面啟動(dòng)后會(huì)出現(xiàn)漂亮的歡迎屏幕界面，我們單擊“FLASH8.0文檔”就可以創(chuàng)建一個(gè)新的 FLASH8.0文檔了 ,FLASH8.0的操作內(nèi)容主要針對(duì)一個(gè)文檔，因此打開或新建了一個(gè) FLASH8.0文檔,也就進(jìn)入了FLASH8.0的工作界面。FLASH8.0的工作窗口由“標(biāo)題欄”、“菜單欄”、“文檔選項(xiàng)卡”、“編輯欄”、 “時(shí)間軸”、“工作區(qū)”、“舞臺(tái)”、“工具箱”以及各種面板組成。如圖：二、重點(diǎn)介紹工作區(qū)。FLASH8.0界面的中間主體部分就是工作區(qū)了，在FLASH8.0的工作界面中，用于放置動(dòng)畫內(nèi)容的整個(gè)區(qū)域稱為工作區(qū)，它是對(duì)影片中各對(duì)

7、象進(jìn)行編輯、修改的場(chǎng)所。mt 11芒箱祭 1I * -, buu*j* Alk工作區(qū)中間的白色矩形就是舞臺(tái)，舞臺(tái)是播放FLASH8.0時(shí)顯示其內(nèi)容的矩形區(qū)域，舞臺(tái)之外的灰色區(qū)域中的對(duì)象不會(huì)在動(dòng)畫中顯示的。也就是說只有舞臺(tái)中的內(nèi)容才能在動(dòng)畫播放的過程中顯 示O2、時(shí)間軸屏幕中間上方區(qū)域是時(shí)間軸，是對(duì)動(dòng)畫內(nèi)容進(jìn)行組織與控制的工具。時(shí)間軸是FIaSh8.0的一大特點(diǎn)，在以往的動(dòng)畫制作中，通常是要繪制作出每一幀的圖像，或是通過程序來制作，而FIash8.0使用關(guān)鍵幀技術(shù)，通過對(duì)時(shí)間軸上的關(guān)鍵幀的制作，F(xiàn)IaSh8.0會(huì)自動(dòng)生成運(yùn)動(dòng)中的動(dòng)畫幀，節(jié)省了制作人員的大部份的時(shí)間，也提高了效率。3、工具箱我們制

8、作動(dòng)畫，首先要把圖畫畫出來，然后才能讓他們動(dòng)起來，屏幕左邊區(qū)域的工具箱就為我 們提供了大量的畫圖工具。我們需要工具箱中的哪個(gè)工具，只需要把鼠標(biāo)的指針指向那個(gè)工具單擊 就可以了。我們?cè)囈幌隆皺E圓工具”，橢圓工具的顏色有兩種顏色，一種是筆觸顏色，就是邊框的顏 色；一種是填充色，就是邊框內(nèi)部的填充色，我們可以根據(jù)需要選擇這兩種顏色，如果我們還需要 更改其他有關(guān)橢圓工具的屬性，我們可以展開屏幕下方區(qū)域中的屬性面板，大家注意，這時(shí)屬性面 板的名稱是橢圓工具，這說明我們現(xiàn)在是在編輯橢圓工具的屬性，我們?cè)趯傩悦姘逯幸材苄薷墓P觸 顏色和填充色，還有筆觸高度，就是邊框的寬度，還筆觸的樣式，我們可以根據(jù)自己的需要

9、修改， 其他部分我們使用默認(rèn)值就可以了。工具箱中其他的工具我們會(huì)在以后的教程中講解。三、面板及其基本操作屏幕中間下方區(qū)域分別是動(dòng)作面板、幫助面板和屬性面板，我們可以通過單擊“小箭頭”展開 面板，再次單擊“小箭頭”就可以折疊起來了。屏幕的右邊的區(qū)域被稱為面板組，里面有很多控制 面板；我們同樣也可以通過單擊“小箭頭”展開和折疊面板；有人會(huì)問，為什么都是同樣都是面板， 有些放在工作區(qū)下面，有些卻放在面板組里面？其實(shí)是您可以根據(jù)您的需要移動(dòng)面板位置的，把鼠 標(biāo)移動(dòng)到面板“小箭頭”的前面，您會(huì)發(fā)現(xiàn)光標(biāo)變成了十字標(biāo)，這時(shí)您就可以按下鼠標(biāo)左鍵拖動(dòng)鼠 標(biāo)，面板的位置就會(huì)隨著您的拖動(dòng)而改變位置。大家看，我可以拖

10、動(dòng)任何一個(gè)面板將它移動(dòng)。同樣， 也可以根據(jù)您的需要隱藏和顯示任何一個(gè)面板。首先怎樣隱藏面板呢？把光標(biāo)移動(dòng)到你要隱藏的面 板名稱上面點(diǎn)擊鼠標(biāo)右鍵，彈出快捷菜單，再用鼠標(biāo)左鍵單擊“關(guān)閉面板”面板就能隱藏起來了， 如果需要顯示已經(jīng)隱藏的面板，可以點(diǎn)擊“窗口”菜單，在菜單中選擇您需要的面板，被隱藏的面 板就會(huì)出現(xiàn)了。大家也已試試。很多初學(xué)者在練習(xí)面板操作的過程中，把面板擺放的位置弄得很亂， 而且找不到你隱藏的面板，可以用單擊“窗口”菜單中的“面板設(shè)置”子菜單中的默認(rèn)布局選項(xiàng)就 可以回到剛才啟動(dòng) flash8.0時(shí)的主界面了。四、FLASH8.0的關(guān)閉當(dāng)需要退出時(shí)，點(diǎn)擊窗口標(biāo)題上的關(guān)閉按鈕即可退出FLA

11、SH8.0 了，注意關(guān)閉前記得要將所做的工作保存，以免自己辛勤勞動(dòng)的成果化為烏有。五、滲透知識(shí)產(chǎn)權(quán)保護(hù)法1同學(xué)們，你們知道這課的內(nèi)容與我們國家的什么法律有關(guān)嗎？2、誰來說說具體的內(nèi)容？3、你們打算如何來遵守這個(gè)法律？六、小結(jié)我們這節(jié)課介紹了一下 flash8.0的工作環(huán)境，下節(jié)課我們就一起來試試怎么樣使用fash8.0中工具畫畫。使用F lash8.0的繪圖工具來畫畫教學(xué)設(shè)計(jì)執(zhí)教：XXX教學(xué)目標(biāo)1熟練掌握各種繪圖工具的功能與使用方法。 2了解“庫”與“元件”的作用與關(guān)系。重點(diǎn)難點(diǎn)教學(xué)重點(diǎn)：熟練掌握各種繪圖工具的功能與使用方法。 教學(xué)難點(diǎn)：熟練掌握各種繪圖工具的功能與使用方法。教學(xué)課件準(zhǔn)備授課時(shí)

12、數(shù)一課時(shí)教學(xué)過程第一課時(shí)一、教師導(dǎo)入：在動(dòng)畫的制作過程中需使用各種素材，其中有很大一部分麥桿是需要自己繪制的。因此，在學(xué) 習(xí)動(dòng)畫之前，先要學(xué)會(huì)如何使用 Flash的繪圖工具來畫畫。二、教學(xué)。（一）、Flash繪圖的特點(diǎn)矢量圖形是由一個(gè)個(gè)單獨(dú)的點(diǎn)構(gòu)成的，每一個(gè)點(diǎn)都有其各自的屬性，如位置、顏色等。因此，矢量圖與分辨率無關(guān)，對(duì)矢量圖進(jìn)行縮放時(shí)，圖形對(duì)象仍保持原有的清晰度和光滑度，不會(huì)發(fā)生任何偏差，如圖3-1所示是放大了16倍的矢量圖效果。圖3-1矢量圖放大到16倍時(shí)依然清晰位圖圖像是由象素點(diǎn)構(gòu)成的，象素點(diǎn)的多少將決定位圖圖像的顯示質(zhì)量和文件大小，位圖圖像的分辨率越高, 其顯示越清晰，文件所占的空間也

13、就越大。因此，位圖圖像的清晰度與分辨率有關(guān)。對(duì)位圖圖像進(jìn)行放大時(shí)，放大 的只是象素點(diǎn)，位圖圖像的四周會(huì)出現(xiàn)鋸齒狀。如圖 3-2所示是放大了 16倍的位圖效果。圖3-2 位圖放大16倍時(shí)模糊不清在Flash動(dòng)畫制作過程中，會(huì)大量的運(yùn)用到矢量圖形。雖然有一系列的功能強(qiáng)大的專門矢量圖制作軟件，如Corel公司的CorelDRAW軟件、MaCromedia公司的FreeHand軟件和 Adobe公司的IlIUStrator軟件等，而運(yùn)用 Flash自身的矢量繪圖功能將會(huì)更方便，更快捷。在這一章里，我們將通過FLASH基本繪圖工具的學(xué)習(xí)，繪制出一些簡單的矢量圖。另外，F(xiàn)lash也具備一定的位圖處理能力，

14、雖然比不上專業(yè)的位圖處理軟件，但是對(duì)于制作動(dòng)畫過程中需要 對(duì)位圖的一些簡單除了，它還是能夠勝任的。（二）、基本繪圖工具Flash提供了各種工具來繪制自由形狀或準(zhǔn)確的線條、形狀和路徑，并可用來對(duì)填充對(duì)象涂色，如圖所示是Flash工具箱。圖繪圖工具面板我們將分兩節(jié)課來學(xué)習(xí)這些工具的使用方法。在本節(jié)里，我們學(xué)習(xí)線條工具、滴管工具、墨水瓶工具、箭頭工具、刷子工具、任意變形工具、顏料桶等工具的基本用法。1 繪制和處理線條【線條工具】是Flash中最簡單的工具?，F(xiàn)在我們就來畫一條直線。鼠標(biāo)單擊【線條工具】，移動(dòng)鼠標(biāo)指針到舞臺(tái)上，在你希望直線開始的地方按住鼠標(biāo)拖動(dòng)，到結(jié)束點(diǎn)松開鼠標(biāo)，一條直線就畫好了?！揪€條

15、工具】能畫出許多風(fēng)格各異的線條來。打開【屬性】面板，在其中，我們可以定義直線的顏色、粗細(xì)和 樣式，如圖3 -4所示?！?，會(huì)岀現(xiàn)一個(gè)調(diào)色板對(duì)話框，同時(shí)光標(biāo)變圖3-4直線【屬性】面板在圖3 4所示的【屬性】面板中，單擊其中的【筆觸顏色】按鈕成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的 所示。16進(jìn)制數(shù)值。顏色以#開頭，如#99FF33,如圖3- 5圖3-5筆觸調(diào)色板現(xiàn)在來畫岀各種不同的直線。單擊【屬性】面板中的【自定義】按鈕，會(huì)彈岀一個(gè)【筆觸樣式】對(duì)話框，如圖3 - 6所示。圖3-6【筆觸樣式】對(duì)話框3-7為了方便觀察，我們把粗細(xì)定為3象素（PtS ）,選擇不同的線型和顏色，來看看我們

16、畫出的線條，如圖所示。圖37不同類型的線條試一試改變它的各項(xiàng)參數(shù)，會(huì)對(duì)你的繪圖有很大幫助?！镜喂芄ぞ摺繎?yīng)和【墨水瓶工具】C3可以很快地將一條直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線，看看【屬性】面板，它顯示的就是該直線的屬性，而且工具也自動(dòng)變成了【墨水瓶工具】，如 圖一8所示。-I閃客啟航圖38使用【滴管工具】選取線條屬性使用【墨水瓶工具】'單擊其它線條，看看什么結(jié)果：所有線條的屬性都變成了和滴管工具選中的直線一樣TO如果你需要更改這條直線的方向和長短，F(xiàn)lash也為我們提供了一個(gè)很便捷的工具：【箭頭工具】【箭頭工具】的作用是選擇對(duì)象、移動(dòng)對(duì)象、改變線條或?qū)ο筝喞?/p>

17、形狀。單擊選擇【箭頭工具】，然后移動(dòng)鼠標(biāo)指針到直線的端點(diǎn)處，指針右下角變成直角狀-1，這時(shí)拖動(dòng)鼠標(biāo)可以改變直線的方向和長短,如圖3 9所示。閃客啟竝圖3 9鼠標(biāo)移到端點(diǎn)處如果鼠標(biāo)指針移動(dòng)到線條中任意處，指針右下角會(huì)變成弧線狀，拖動(dòng)鼠標(biāo)，可以將直線變成曲線。這是一個(gè)很 有用處的功能，在我們鼠標(biāo)繪圖還不能隨心所欲時(shí)，它可以幫助我們畫出所需要的曲線，如圖3 10所示。閃客啟航圖3 10鼠標(biāo)移到線條中間三實(shí)例演練一一畫一片樹葉現(xiàn)在我們就來實(shí)踐一下，練習(xí)畫一片樹葉。打開FALSH軟件，系統(tǒng)會(huì)自動(dòng)建立一個(gè) FLASH文檔，在這里我們不改變文檔的屬性，直接使用其默認(rèn)值。(1) 新建圖形元件執(zhí)行【插入】I【新

18、建元件】命令，或者按快捷鍵 CTRL+F8彈岀創(chuàng)建新元件對(duì)話框，在【名稱】文本對(duì)話框中 輸入元件名稱“樹葉”，【行為】選擇“圖形”，單擊【確定】按鈕，如圖3 12所示。圖3 12創(chuàng)建圖形元件這時(shí)工作區(qū)變?yōu)椤皹渲Α痹木庉嫚顟B(tài)，如圖3 13所示i 時(shí)閭釉N 勺 N 51015t?+i£l 111 ¾l Hl 1圖313 “樹葉”圖形元件編輯場(chǎng)景說明：圖形元件是 Flash的基本元素，有關(guān)它的詳細(xì)內(nèi)容請(qǐng)參閱第4章的有關(guān)內(nèi)容。(2) 繪制樹葉圖形2-1-11在“樹葉”圖形元件編輯場(chǎng)景中，首先用【線條工具】畫一條直線，【筆觸顏色】設(shè)置為深綠色，如圖 所示。亍1 >i* 盧

19、I -j-冷行啟航圖3 14畫直線然后用【箭頭工具】將它拉成曲線，如圖3 15所示。圖3- 17拉成曲線3 18所示'。一片樹葉的基本形狀已經(jīng)岀來了，現(xiàn)在我們畫葉脈，在兩端點(diǎn)間畫直線，然后拉成曲線，如圖圖 3 - 183 19所示。再畫旁邊的細(xì)小葉脈，可以全用直線，也可以略加彎曲，這樣，一片簡單的樹葉就畫好了，如圖圖3 19完成效果圖(3) 編輯和修改樹葉如果在畫樹葉的時(shí)候出現(xiàn)錯(cuò)誤，比如說，畫出的葉脈不是你所希望的樣子，你可以執(zhí)行【編輯】I【撤銷】命令撤銷前面一步的操作，也可以選擇下面更簡單的方法：用【箭頭工具】單擊你想要?jiǎng)h除的直線，這條直線變成網(wǎng)點(diǎn) 狀，說明它已經(jīng)被選取，你可以對(duì)它進(jìn)

20、行各種修改，如圖3 20所示。被選中的線娠閃客啟航被選取狀態(tài)要移動(dòng)它，就按住鼠標(biāo)拖動(dòng)，要?jiǎng)h除它，就直接按DEL鍵。按住SHlFT鍵連續(xù)單擊線條，可以同時(shí)選取多個(gè)對(duì)象。如果要選取全部的線條，是否得按住SHIFT鍵挨個(gè)點(diǎn)擊呢？不需要，我們用黑色箭頭工具拉岀一個(gè)選取框來，就可以將其全部選中了，如圖3 21所示。拉山選取框圖3 - 21框選對(duì)象說明：在一條直線上雙擊，也可以將和這條直線相連并且顏色、粗細(xì)、樣式相同的整個(gè)線條范圍全部選取。3 - 22所示。(4) 給樹葉上色接下來我們要給這片樹葉填上顏色。在工具箱中看到這個(gè)【顏色】選項(xiàng)了嗎？如圖圖3-22【顏色】選項(xiàng)單擊【填充顏色】按鈕,會(huì)出現(xiàn)一個(gè)調(diào)色板

21、，同時(shí)光標(biāo)變成吸管狀，如圖3 23所示。圖3 23調(diào)色板»IlM說明：你除了可以選擇調(diào)色板中的顏色外，還可以點(diǎn)選屏幕上任何地方吸取你所需要的顏色。如果你覺得調(diào)色板的顏色太少不夠選，單擊一下調(diào)色板右上角的【顏色選擇器】按鈕匸町，會(huì)彈岀一個(gè)【顏色】對(duì)話框，其中有更多的顏色選項(xiàng)，在這里，你能把選到的顏色添加到自定義顏色中，如圖3-24所示。圖3-24【顏色】對(duì)話框在【自定義顏色】選項(xiàng)下單擊一個(gè)自定義色塊，該色塊會(huì)被虛線包圍，在【顏色】對(duì)話框右邊的【調(diào)色板】中 單擊你喜歡的顏色，上下拖動(dòng)右邊顏色條上的箭頭，移到你需要的深淺度上，單擊【添加到自定義顏色】按鈕，這 個(gè)色塊就被你收藏起來了。下一次

22、要使用時(shí)，打開這個(gè)【顏色】面板，在自定義色中可以方便的選取你中意的顏色。好了，現(xiàn)在我們?cè)谡{(diào)色板里選取綠色，單擊工具箱里【顏料桶工具】，在畫好的葉子上單擊一下，看看什么效 果，如圖3 25所示。圖3 25填充顏色只有一小塊顏色？原來，這個(gè)顏料桶只能在一個(gè)封閉的空間里填色。取消剛剛的填色，現(xiàn)在我們用【橡皮工具】 將線條擦岀一個(gè)缺口，再看效果，如圖所示。圖填充色在封閉空間內(nèi)你看，殘缺線條的兩邊都填上了顏色好，我們還是一塊一塊的填上顏色吧。但是在填充顏色前，你一定要將樹葉圖形恢復(fù)到使用【橡皮工具】擦除 操作前的模樣哦。這時(shí)，你可能會(huì)想，如果我們剛才先填充顏色再畫葉脈就省事多了。是的，你想得一點(diǎn)沒錯(cuò)！沒

23、關(guān)系，隨著操 作的增加，我們的經(jīng)驗(yàn)會(huì)越來越豐富的。最后填充完的效果如圖2-1-25所示。圖3 26顏色填充后效果至此，一個(gè)樹葉圖形就繪制好了。請(qǐng)你執(zhí)行【窗口】I【庫】命令，打開【庫】面板，你將發(fā)現(xiàn)【庫】面板中出現(xiàn)一個(gè)“樹葉”圖形元件，如圖 3 27所示。Xl圖3 27【庫】面板中的“樹葉“圖形元件說明：【庫】面板是存儲(chǔ) Flash元件的場(chǎng)所，我們所創(chuàng)建的元件對(duì)象以及從外部導(dǎo)入的圖像、聲音等對(duì)象都保存 在這里，這里的元件可以拖放到場(chǎng)景中重復(fù)使用。有關(guān)【庫】面板的詳細(xì)內(nèi)容請(qǐng)你參閱第4章的相關(guān)內(nèi)容。（5）【顏料桶工具】選項(xiàng)單擊【顏料桶工具】后，在工具箱下邊的【選項(xiàng)】里有四個(gè)選項(xiàng)，可以根據(jù)自己的需要來

24、確定，讀者可以自己 試一下，如圖3 29所示。圖3 29顏料桶工具選項(xiàng)說明：【顏料桶工具】是對(duì)某一區(qū)域進(jìn)行單色、漸變色或位圖進(jìn)行填充，注意不能作用于線條。選擇【顏料桶工具】后，在【工具箱】下邊的【選項(xiàng)】中單擊【空隙大小】按鈕，會(huì)彈出四個(gè)選項(xiàng)，如圖 1-2-11所示。其中，【不封閉空隙】表示要填充的區(qū)域必須在完全封閉的狀態(tài)下才能進(jìn)行填充；【封閉小空隙】表示要填充的區(qū)域在小缺口的狀態(tài)下可以進(jìn)行填充；【封閉中等空隙】表示要填充的區(qū)域在中等大小缺口狀態(tài)下進(jìn)行填充；【封閉大空隙】表示要填充的區(qū)域在較大缺口狀態(tài)下也能填充。但在Flash中，即使中大缺口，值也是很小的，所在要對(duì)大的不封閉區(qū)域填充顏色，一般用

25、筆刷。三、課后練習(xí)。完在P 35練一練。學(xué)畫小樹枝教學(xué)設(shè)計(jì)執(zhí)教：XXX1掌握“刷子工具”和“任意變形工具”的功能與使用方法 教學(xué) 2利用繪圖工具繪制一幅簡單的圖畫。目標(biāo)教學(xué)重點(diǎn)：掌握“刷子工具”和“任意變形工具”的功能與使用方法。 重點(diǎn) 教學(xué)難點(diǎn)：利用繪圖工具繪制一幅簡單的圖畫。難點(diǎn) 授課兩課時(shí)時(shí)數(shù)教學(xué)過程【刷子工具】的用法【刷子工具】田可以隨意地畫色塊。當(dāng)你單擊工具箱中的【刷子工具】后，工具箱下邊就會(huì)顯示它的 【選項(xiàng)】，我們先看看它的【選項(xiàng)】，如圖 4 1所示。圖41刷子工具選項(xiàng)在這里，我們可以選定畫筆的大小和樣式以及它的填色模式。讀者可以自己選取不同的大小和樣式練習(xí)練習(xí)，先找一找感覺。下面

26、我們利用剛剛畫成的樹葉來詳細(xì)講解它的填色模式。在圖4- 1所示的【選項(xiàng)】下單擊【填充模式】按鈕,則彈岀填充模式下拉列表，如圖 42所示。圖43標(biāo)準(zhǔn)繪畫模式 G標(biāo) l 繪 Ili額料埴充O后面整畫Q 範(fàn)顫斜i掛Il 圖4 2刷子的填色模式(1) 標(biāo)準(zhǔn)繪畫選擇【刷子工具】，并將【填充顏色】設(shè)置為黃色，當(dāng)然也可以是其它色。先選擇【標(biāo)準(zhǔn)繪畫】模式，移動(dòng)筆 刷(當(dāng)選擇了【刷子工具】后，鼠標(biāo)指針就變?yōu)樗⒆有螤?到舞臺(tái)的樹葉圖形上，拖動(dòng)鼠標(biāo)在葉子上亂抹幾下，觀 察一下效果，如圖43所示。你能發(fā)現(xiàn)，不管是線條還是填色范圍，只要是畫筆經(jīng)過的地方，都變成了畫筆的顏色。(2) 顏料填充選擇【顏料填充】模式，它只影響

27、了填色的內(nèi)容，不會(huì)遮蓋住線條，如圖4-4所示。圖44顏料填充模式(3) 后面繪畫選擇【后面繪畫】模式，無論你怎么畫，它都在圖像的后方，不會(huì)影響前景圖像，如圖4 5所示。閃客啟骯圖45后面繪畫模式(4)顏料選擇選擇【顏料選擇】模式，你先用畫筆抹幾下，好象絲毫不起作用。這是因?yàn)槲覀儧]有選擇范圍。用【箭頭工具】 選中葉片的一塊，再使用畫筆，你看，顏色就上去了，如圖46所示。圖4 6顏料選擇模式(5)內(nèi)部繪畫選擇【內(nèi)部繪畫】模式，在繪畫時(shí)，畫筆的起點(diǎn)必須是在輪廓線以內(nèi)，而且畫筆的范圍也只作用在輪廓線以內(nèi), 如圖4 7所示。圖47內(nèi)部繪畫模式、使用“任意變形工具”現(xiàn)在我們要把這孤零零的一片樹葉組合成樹枝

28、。你想一想，如果用這么一模一樣的樹葉，要把它組成樹枝，是不是很難看呢？Flash為我們提供了一個(gè)很好的工具：【任意變形工具】 IJ。利用【任意變形工具】我們可以將前面繪制的那個(gè)樹葉改變成需要的形狀?！救我庾冃喂ぞ摺靠梢孕D(zhuǎn)縮放元件，也可以對(duì)圖形對(duì)象進(jìn)行扭曲、封套變形。當(dāng)你在工具箱中選擇【任意變形工具】后，工具箱的下邊就會(huì)出現(xiàn)相應(yīng)的【選項(xiàng)】，如圖4 8所示。n S!g圖4 8任意變形工具選項(xiàng)說明：【任意變形工具】的【選項(xiàng)】中共包括 5個(gè)按鈕，從上向下依次是：【對(duì)齊對(duì)象】、【旋轉(zhuǎn)與傾斜】、【縮 放】、【扭曲】和【封套】。你可以用鼠標(biāo)指向這些按鈕，相應(yīng)的按鈕功能就會(huì)顯示出來。另外，當(dāng)你選擇了【任 意

29、變形工具】后，【選項(xiàng)】中的按鈕并不是馬上都被激活，除了【對(duì)齊對(duì)象】按鈕，其他按鈕都是灰色顯示，只有 你在場(chǎng)景中選擇了具體的對(duì)象以后，其他 4個(gè)按鈕才變成可用狀態(tài)。(1) 旋轉(zhuǎn)樹葉選擇【任意變形工具】后，單擊舞臺(tái)上的樹葉，這時(shí)樹葉被一個(gè)方框包圍著，中間有一個(gè)小圓圈，這就是變形點(diǎn)，當(dāng)我們進(jìn)行縮放旋轉(zhuǎn)時(shí)，就以它為中心，如圖4 9所示。圖4 9變形點(diǎn)這個(gè)點(diǎn)是可以移動(dòng)的。將光標(biāo)移近它，光標(biāo)下面會(huì)多了一個(gè)圓圈，按住鼠標(biāo)拖動(dòng)，將它拖到葉柄處，我們需要它繞葉柄旋轉(zhuǎn)，如圖 4 10所示。圖 4 10再把鼠標(biāo)指針移到方框的右上角，鼠標(biāo)變成狀圓弧狀國，表示這時(shí)就可以進(jìn)行旋轉(zhuǎn)了。向下拖動(dòng)鼠標(biāo)，葉子繞控制點(diǎn)旋轉(zhuǎn)，到合適

30、位置松開鼠標(biāo)，效果如圖4 -11所示。圖4 11旋轉(zhuǎn)后的樹葉(2) 復(fù)制樹葉用【箭頭工具】單擊舞臺(tái)上的樹葉圖形，執(zhí)行【編輯】 I【復(fù)制】命令，然后再執(zhí)行【編輯】I【粘貼】命令,這樣就復(fù)制得到一個(gè)同樣的樹葉，如圖4 12所示。圖4 - 12復(fù)制樹葉(3) 變形樹葉將粘帖好的樹葉拖到旁邊，再用【任意變形工具】進(jìn)行旋轉(zhuǎn)。使用【任意變形工具】時(shí)，也可以象使用【箭頭 工具】一樣移動(dòng)樹葉的位置。拖動(dòng)任一角上的縮放手柄，可以將對(duì)象放大或縮小。拖動(dòng)中間的手柄，可以在垂直和水平方向上放大縮小，甚 至翻轉(zhuǎn)對(duì)象。請(qǐng)你將樹葉適當(dāng)變形，如圖4 -13所示。圖4 13縮放對(duì)象說明：【任意變形工具】的各項(xiàng)功能也可以使用菜單

31、欄中【修改】I【變形】命令來實(shí)現(xiàn)，如圖 4- 14所示。圖4 14變形命令(4) 創(chuàng)建“三片樹葉”圖形元件再復(fù)制一張樹葉岀來，我們用【任意變形工具】將三片樹葉調(diào)整成如圖4 15所示形狀。在調(diào)整過程中請(qǐng)注意,當(dāng)調(diào)整效果不滿意時(shí)，也許你的樹葉已經(jīng)不在選取狀態(tài)，有時(shí)要重新選取整片樹葉范圍很困難，這就需要多使用編 輯撤銷，以恢復(fù)選取狀態(tài)。圖4 15樹葉組合如圖4 15所示的三片樹葉圖形創(chuàng)建好以后，將它們?nèi)窟x中，然后執(zhí)行【修改】I【轉(zhuǎn)換為元件】命令，將它們轉(zhuǎn)換為名字為"三片樹葉”的圖形元件。三、繪制樹枝(1) 、請(qǐng)注意，以上的繪圖操作我們都是在“樹葉”編輯場(chǎng)景完成的，現(xiàn)在我們返回到主場(chǎng)景【場(chǎng)

32、景1】。請(qǐng)你單擊時(shí)間軸右上角的【場(chǎng)景 1】按鈕，如圖417所示。(2) 、單擊【刷子工具】，選擇【畫筆形狀】為圓形，大小自定，選擇【后面繪畫】模式,到場(chǎng)景中，畫出樹枝形狀，如圖4 18所示。移動(dòng)鼠標(biāo)指針圖4 18畫出樹枝面板中出現(xiàn)兩個(gè)4 19所示。(3) 、組合樹葉和樹枝執(zhí)行【窗口】|【庫】命令，或者使用快捷鍵CTRL+L打開【庫】面板，你可以看到，【庫】圖形元件，這兩個(gè)圖形元件就是我們前面繪制的“樹葉”圖形元件和“三片樹葉”圖形元件，如圖圖4 19元件庫單擊“樹葉”圖形元件，將其拖放到場(chǎng)景的樹枝圖形上，用【任意變形工具】進(jìn)行調(diào)整。元件【庫】里的元件 可以重復(fù)使用，你只要改變它的長短大小方向就

33、能表現(xiàn)出紛繁復(fù)雜的效果來，完成效果如圖4 20所示。圖4 20完成后的樹枝效果制作動(dòng)畫“草地上的毛毛蟲”教學(xué)設(shè)計(jì)執(zhí)教：XXX課目信息技術(shù)年級(jí)六課序第五課課題制作動(dòng)畫“草地上的毛毛蟲”教學(xué)時(shí)間兩課時(shí)教學(xué)目標(biāo)1、了解逐幀動(dòng)畫的基本知識(shí)。2、能制作簡單的逐幀動(dòng)畫。教學(xué)重難占1、了解逐幀動(dòng)畫的基本知識(shí)。2、能制作簡單的逐幀動(dòng)畫。教學(xué) 過程第一課時(shí)教師談話導(dǎo)入新課：從今天起，我們要開始學(xué)習(xí) Flash 8.0的動(dòng)畫制作了，我們先從“逐幀動(dòng)畫”學(xué) 起，逐幀動(dòng)畫 （ Frame By Frame）是一種常見的動(dòng)畫手法，它的原理是在 連續(xù) 的關(guān)鍵幀"中分解動(dòng)畫動(dòng)作。也就是說，在逐幀動(dòng)畫中，每一幀中的

34、內(nèi)容都是不同 的，將這些幀連續(xù)播放后就形成了動(dòng)畫。教學(xué)新課：一、了解逐幀動(dòng)畫的概念在時(shí)間幀上逐幀繪制幀內(nèi)容稱為逐幀動(dòng)畫。由于逐幀動(dòng)畫的幀序列內(nèi)容不一 樣，這不僅增加了制作負(fù)擔(dān)，而且最終輸出的文件也很大。但是，它的優(yōu)勢(shì)也很明 顯：因?yàn)槭且粠粠漠?，與電影的播放模式相似，所以逐幀動(dòng)畫具有非常大的靈 活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容，如3D效果、人物或動(dòng)物急劇轉(zhuǎn)身等等很細(xì)膩的動(dòng)畫效果。逐幀動(dòng)畫在時(shí)間幀表現(xiàn)為連續(xù)出現(xiàn)的關(guān)鍵幀，每個(gè)關(guān)鍵幀中都有一個(gè)獨(dú)立的動(dòng) 畫信息（如圖5 1所示）二、創(chuàng)建逐幀動(dòng)畫的幾種方法1、用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫將JPC、PNG等格式的靜態(tài)圖片連續(xù)導(dǎo)入 Flash中，這樣就

35、能建立一段逐幀動(dòng) 畫。2、繪制矢量逐幀動(dòng)畫使用鼠標(biāo)或者電子畫板在場(chǎng)景中一幀幀地畫出每幀所需的內(nèi)容。3、文字逐幀動(dòng)畫用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。4、導(dǎo)入序列圖像可以導(dǎo)入 GIF序列圖像、SWF動(dòng)畫文件或者利用第三方軟件（如SwishSwift3D）產(chǎn)生的動(dòng)畫序列。三、繪圖紙功能繪圖紙是一個(gè)幫助定位和編輯動(dòng)畫的輔助功能，這個(gè)功能對(duì)制作逐幀動(dòng)畫特別 有用。通常情況下，F(xiàn)lash在舞臺(tái)上一次只能顯示動(dòng)畫序列的單個(gè)幀，而通過使用繪圖紙功能，就可以在舞臺(tái)中一次查看兩個(gè)或多個(gè)幀。當(dāng)創(chuàng)建好一個(gè)動(dòng)畫后，我們可以用鼠標(biāo)左鍵單擊時(shí)間軸下方的“繪圖紙外觀” 按鈕，這樣就可以切換到“繪畫紙外觀”（如圖

36、52所示）。圖52所示的是使用繪圖紙功能后的場(chǎng)景。可以看出，在當(dāng)前幀中內(nèi)容用全 彩色顯示，其他幀的內(nèi)容以半透明示時(shí)，看起來好像所有幀的內(nèi)容都畫在一張半透 明的繪圖紙上，這些內(nèi)容相互層疊在一起。使用繪圖紙功能有助于我們觀察動(dòng)畫中 的每一幀的情況，發(fā)現(xiàn)問題并及時(shí)進(jìn)行修改。當(dāng)然，即使在繪圖紙模式下也只能編 輯當(dāng)前幀的內(nèi)容。第二課時(shí)一、動(dòng)手制作逐幀動(dòng)畫教師：學(xué)習(xí)了逐幀動(dòng)畫的特點(diǎn)和創(chuàng)建方法后，現(xiàn)在就讓我們來動(dòng)手制作逐幀動(dòng) 畫，以加深對(duì)逐幀動(dòng)畫的認(rèn)識(shí)。一條毛毛蟲在一片綠色的草地上快速前行，這是一個(gè)利用導(dǎo)入連續(xù)位圖而創(chuàng)建 的逐幀動(dòng)畫 （如圖5 4所示）。在下面的逐幀動(dòng)畫制作過程中，我們會(huì)用到一張包含有動(dòng)畫序

37、列的 GIF圖和一 張作為背景的JPG圖處。同學(xué)們?cè)陂_始制作逐幀動(dòng)畫以前可以到互聯(lián)網(wǎng)上搜索自己 喜歡的動(dòng)畫圖片和背景圖片，雖然圖片的內(nèi)容各不相同，但是制作逐幀動(dòng)畫的方法 與過程是相同的。教師演示操作步驟：步驟1：執(zhí)行“文件” “新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“常規(guī)”選項(xiàng)卡中的“ Flash文檔”選項(xiàng)，點(diǎn)擊“確定”按鈕，新建一個(gè)影片文檔。 步驟2：將“圖層1”重命名為“草地”，用鼠標(biāo)單擊選中時(shí)間軸上的第一幀， 然后執(zhí)行“文件” “導(dǎo)入” “導(dǎo)入到舞臺(tái)”命令，將名為“草地.jog ”的圖片導(dǎo)入到場(chǎng)景中，使用“任意變形工具”將圖片的大小調(diào)整到與舞臺(tái)尺寸相同（如圖 5 5所示）。,選擇第

38、一幀，執(zhí)行“文件” “導(dǎo)gif ”的圖片導(dǎo)入，F(xiàn)lash 8.0會(huì)自動(dòng)把 5 6所示）。Flash自動(dòng)分配在關(guān)鍵幀中，有多少個(gè)步驟3:新建一個(gè)圖層并命名為“毛毛蟲” 入” “導(dǎo)入到舞臺(tái)”命令，將名為“毛毛蟲 GIF圖片序列按序以逐幀形式導(dǎo)入舞臺(tái)（如圖GIF圖處序列被Flash導(dǎo)入后，它們就被 圖片序列就會(huì)創(chuàng)建多少個(gè)關(guān)鍵幀。通過預(yù)覽我們會(huì)發(fā)現(xiàn)，被導(dǎo)入的圖片序列的位置不是我們需要擺放的地方，默認(rèn)狀況下，被導(dǎo)入的對(duì)象都被放在場(chǎng)景坐標(biāo)中“0,0”處，必須通過調(diào)整使他們移動(dòng)到合適的位置上（如圖 5 8所示）。（學(xué)生按照教師的操作方法，自主進(jìn)行練習(xí)。教師檢查學(xué)生完成情況。二、我們可以一幀一幀地調(diào)整位置，完

39、成一幅圖片后記下其坐標(biāo)值，再把其他 圖片設(shè)置成相同坐標(biāo)值。不過這樣做太耗費(fèi)時(shí)間了，好在Flash 8.0為我們提供了更方面的功能一一“多幀編輯”。教師講解操作步驟步驟1:先把“草地”圖層加鎖，然后按下時(shí)間軸面板下方的“編輯多個(gè)幀” 按鈕，再單擊“個(gè)改繪圖紙標(biāo)記”按鈕，在彈出的菜單中選擇“繪制全部”選項(xiàng)（如 圖59所示）。步驟2：執(zhí)行“編輯” “全選”命令，此時(shí)我們可以看到，時(shí)間軸中的全部幀和場(chǎng)景中的全部元件都被選中了（如圖510所示）。步驟3:用“選擇工具”對(duì)們于場(chǎng)景上方的毛毛蟲進(jìn)行拖動(dòng)，就可以一次把所 有幀中的圖片全部移動(dòng)到場(chǎng)景中的指定位置了（如圖511所示）。步驟4:新建一個(gè)圖層并命名為“

40、標(biāo)題”，單擊工具箱中的“文本工具”按鈕， 在“屬性”在板中進(jìn)行設(shè)置，其參數(shù)如下：文本類型“靜態(tài)文本”，字體為“黑體”，字體大小為“ 45”，顏色為“深綠色（#006600）”（如圖5 12所示）。步驟5：在文本框輸入“草地上的毛毛蟲”幾個(gè)字，然后將其移動(dòng)到合適的位 置。三、小結(jié)教師：此時(shí)，“草地上的毛毛蟲”已經(jīng)基本制作完畢，不過還有一點(diǎn)小問題， 當(dāng)使用播放頭瀏覽動(dòng)畫過程的時(shí)候會(huì)發(fā)現(xiàn)，“草地”背景只在第一幀出現(xiàn)。那是因?yàn)槲覀儧]有給“草地”背景添加過渡幀。首先應(yīng)給“草地”層解鎖，然后在第20幀的位置點(diǎn)擊鼠標(biāo)左鍵選中該幀，按下鍵盤上的【F5】鍵插入一幀，程序會(huì)自動(dòng)添加過渡幀使幀內(nèi)容延續(xù)（如圖 513

41、所示）。還有兩種方法可以插入幀：一種是在“時(shí)間軸”上要插入幀的地方點(diǎn)擊鼠標(biāo)右 鍵，在彈出的快捷菜單中選擇 “插入幀”命令；另外還可以通過執(zhí)行“插入” “時(shí) 間軸” “幀”命令來完成插入幀的操作。思考：為什么要到最后才給“草地”層添加過渡幀呢？（因?yàn)槲覀兪紫葎?chuàng)建了 “草地”層，但當(dāng)時(shí)并不知道整個(gè)動(dòng)畫的長度，所以要等動(dòng)畫制作完成后才添加。而“標(biāo)題”層是最后創(chuàng)建的，所以自動(dòng)添加了過渡幀?，F(xiàn)在3個(gè)圖層的幀數(shù)是20，這樣就能保證動(dòng)畫的完整了）（如圖514所示）。四、測(cè)試存盤教師：動(dòng)畫制作完成了，應(yīng)該先預(yù)覽一下。執(zhí)行“控制” “測(cè)試影片”命令， 這時(shí)會(huì)彈出一個(gè)動(dòng)畫播放窗口。仔細(xì)觀察動(dòng)畫有無問題，如果滿意，

42、就將它保存起 來。執(zhí)行“文件” “保存”命令，隨后會(huì)彈出一個(gè)“另存為”對(duì)話框。在這里我 們可以設(shè)置文件存放的路徑和文件名，我們將文件命名為“草地上的毛毛蟲”，以“FLA ”的文件格式存盤。FLA的文件格式是Flash的播放文件，就要使用 Flash的“發(fā)布設(shè)置”功能了。 要發(fā)布Flash文檔，請(qǐng)首先選擇發(fā)布文件格式，執(zhí)行“文件” “發(fā)布設(shè)置”命令 后就會(huì)彈出“發(fā)布設(shè)置”對(duì)話框，在“發(fā)布設(shè)置”對(duì)話框中可以設(shè)置要發(fā)布的文件 模式、文件名稱、保存目錄等，設(shè)置完畢后單擊“發(fā)布”按鈕就可以導(dǎo)出Flash的播放文件（如圖515所示）。四、課后拓展：想一想1、既然完成“毛毛蟲”層的制作后再添加圖層可以自然添

43、加過渡幀，那為什 么我們要先制作“草地”層呢？2、為什么使用“繪圖外觀”功能時(shí)只有當(dāng)前幀中的內(nèi)容用全彩色顯示，而其 他幀的內(nèi)容卻是半透明的呢？學(xué)生 練習(xí)練一練1、結(jié)合所學(xué)內(nèi)容制作一個(gè)簡單的逐幀動(dòng)畫。2、使用“發(fā)布設(shè)置”功能嘗試發(fā)布各種不同的文件。燈籠變文字教學(xué)設(shè)計(jì)執(zhí)教：XXX課目信息技術(shù)年級(jí)六課序第六課課題燈籠變文字教學(xué)時(shí)間兩課時(shí)教學(xué)目標(biāo)1、了解形狀間動(dòng)畫的基本知識(shí)。2、掌握形狀補(bǔ)間動(dòng)畫的制作方法。教學(xué)掌握形狀補(bǔ)間動(dòng)畫的制作方法。重難占J 、第一課教師談話導(dǎo)入新課：上一節(jié)，我們利用“逐幀動(dòng)畫”制作會(huì)動(dòng)的毛毛蟲，這節(jié)課 我們將運(yùn)用形狀補(bǔ)間動(dòng)畫，可以設(shè)置元件的內(nèi)容、形狀、顏色等種種屬性，配合別的

44、手法，甚至能做出令人稱奇的仿 3D交果來。這一課我們要學(xué)習(xí)形狀補(bǔ)間動(dòng)畫的特點(diǎn) 及創(chuàng)建方法。一、介紹什么是形狀補(bǔ)間動(dòng)畫教師：形狀補(bǔ)間動(dòng)畫是 Flash中最常用的動(dòng)畫效果之一。所謂“補(bǔ)間動(dòng)畫”又叫 做“中間幀動(dòng)畫”、“漸變動(dòng)畫”。只要建立起始和結(jié)束的畫面，中間部門由軟件自動(dòng) 生成，省去了中間動(dòng)畫制作的復(fù)雜過程，這也正是Flash的迷人之處。運(yùn)用它，可以變幻出各種奇妙的、不可思議的變形效果。1、形狀補(bǔ)間動(dòng)畫在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形 狀，F(xiàn)lash根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動(dòng)畫被稱為“形狀補(bǔ)間動(dòng)畫”。2、構(gòu)成形狀補(bǔ)間動(dòng)畫的元素形狀補(bǔ)間動(dòng)畫可以實(shí)現(xiàn)兩

45、個(gè)圖形之間顏色、形狀、大小、位置的相互變化，其變 形的靈活性介一逐幀動(dòng)畫和動(dòng)作補(bǔ)間動(dòng)畫二者之間，使用的元素多為繪制的形狀，如果使用圖形元件、按鈕、文字，貝U必須先執(zhí)行“分離”操作后才能創(chuàng)建變形動(dòng)畫。3、形狀補(bǔ)間動(dòng)畫在時(shí)間幀面板上的表現(xiàn)形狀補(bǔ)間動(dòng)畫建好后， 時(shí)間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個(gè)長長的箭頭（如圖 61所示）。教學(xué)過程4、創(chuàng)建形狀補(bǔ)間動(dòng)畫的方法教師：為了便于同學(xué)們理解，我們先來制作一個(gè)簡單的形狀補(bǔ)間動(dòng)畫。教師演示操作步驟：步驟1:在第一幀中使用“橢圓工具”繪制一個(gè)正圓形，填棄色設(shè)為黃色。步驟2：在第20幀的地方插入一個(gè)關(guān)鍵幀，使用“矩形工具”繪制一個(gè)正方形， 填充

46、色設(shè)為紅色，正方形要覆蓋整個(gè)正圓形，可以略大一點(diǎn)。步驟3:單擊開始幀，然后單擊“屬性”面板上“補(bǔ)間”旁邊的小三角，在彈出 的下拉菜單中選擇“形狀”。這樣，一個(gè)簡單的形狀補(bǔ)間動(dòng)畫就制作完畢了，我們可以拖動(dòng)播放頭觀看形狀補(bǔ) 間動(dòng)畫的效果（如圖62所示）。（學(xué)生按老師的操作方法，自主進(jìn)行練習(xí)。）二、認(rèn)識(shí)形狀補(bǔ)間動(dòng)畫的屬性面板教師：當(dāng)我們建立了一個(gè)形狀補(bǔ)間動(dòng)畫后，單擊幀就會(huì)出現(xiàn)形狀補(bǔ)間動(dòng)畫的“屬 性”面板（如圖63所示）。其實(shí)，形狀補(bǔ)間動(dòng)畫的“屬性”面板上只有兩個(gè)參數(shù)：“緩動(dòng)”和“混合”。1、“緩動(dòng)”選項(xiàng)單擊“緩動(dòng)”右邊的按鈕，會(huì)彈出滑動(dòng)桿，拖動(dòng)上面的滑塊可以調(diào)節(jié)參數(shù)值，當(dāng) 然也可以在文本框中直接輸入

47、具體的數(shù)值。設(shè)置后，形狀補(bǔ)間動(dòng)畫會(huì)隨之發(fā)生相應(yīng)的 變化：在-1到-100的負(fù)值之間，動(dòng)畫運(yùn)動(dòng)的速度從慢到快， 朝運(yùn)動(dòng)結(jié)束的方向加速度補(bǔ) 間。在1到100的正值之間，動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。 默認(rèn)情況下的值是“ 0”，也就是補(bǔ)間幀之間的變化速率是不變的。2、“混合”選項(xiàng)“混合”選項(xiàng)中有兩項(xiàng)選擇?！敖切巍边x項(xiàng)：創(chuàng)建的動(dòng)畫中形狀會(huì)保留有明顯的角和值線，適合于具有銳化轉(zhuǎn) 角和直線的混合形狀?！胺植际健毕软?xiàng)：創(chuàng)建的動(dòng)畫中間形狀比較平滑和不規(guī)則。三、使用形狀提示教師：形狀補(bǔ)間動(dòng)畫看似簡單，實(shí)則不然。Flash在“計(jì)算”兩個(gè)關(guān)鍵幀中圖形的差異時(shí)，遠(yuǎn)不如我們想象中的“聰明”，尤其是當(dāng)

48、前后圖形差異較大時(shí)，變形結(jié)果會(huì)顯得亂七八糟。這時(shí)，使用“形狀提示”功能可以大大改善這一情況。1、形狀提示的作用在“起始形狀”和“結(jié)束形狀”中添加相對(duì)應(yīng)的“參考點(diǎn)”，使Flash在計(jì)算變形過渡時(shí)依一定的規(guī)則進(jìn)行，從而較有效地控制變形過程。2、添加形狀提示的方法先在形狀補(bǔ)間動(dòng)畫的開始幀上單擊一下，再執(zhí)行“修改” “形狀” “添加形狀提示”命令，該幀的形狀上就會(huì)增加一個(gè)帶字母的紅色圓圈（如圖64所示）。相應(yīng)的，在結(jié)束幀的形狀中也會(huì)出現(xiàn)一個(gè)“提示圓圈”，開始幀和結(jié)束幀的“提示圓圈”要分別進(jìn)行設(shè)置。用鼠標(biāo)左鍵單擊并按住“提示圓圈”，拖放到適當(dāng)?shù)奈恢茫卜懦晒箝_始幀上的“提示圓圈”變?yōu)辄S色，結(jié)束幀上的“

49、提示圓圈”變?yōu)榫G色（如 圖65所示）；安放不成功或不在一條曲線上時(shí)，"提示圓圈"顏色不變。（小知識(shí)：在制作復(fù)雜的變形動(dòng)畫時(shí)，“形狀提示”的添加和拖放要多方位嘗試， “形狀提示”可以連續(xù)添加，最多能添加 26個(gè)。每添加一個(gè)“形狀提示”，最好播放 一下變形效果，然后再對(duì)變形提示的位置做進(jìn)一步的調(diào)整。另外，將變形提示從形狀 的左上角開始按逆時(shí)針順序擺放，將使變形提示工作得列有效。）3、添加形狀提示的技巧“形狀提示”擺放的位置也要符合邏輯順序。例如，起點(diǎn)關(guān)鍵幀和終點(diǎn)關(guān)鍵幀上 各有一個(gè)三角形，我們使用 3個(gè)“形狀提示”；如果它們?cè)陂_始幀的三角形上的順序 為abc,那么在結(jié)束幀的三角形

50、上的順序也必須是abc。“形狀提示”要在形狀的邊緣才能起作用。 在調(diào)整“形狀提示”位置前，要讓“選 項(xiàng)”下面的“貼緊至對(duì)象”按鈕處于被按下狀態(tài)，這樣，程序會(huì)自動(dòng)把“形狀提示” 吸附到邊緣上。如果發(fā)覺“形狀提示”仍然無效，則可以用“縮放工具”，將形狀放大后再進(jìn)行調(diào)整，以確保“形狀提示”位于圖形邊緣上。另外，如果要?jiǎng)h除所有的“形狀提示”，可執(zhí)行“修改” “形狀” “刪除所 有提示”命令，刪除單個(gè)“形狀提示”，可用鼠標(biāo)右鍵單擊它，在彈出的菜單中選擇 “刪除提示”。4、添加形狀提示練習(xí)、為了更深入地學(xué)習(xí)“形狀提示”，我們來制作一個(gè)使用“形狀提示”的動(dòng)畫實(shí)例。 在場(chǎng)景中制作兩個(gè)由數(shù)字 “ 1”變形為數(shù)字

51、“2”的動(dòng)畫，讓它們同時(shí)變形，一個(gè)加“形 狀提示”，一個(gè)不加“形狀提示”，看看這兩個(gè)變形有什么不同。教師演示操作步驟：步驟1：執(zhí)行“文件” “新建”命令，新建一個(gè)影片文檔，舞臺(tái)尺寸“300 × 200像素”，設(shè)背景為“藍(lán)色（#000OFF） ”。步驟2：在“圖層1”的左上部分輸入數(shù)字“ 1”，在“屬性”面板上設(shè)置文本格 式為“靜態(tài)文本”，字體為“宋體”，字號(hào)為“ 100”，顏色為“白色”；再新建“圖層2”， 在場(chǎng)景右上部分輸入數(shù)字“ 1”，參數(shù)同上，此層是添加“形狀提示”層。然后在兩個(gè) 圖層的第40幀處添加關(guān)鍵幀，將這幀中的數(shù)字“ 1”刪除，在相同的位置輸入數(shù)字“2”。在第60幀處添

52、加晉通幀，使變形后的文字稍作停留（如圖6 6所示）。步驟3:逐一選取“圖層1 ”與“圖層2”的第1幀和第40幀，選中其中的數(shù)字 “ 1”和“ 2”，執(zhí)行“修改” “分離”命令，把數(shù)字打散，轉(zhuǎn)為形狀（如圖6 7所示）。步驟4:先中“圖層1”的第1幀，單擊“屬性”面板上“補(bǔ)間”旁邊的小三角， 在彈出的下拉菜單中選擇“形狀”，建立形狀補(bǔ)間動(dòng)畫?！皥D層2”也要執(zhí)行相同的操 作以建立形狀補(bǔ)間動(dòng)畫。步驟5：先中“圖層2”的第1幀，然后執(zhí)行“修改” “形狀” “添加形狀 提示”命令兩次，添加兩個(gè)“提示圓圈” 。確認(rèn)工具箱中的“貼緊至對(duì)象”按扭處于 被按下狀態(tài)。調(diào)整第1幀和第40幀處的形狀提示，將一個(gè)“提示圓

53、圈”放在數(shù)字的 頂端，另一個(gè)放在數(shù)字的底部（如圖 6 8所示）。步驟6：新建一個(gè)圖層，在兩個(gè)漸變體的下面分別寫上“未加形狀提示”、“已加形狀提示”的說明（如圖 69所示）。（學(xué)生按老師的操作方法，自主進(jìn)行練習(xí)。教師輔導(dǎo)學(xué)生完成上述操作。生相互 檢查完成情況。）至此，這個(gè)形狀補(bǔ)間動(dòng)畫實(shí)例就制作完成了，測(cè)試一下，看看效果。怎么樣？體 會(huì)到添加“形狀提示”的巧妙之處了嗎？第二課時(shí)一、制作形狀補(bǔ)間動(dòng)畫一一新春愉快教師：上面學(xué)習(xí)了許多與形狀補(bǔ)間動(dòng)畫相關(guān)的知識(shí)，現(xiàn)在我們就來動(dòng)手制作一個(gè) 形狀補(bǔ)間動(dòng)畫一一新春愉快。學(xué)生根據(jù)操作步驟，自主進(jìn)行操作，教師邊檢查，邊輔導(dǎo)。步驟1：執(zhí)行“文件” “新建”命令，在彈出的對(duì)話框中選擇“常規(guī)”選項(xiàng)卡 中的“ Flash文檔”后，單擊“確定”按鈕，新建一個(gè)影片文檔。在“屬性”面板上 設(shè)置文件大小為“ 640 × 500像素”，背景為“白色”（如圖610所示）。步驟2：將“圖層1”重命名為“背景”，執(zhí)行“文件” “導(dǎo)入” “導(dǎo)入到舞 臺(tái)”命令，將名為“春節(jié)jpg ”的圖片導(dǎo)入到場(chǎng)景中。使用