Flash教案(共13節(jié))

1、Flash教案（共十三節(jié)）第一節(jié)Flash工作界面介紹一、         教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解界面中各部分的作用，及常用菜單所在的位置，重點(diǎn)掌握工具的應(yīng)用。二、         教學(xué)內(nèi)容工作界面的介紹繪圖工具的使用三、         教學(xué)課時(shí)1課時(shí)四、        

2、; 教學(xué)過(guò)程（一）FlashMX的工作界面如下圖Flash mx工作界面主要分為標(biāo)題欄、常用工具欄、時(shí)間軸、工具欄、主工作區(qū)、浮動(dòng)面板、屬性面板及動(dòng)作面板等。（二）部分繪圖工具的使用箭頭工具：用于選定工作區(qū)中的點(diǎn)陣圖或矢量圖，并可對(duì)點(diǎn)陣圖進(jìn)行一定的編輯；副選工具：可對(duì)所繪路徑進(jìn)行精確調(diào)節(jié)；直線工具：用于繪制直線；索套工具：創(chuàng)建任何形態(tài)的選區(qū)；鋼筆工具：可以精確繪制直線或曲線路徑；文本工具：用于創(chuàng)建文本或文本域；橢圓工具：繪制橢圓或圓；矩形工具：繪制矩形或正方形；鉛筆工具：可以繪制任意線條或圖形；刷子工具：用于著色的一種工具，可以創(chuàng)造任意特殊效果；墨水瓶工具：用于填充線條或圖形邊框的顏色；油漆桶

3、工具：改變物體的填充色；吸管工具：用于拾取顏色；橡皮擦工具：用于移動(dòng)窗口中顯示的視圖。 五、         本課小結(jié)本課主要講述了Flash的基本界面特征，強(qiáng)調(diào)工具的作用及其使用方法，為以后進(jìn)一步深入學(xué)習(xí)Flash動(dòng)畫(huà)制作打下了一定的基礎(chǔ)。六、         課外作業(yè)上機(jī)操作，使用工具箱中的工具繪出相應(yīng)的圖形。 教學(xué)后記：  第二節(jié)制作第一個(gè)Flash動(dòng)畫(huà)直線運(yùn)動(dòng)的小球一、 

4、0;       教學(xué)目標(biāo)理解時(shí)間軸的概念及作用，運(yùn)用工具箱中的圓形工具繪制一個(gè)小球，并在時(shí)間軸上進(jìn)行相應(yīng)的設(shè)置，使之運(yùn)動(dòng)。二、         教學(xué)內(nèi)容    理解時(shí)間軸；    制作一個(gè)小球運(yùn)動(dòng)的動(dòng)畫(huà)；三、         教學(xué)課時(shí):1課時(shí)四、      

5、   教學(xué)過(guò)程（一）時(shí)間軸：Flash中的時(shí)間軸圖如上所示時(shí)間軸主要由圖層、幀組成。幀（frame）：傳統(tǒng)意義上的動(dòng)畫(huà)是由一張張單獨(dú)的膠片組成，將這些靜止畫(huà)面連續(xù)播放，利用人眼的視覺(jué)暫留，就產(chǎn)生連續(xù)運(yùn)動(dòng)的動(dòng)畫(huà)效果，而Flash的幀就如同電影膠片，按時(shí)間軸窗格中每一幀畫(huà)面的順序播放就產(chǎn)生了動(dòng)畫(huà)效果。圖層（layer）：動(dòng)畫(huà)中的每一幀都是由多個(gè)圖層中的圖片重疊組成的，不同圖層的畫(huà)面元素，可以分別施加動(dòng)畫(huà)效果。圖層可以用透明的玻璃紙來(lái)比喻，當(dāng)上面圖層和下面圖層的內(nèi)容相重疊時(shí)，上面圖層上的內(nèi)容將遮擋住下面圖層上的內(nèi)容，所以有時(shí)需要調(diào)整圖層的疊放順序。（二）制作一個(gè)小球運(yùn)動(dòng)的動(dòng)畫(huà)步驟

6、：（效果如下）通過(guò)大屏幕演示操作過(guò)程：1、打開(kāi)Flash新建一個(gè)Flash電影文檔；2、單擊工具欄中的橢圓工具，即選定橢圓工具；3、在工作區(qū)里所要繪制小球的地方，按住鼠標(biāo)左鍵進(jìn)行拖動(dòng)，松掉鼠標(biāo)即完成繪制（同時(shí)按住Shift鍵可繪出正圓）；4、添加漸進(jìn)色，去掉邊線，使其看起來(lái)很像小球，5、繪制完球后，用箭頭工具將小球選定，然后移動(dòng)到適當(dāng)?shù)奈恢茫?、在時(shí)間軸上的第30幀按F6（或單擊插入關(guān)鍵幀菜單）插入一關(guān)鍵幀；7、在工作區(qū)內(nèi)用箭頭工具將小球移動(dòng)到結(jié)束運(yùn)動(dòng)的位置；8、單擊回到第一幀，打開(kāi)實(shí)例浮動(dòng)面板，在幀數(shù)標(biāo)簽中選擇圖形；9、時(shí)間軸上從第一幀到第30幀出現(xiàn)了一個(gè)綠色背景的實(shí)線箭頭如下圖，動(dòng)畫(huà)制作完

7、成；10、          按Ctrl+Enter觀看最終效果。五、         本課小結(jié)在這一課中，學(xué)習(xí)如何制作Flash的第一個(gè)動(dòng)畫(huà)，同時(shí)掌握了幀的應(yīng)用，更深一步地了解了Flash制作動(dòng)畫(huà)的方式方法。六、         課外作業(yè)上機(jī)完成該動(dòng)畫(huà)的制作。第三節(jié)制作一個(gè)變形動(dòng)畫(huà)一、     &

8、#160; 教學(xué)目標(biāo)在以前的學(xué)習(xí)基礎(chǔ)了，制作一個(gè)由矩形變成三角形的變形動(dòng)畫(huà)。二、       教學(xué)內(nèi)容制作一個(gè)由矩形變成三角形的變形動(dòng)畫(huà)。三、       教學(xué)課時(shí)1課時(shí)四、       教學(xué)過(guò)程          用大屏幕演示制作全過(guò)程，文字描述如下：（效果如下）  步驟：1、打開(kāi)Flash新建一個(gè)Flas

9、h電影文檔；2、單擊工具欄中的矩形工具，即選定矩形工具；3、在工作區(qū)里所要繪制小球的地方，按住鼠標(biāo)左鍵進(jìn)行拖動(dòng)，松掉鼠標(biāo)即完成繪制（同時(shí)按住Shift鍵可繪出正方形）；4、用箭頭工具將矩形移到適當(dāng)?shù)奈恢茫?、在時(shí)間軸上的第30幀插入一關(guān)鍵幀；6、插入空白關(guān)鍵幀后，在工作區(qū)內(nèi)繪出一三角形；7、繪制三角形方法前兩步同2、3，最后用箭頭工具的編輯功能將矩形的兩個(gè)角合成一個(gè)角，即完成三角形的繪制；8、在工作區(qū)內(nèi)用箭頭工具將三角形移動(dòng)到結(jié)束運(yùn)動(dòng)的位置；9、單擊回到第一幀，打開(kāi)實(shí)例浮動(dòng)面板，在幀數(shù)標(biāo)簽中選擇圖形；10、       &#

10、160;  時(shí)間軸上從第一幀到第30幀出現(xiàn)了一個(gè)綠色背景的實(shí)線箭頭如下圖，動(dòng)畫(huà)制作完成；11、          按Ctrl+Enter觀看最終效果。一、       本課小結(jié)本課通過(guò)實(shí)際演示，制作了一個(gè)由矩形變?yōu)槿切蔚淖冃蝿?dòng)畫(huà)。二、       課后練習(xí)上機(jī)實(shí)踐，自己制作一個(gè)變形動(dòng)畫(huà)，可以由圓變成其它形狀，如下圖。教學(xué)后記：第四節(jié) 幀動(dòng)畫(huà)一、  

11、0;      教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解flash動(dòng)畫(huà)的應(yīng)用。二、         教學(xué)內(nèi)容flash動(dòng)畫(huà)的介紹關(guān)鍵幀、幀、空白關(guān)鍵幀的概念三、         教學(xué)課時(shí)1課時(shí)四、         教學(xué)過(guò)程一、創(chuàng)建影片：新建一個(gè)Flash文件。設(shè)置電影屬性。尺寸大約400X400，幀頻1px背景棗紅。調(diào)

12、出查看_網(wǎng)格 二、創(chuàng)建動(dòng)畫(huà)：1、在繪圖工具箱中選擇文字工具，設(shè)置文字屬性面板，字體為華文行楷，字色為黑色，大小為49.2、在舞臺(tái)中左邊輸入“閃客沙龍”四字，在第2、3、4、5、6幀均按F6插入關(guān)鍵幀。3、第一幀選中“客沙龍”刪掉，第2幀選中“沙龍”刪掉，第3幀選中“龍”刪掉，第4 幀為全，第5 幀改字色為黃色，第6 幀為黑色。4、在第6 幀點(diǎn)一下，在舞臺(tái)右邊合適位置輸入“和睦家庭”，第6幀選中“睦家庭”刪掉，第7幀選中“家庭”刪掉，第8幀選中“庭”刪掉，第9 幀為全，第10幀改字色為黃色，第11 幀為黑色。三、測(cè)試和保存文件： 導(dǎo)出影片，格式zzdh.swf ，或gif動(dòng)畫(huà)格式zzdh.gif

13、教學(xué)后記：第五節(jié)制作運(yùn)動(dòng)的光碟（2課時(shí)）一、         教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解運(yùn)動(dòng)動(dòng)畫(huà)應(yīng)用。二、         教學(xué)內(nèi)容運(yùn)動(dòng)動(dòng)畫(huà)的介紹楨的使用三、         教學(xué)課時(shí)2課時(shí)四、         教學(xué)過(guò)程一、建立新動(dòng)畫(huà)：1.運(yùn)行Flash MX。這時(shí)系統(tǒng)啟動(dòng)并

14、自動(dòng)建立了一個(gè)新文件。 執(zhí)行：“文件/新建”菜單命令或按可以新建一個(gè)的影片文件。2.設(shè)置舞臺(tái)屬性：執(zhí)行“修改/文檔”菜單命令(或按Ctrl+J)。其實(shí)Flash MX提供了“屬性提示器” 見(jiàn)下圖1,再點(diǎn)開(kāi)“大小”可以設(shè)置文檔屬性見(jiàn)圖2(1)播放速度(幀頻)(2)舞臺(tái)尺寸(尺寸)(3)背景顏色(4)選用何種標(biāo)尺單位等。一般每秒12幀的播放速度比較合適。這里我們?cè)O(shè)定一個(gè)尺寸為300*100的藍(lán)色背景舞臺(tái)。 圖1 影片屬性設(shè)置 圖2（左） 圖3（右）二、建立組件：1、新建光碟組件(創(chuàng)建一個(gè)圖符)。執(zhí)行“插入/新建元件”菜單命令（或按Ctrl-F8鍵）進(jìn)入建立組件的對(duì)話框窗口，給組件起名（最好是取拼音

15、名或數(shù)字名,比如guang），選擇類型是圖形。然后按確定按鈕。 馬上就進(jìn)入到創(chuàng)建新元件的編輯狀態(tài)2、在繪圖工具欄中選橢圓工具。并將其下的屬性提示器參數(shù)設(shè)置為下圖4所示。 圖4橢圓工具的屬性提示器(邊框色和填充色)3、在工作區(qū)里拖動(dòng)鼠標(biāo)繪制一個(gè)圓（在拖動(dòng)鼠標(biāo)的同時(shí)按下shift鍵不松手，畫(huà)出來(lái)的是正圓）。注意：圓的中心一定要和舞臺(tái)中心的“+”對(duì)準(zhǔn)。最好從查看中調(diào)出標(biāo)尺和網(wǎng)格4、利用直線工具畫(huà)一園的直徑，選中此直徑，調(diào)出窗口下邊的“變形面板”(見(jiàn)上圖3)旋轉(zhuǎn)設(shè)45度，在右下邊的旋轉(zhuǎn)復(fù)制按鈕（向右小箭頭），連按三次，就會(huì)出現(xiàn)四條直徑，把圓分為8葉。5、再在一邊利用橢園工具畫(huà)一小的正園，選中拖入大圓的

16、正中心，記住一定要中心對(duì)齊。6、利用漆桶工具，分別在8葉中充入不同的好看的顏色，這樣組件就做好了。三、建立運(yùn)動(dòng)動(dòng)畫(huà)：1.設(shè)置起始位置：(1)組件做好后，點(diǎn)擊時(shí)間軸右上角的“場(chǎng)景1”回到主場(chǎng)景。(2)按Ctrl-L打開(kāi)圖庫(kù)，發(fā)現(xiàn)里面已經(jīng)有一個(gè)做好了的名為guang的的組件。在預(yù)覽窗口中把該組件拖動(dòng)到工作區(qū)中的中央，此時(shí)時(shí)間軸的第1幀上的小圓圈已經(jīng)由空心變成了實(shí)心，表明該幀不再為空，變?yōu)殛P(guān)鍵幀。2.設(shè)置目的位置：(1)在時(shí)間軸第10幀單擊鼠標(biāo)左鍵，該幀變藍(lán)表示被選，在此處按F6鍵插入一個(gè)關(guān)鍵幀，第10幀也變?yōu)閷?shí)心小黑點(diǎn)。(3)單擊選中時(shí)間軸上的第1幀，下邊出現(xiàn)幀的屬性面板，點(diǎn)開(kāi)“補(bǔ)間”和“旋轉(zhuǎn)”的

17、向下箭頭選擇如下 圖5 在幀面板中設(shè)置運(yùn)動(dòng)動(dòng)畫(huà)小球運(yùn)動(dòng)建好后的時(shí)間軸狀態(tài)：如下： 圖6 光碟運(yùn)動(dòng)建好后的時(shí)間軸狀態(tài)這時(shí)時(shí)間軸窗口的狀態(tài)如圖6所示，第1幀和第10幀之間出現(xiàn)了一個(gè)實(shí)線箭頭，且背景變成淡紫色，表示這兩幀之間有一段運(yùn)動(dòng)漸變動(dòng)畫(huà)。如果兩幀之間出現(xiàn)了虛線，表示過(guò)渡不成功，需要重新查看每一個(gè)關(guān)鍵幀及其屬性。3.測(cè)試效果：執(zhí)行“窗口/工具欄/控制欄”菜單命令， 打開(kāi)控制面板，按播放鈕播放動(dòng)畫(huà)，或者按下Ctrl-Enter預(yù)覽窗口，以全屏預(yù)覽動(dòng)畫(huà)，可以看到本頁(yè)上面的左邊的動(dòng)畫(huà)效果。4、如果想讓光蝶向前滾動(dòng)，可以點(diǎn)一下時(shí)間軸的第一幀，光蝶放到舞臺(tái)左邊，再在第10幀把光蝶放到舞臺(tái)右邊，就會(huì)出現(xiàn)滾動(dòng)

18、效果。5、如果想讓光蝶向前動(dòng)，可以點(diǎn)一下時(shí)間軸的第一幀，去掉旋轉(zhuǎn)，再把光蝶放到舞臺(tái)左邊，再在第10幀把光蝶放到舞臺(tái)右邊，就會(huì)出現(xiàn)滾動(dòng)效果。(移動(dòng)對(duì)象可以用shift+)四、存盤(pán)：用Flash做動(dòng)畫(huà)不難吧。做好了動(dòng)畫(huà)不要忘記存盤(pán)，執(zhí)行“文件/保存”菜單命令(或按Ctrl-S鍵)，在彈出的對(duì)話框中輸入存檔文件名，確定。這時(shí)系統(tǒng)會(huì)把源文件用.fla格式存檔。如果這時(shí)在Flash中再次按下Ctrl-Enter鍵，則系統(tǒng)會(huì)自動(dòng)生成.swf的電影文件，可以用Flash 5電影播放器直接觀看(下圖)。教學(xué)后記：第六節(jié)讓你的相片動(dòng)起來(lái)一、      

19、   教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解運(yùn)動(dòng)動(dòng)畫(huà)的應(yīng)用。二、         教學(xué)內(nèi)容運(yùn)動(dòng)動(dòng)畫(huà)的介紹元件的概念三、         教學(xué)課時(shí)1課時(shí)四、         教學(xué)過(guò)程1.新建動(dòng)畫(huà)文件：1) 新建/文件。2) 設(shè)置影片屬性：或按ctrl+F3 550*400,幀頻12 ，背景顏色自定。2.導(dǎo)入你的相片：點(diǎn) 文件/導(dǎo)入，找到相片的位置，

20、點(diǎn)打開(kāi)，這時(shí)在舞臺(tái)和圖庫(kù)中都有了你的相片了相片轉(zhuǎn)化為組件：點(diǎn)一下舞臺(tái)上的相片，點(diǎn)插入菜單下“轉(zhuǎn)化為組件”，組件起名“pic”,類型或行為“圖形”此時(shí)相片上出現(xiàn)一個(gè)“+”表示已為組件，你可以刪掉他，此時(shí)組件庫(kù)中已保存此組件。3.制作動(dòng)畫(huà)：A、運(yùn)動(dòng)效果 1)制作第一個(gè)關(guān)鍵幀：回到場(chǎng)景1，選擇箭頭工具，將pic從圖庫(kù)中拖放到舞臺(tái)的左上角的外側(cè)。2)制作第二個(gè)關(guān)鍵幀：用鼠標(biāo)單擊第15幀。此時(shí)幀變成藍(lán)色。按f6鍵添加關(guān)鍵幀。將相片拖動(dòng)到舞臺(tái)右下角。3)創(chuàng)建動(dòng)畫(huà)：?jiǎn)螕舻谝粠?。在下邊的幀面板上找到“補(bǔ)間”點(diǎn)開(kāi)下拉條，找到“運(yùn)動(dòng)漸變”，設(shè)置為運(yùn)動(dòng)，如是想讓相片旋轉(zhuǎn)，再點(diǎn)下邊的“旋轉(zhuǎn)”下拉條，設(shè)為順時(shí)針，次數(shù)為

21、“1”按回車(chē)鍵看一下播放效果。B、放大效果 1)在30帖處按F6插入關(guān)鍵幀，此時(shí)把相片拖入舞臺(tái)中央。 2)點(diǎn)工具欄中的任意變形工具，此時(shí)在相片周?chē)霈F(xiàn)八個(gè)方塊，拖運(yùn)，可使相片變大，變形，變成你想要的樣子。你可以讓相片放大的和舞臺(tái)一樣的大。3)再在回到15幀，在幀面板上設(shè)置運(yùn)動(dòng)動(dòng)畫(huà)。點(diǎn)回車(chē)看一下播放效果。C、淡出且變小效果1)在45帖處按F6插入關(guān)鍵幀，點(diǎn)工具欄中的任意變形工具，此時(shí)在相片周?chē)霈F(xiàn)八個(gè)方塊，拖運(yùn)，可使相片變。2)再點(diǎn)一下此時(shí)舞臺(tái)上的相片組件，下邊的屬性提示器會(huì)出現(xiàn)相應(yīng)的提示，找到“顏色”點(diǎn)開(kāi)下拉條，找到“透明度或”“Alpha”再在其后的方框中設(shè)為20%，此時(shí)相片變的透明且淡。3

22、)再在回到30幀，在幀面板上設(shè)置運(yùn)動(dòng)動(dòng)畫(huà)。點(diǎn)回車(chē)看一下播放效果。D、推進(jìn)效果 同理，在60幀插入關(guān)鍵幀，使相片再放大，調(diào)透明度100%，回到45幀建立運(yùn)動(dòng)動(dòng)畫(huà)，回車(chē)會(huì)看到相片向前變清晰且向前推進(jìn)的效果。E、由正面到反面的漸變效果 1)在75幀按f6插入關(guān)鍵幀，找到窗口下邊的“變形”，點(diǎn)一下“傾斜”再在后邊的“垂直斜度”框中輸入“180”則相片為反面顯示。（或直接利用變形工具拖動(dòng)，效果更好） 2)回到60幀，在幀面板上設(shè)置運(yùn)動(dòng)動(dòng)畫(huà)。點(diǎn)回車(chē)看一下播放效果。要想讓反面效果保存時(shí)間長(zhǎng)一些，可在第90幀處按F5。4.存盤(pán)：1)存成flash文件：格式為*.fla。選擇路徑，輸入文件名，確定。2)輸出可播

23、放文件：格式為*.swf。文件/導(dǎo)出影片。設(shè)置參數(shù)導(dǎo)出。3)輸出動(dòng)畫(huà)文件：格式為*.gif。文件/導(dǎo)出影片。教學(xué)后記：第七節(jié)簡(jiǎn)單變形一、         教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解形狀動(dòng)畫(huà)的應(yīng)用。二、         教學(xué)內(nèi)容形狀動(dòng)畫(huà)的介紹元件的使用三、         教學(xué)課時(shí)2課時(shí)四、     

24、60;   教學(xué)過(guò)程變形動(dòng)畫(huà)是FLASH動(dòng)畫(huà)中比較特殊的一種過(guò)程動(dòng)畫(huà)，和運(yùn)動(dòng)動(dòng)畫(huà)不同的是，其動(dòng)畫(huà)對(duì)象只能是矢量圖形對(duì)象。群組對(duì)象、圖符引例對(duì)象、符號(hào)和位圖圖像均不能夠作為變形動(dòng)畫(huà)的對(duì)象（除非把它們打散成矢量圖形）。變形動(dòng)畫(huà)可以在兩個(gè)關(guān)鍵幀之間制作出變形的效果，讓一種形狀隨時(shí)間變化成另外一種形狀；還可以對(duì)形狀的位置、大小和顏色進(jìn)行漸變。 變形動(dòng)畫(huà)有兩種形式，一種是不可控的（也叫簡(jiǎn)單變形），而另外一種則是可控的（通過(guò)添加控制點(diǎn)來(lái)實(shí)現(xiàn)，也叫控制變形）。下面先介紹一個(gè)簡(jiǎn)單變形動(dòng)畫(huà)的制作過(guò)程。一、創(chuàng)建影片： 新建一個(gè)Flash文件。設(shè)置電影屬性。尺寸大約400X300，背景淺桔色。

25、二、創(chuàng)建動(dòng)畫(huà)：1、在繪圖工具箱中選擇矩形工具，用矩形工具在場(chǎng)景中畫(huà)出一個(gè)沒(méi)有邊框的紅色矩形。這是變形動(dòng)畫(huà)的第1幀。2 單擊第10幀并按F7鍵，插入一個(gè)空白關(guān)鍵幀，點(diǎn)橢圓工具場(chǎng)景中畫(huà)出一個(gè)沒(méi)有邊框的藍(lán)色小球。點(diǎn)第一幀，在下邊的屬性提示中，設(shè)置變形動(dòng)畫(huà)，選擇形狀漸變。此時(shí)，矩形變圓的動(dòng)畫(huà)完成。（播放一下看看）3、點(diǎn)工具欄中的文字工具，看到下邊的文字提示器面板，設(shè)置文字格式。在文字格式中選取英文字體為：Webdings，大小為：40，顏色為：紅色。單擊第20幀并按F7鍵，插入一個(gè)空白關(guān)鍵幀，單擊第20幀關(guān)鍵幀，選擇文字工具，并在場(chǎng)景上單擊，然后輸入一個(gè)字母v。這時(shí)場(chǎng)景中會(huì)出現(xiàn)一輛汽車(chē)符號(hào)，選擇常用工

26、具欄上的任意變形工具按扭， 調(diào)整汽車(chē)符號(hào)到合適的大小,執(zhí)行"修改/分離"，打散（分離）汽車(chē)，此時(shí)還可以點(diǎn)一下漆桶工具，選彩虹色，汽車(chē)變彩色。點(diǎn)第10幀，在下邊的屬性提示中，設(shè)置變形動(dòng)畫(huà)，選擇圖形變化。（播放一下看看）提示：在英文字體中有很多特殊的字體，如Webdings，它可以產(chǎn)生各類圖案。4、單擊第40幀并按F7鍵，插入一個(gè)空白關(guān)鍵幀，點(diǎn)工具欄中的文字工具。輸入“歡渡國(guó)慶"并設(shè)置自己喜歡的顏色，然后打散文字，可能要打散兩次呀。點(diǎn)第20幀在下邊的屬性提示中，設(shè)置變形動(dòng)畫(huà)，選擇圖形變化。（播放一下看看）5、按F5在第50幀插入一幀，以延長(zhǎng)第40幀的效果提示：因?yàn)镕l

27、ash不能對(duì)群組、圖符（組件）、字符或者位圖圖像進(jìn)行動(dòng)畫(huà)變形，所以要將字符打散。有的要打散兩次。6、點(diǎn)控制菜單下的影片測(cè)試，看變形效果。三、測(cè)試和保存文件：保存：文件名：txjb.fla導(dǎo)出影片，格式txjb.swf ，或gif動(dòng)畫(huà)格式txjb.gif教學(xué)后記：第八節(jié)小飛機(jī)沿軌跡運(yùn)動(dòng)實(shí)例教程和三角形的畫(huà)法一、         教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解運(yùn)動(dòng)漸變和形狀漸變、重點(diǎn)掌握工具的應(yīng)用。二、         教學(xué)內(nèi)容 運(yùn)動(dòng)漸變和

28、形狀漸變的運(yùn)用 繪圖工具的使用三、         教學(xué)課時(shí)1課時(shí)四、         教學(xué)過(guò)程一、新建影片：新建一個(gè)電影文件，在屬性對(duì)話框中，設(shè)定動(dòng)畫(huà)尺寸，背景顏色為蘭色。二、制作小飛機(jī)組件：1、利用矩形工具在舞臺(tái)上拖一矩形，用箭頭工具向外拖一角，再將另一對(duì)角向內(nèi)拖動(dòng)，用直線工具連接剛拖過(guò)的兩個(gè)角，利用漆桶工具改變兩三角的顏色。2、利用箭頭工具選中整個(gè)飛機(jī)，執(zhí)行“插入/轉(zhuǎn)換為元件”，則飛機(jī)上出現(xiàn)一小“+”字。三、制作動(dòng)畫(huà)：1、創(chuàng)建飛機(jī)

29、運(yùn)動(dòng)圖層：(1)單擊第一層的第1幀，將飛機(jī)拖放在場(chǎng)景中的左上角。(2)選擇第20楨，按F6鍵插入關(guān)鍵楨。(3)找到屬性面板，建立1-20楨之間的小飛機(jī)運(yùn)動(dòng)動(dòng)畫(huà)。在“使路徑適應(yīng)”上打勾2、單擊時(shí)間軸窗口上的“添加引導(dǎo)圖層”按鈕，或執(zhí)行“插入/運(yùn)動(dòng)引導(dǎo)層”為第一圖層增加一個(gè)引導(dǎo)圖層。在繪圖工具箱中選擇鉛筆工具，并選擇鉛筆工具的附屬選項(xiàng)“平滑”。然后用鉛筆工具在場(chǎng)景中畫(huà)一個(gè)平滑曲線。3、選擇第一層的第1幀。拖動(dòng)第1幀上的飛機(jī)到曲線左端點(diǎn)上，注意一定要“+”與線一端對(duì)準(zhǔn)。4、選擇第一層的第20幀。用同樣的方法將小球拖動(dòng)到曲線的右端點(diǎn)上。5、按Enter測(cè)試四、測(cè)試和保存影片：分別執(zhí)行“文件/保存”和“

30、文件/導(dǎo)出影片”命令保存和導(dǎo)出影片文件名分別是：fly.fla和fly.swf教學(xué)后記：第九節(jié)三角形的畫(huà)法一、         教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解運(yùn)動(dòng)漸變和形狀漸變、重點(diǎn)掌握工具的應(yīng)用。二、         教學(xué)內(nèi)容 運(yùn)動(dòng)漸變和形狀漸變的運(yùn)用 繪圖工具的使用三、         教學(xué)課時(shí)1課時(shí)四、    &

31、#160;    教學(xué)過(guò)程一、創(chuàng)建影片：新建一個(gè)Flash文件。設(shè)置電影屬性。尺寸大約300X300，幀頻6px背景自定。二、創(chuàng)建動(dòng)畫(huà)：1、在繪圖工具箱中選擇直線工具，用直線工具在場(chǎng)景中畫(huà)出一紅色直線，線粗為3，在第10幀按F6插入關(guān)鍵幀，回到第一幀，選中此直線，點(diǎn)工具欄中的任意變形工具，把直線拉短，注意要與原直線重合。播放一下看看2在第一層的第10幀按F5,增加普通幀，目的是延長(zhǎng)第10幀的效果。再增加一層，在第二層的第10幀按F7鍵，插入一個(gè)空白關(guān)鍵幀，再利用直線工具畫(huà)三角形的第二邊。這一層的第20幀按F6加關(guān)鍵幀，回到第10幀使第三邊變短設(shè)置變形動(dòng)畫(huà)。（播放一

32、下看看）3 同理，在前兩層的第20幀都按F5.再增加一層，在第三層的第20幀按F7鍵，插入一個(gè)空白關(guān)鍵幀，再利用直線工具畫(huà)三角形的第三邊。這一層的第30幀按F6加關(guān)鍵幀，回到第20幀使第三邊變短設(shè)置變形動(dòng)畫(huà)（播放一下看看）4、在第31幀的三層中都按F6,利用箭頭工具選中31層的三邊，改變顏色為黃色（閃動(dòng)效果），第32幀再改回為紅色第35幀加普通幀延長(zhǎng)效果。 三、測(cè)試和保存文件： 導(dǎo)出影片，格式sanjiao.swf ，或gif動(dòng)畫(huà)格式sanjiao.gif教學(xué)后記：第十節(jié)小球沿軌跡運(yùn)動(dòng)一、         教學(xué)目標(biāo)

33、學(xué)完本課后，學(xué)生能了解運(yùn)動(dòng)漸變和形狀漸變、重點(diǎn)掌握工具的應(yīng)用。二、         教學(xué)內(nèi)容1、理解引導(dǎo)圖層和引導(dǎo)線的概念2、通過(guò)學(xué)習(xí)掌握以下操作：(1)以庫(kù)的形式打開(kāi)文件；(2)利用鉛筆工具、鋼筆工具和次選工具構(gòu)造平滑曲線的方法；(3)如何將運(yùn)動(dòng)對(duì)象吸附在引導(dǎo)線上；(4)在混色器中編輯圖形的填充漸變色；(5)圖形形狀的更改方法；(6)旋轉(zhuǎn)工具的使用方法；(7)屬性面板中動(dòng)畫(huà)參數(shù)-“旋轉(zhuǎn)”效果的設(shè)置；(8)文字工具的使用和將文字打散的方法；(9)有關(guān)引導(dǎo)圖層的操作。三、    

34、;     教學(xué)課時(shí)1課時(shí)四、         教學(xué)過(guò)程一、新建影片：新建一個(gè)電影文件，打開(kāi)屬性面板，設(shè)定動(dòng)畫(huà)尺寸，背景顏色。二、準(zhǔn)備小球組件：執(zhí)行“文件/作為庫(kù)打開(kāi)”菜單命令，以庫(kù)的方式打開(kāi)上一課制作的動(dòng)畫(huà)源文件。這時(shí)就會(huì)出現(xiàn)一個(gè)庫(kù)窗口，里面顯示我們上一課制作好的小球組件。(如果沒(méi)有已作好的小球組件，也可以按照第二課的步驟重新建立一個(gè)小球組件)提示：這個(gè)小球在創(chuàng)建的時(shí)候要對(duì)準(zhǔn)中心點(diǎn)（十字星）。這樣便于下邊步驟中對(duì)小球的拖動(dòng)。三、制作動(dòng)畫(huà)：1、創(chuàng)建小球運(yùn)動(dòng)圖層：(1)單擊第一

35、層的第1幀，將圖庫(kù)中的小球組件拖放入場(chǎng)景中的左上角。(2)選擇第40楨，按F6鍵插入關(guān)鍵楨。(3)建立1-40楨之間的小球運(yùn)動(dòng)動(dòng)畫(huà)。2、單擊時(shí)間軸窗口上的添加引導(dǎo)圖層按鈕，為第一圖層增加一個(gè)引導(dǎo)圖層。引導(dǎo)圖層是專門(mén)用來(lái)制作運(yùn)動(dòng)軌跡的，在播放動(dòng)畫(huà)的時(shí)候，軌跡不會(huì)顯示出來(lái)。3、在繪圖工具箱中選擇鉛筆工具，并選擇鉛筆工具的附屬選項(xiàng)“平滑”。然后用鉛筆工具在場(chǎng)景中畫(huà)一個(gè)平滑曲線（按鼠標(biāo)左鍵不放拖曳畫(huà)曲線）。平滑曲線的創(chuàng)建還有其它方法?？蓞⒖计交€的畫(huà)法和圖形形狀的改變的演示步驟。4、按下吸附按鈕，選擇第一層的第1幀。拖動(dòng)第1幀上的小球到曲線(軌跡線）的左端點(diǎn)上。注意拖動(dòng)小球前一定要保證吸附按扭被按下

36、，這樣在拖動(dòng)鼠標(biāo)時(shí)，中心出現(xiàn)的空心圓會(huì)自動(dòng)吸附在軌跡線左端點(diǎn)，松開(kāi)鼠標(biāo)，小球就會(huì)停在軌跡線的左端點(diǎn)，這就是運(yùn)動(dòng)的起點(diǎn)。這是吸附按鈕被按下的狀態(tài)。5、選擇第一層的第40幀。用同樣的方法將小球拖動(dòng)到曲線的右端點(diǎn)上。下面是圖層結(jié)構(gòu)示意圖：圖1 圖層結(jié)構(gòu)示意圖四、測(cè)試和保存影片：1、按Ctrl+Enter測(cè)試影片2、分別執(zhí)行“文件/保存”和“文件/導(dǎo)出影片”命令保存和導(dǎo)出影片文件名分別是：lesson3_1.fla和lesson3_1.swf教學(xué)后記：第十一節(jié)探照燈-遮罩效果應(yīng)用一、  教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解運(yùn)動(dòng)漸變和形狀漸變、重點(diǎn)掌握工具的應(yīng)用。二、 教學(xué)內(nèi)容1、理解遮罩

37、圖層和遮罩效果2、通過(guò)學(xué)習(xí)掌握以下操作：(1)遮罩圖層的建立和遮罩效果的實(shí)現(xiàn)方法；(2)在排序面板中對(duì)對(duì)象進(jìn)行排序；三、 教學(xué)課時(shí) 1課時(shí)四、 教學(xué)過(guò)程遮罩(mask)的運(yùn)用是Flash中一個(gè)很重要的技巧。為了得到特殊的顯示效果，可以用遮罩層創(chuàng)建一個(gè)任意形狀的“視窗”(一個(gè)可見(jiàn)區(qū)域)，遮罩層下方層上的圖象可以通過(guò)這個(gè)“視窗”顯示出來(lái)，而“視窗”之外的圖象將不會(huì)顯示，這個(gè)“視窗”就是遮罩層。    我們還可以設(shè)置“視窗”進(jìn)行平移、縮放和旋轉(zhuǎn)運(yùn)動(dòng)以實(shí)現(xiàn)很多特殊的視覺(jué)效果。一、創(chuàng)建影片：新建一個(gè)Flash文件。打開(kāi)屬性面板修改為長(zhǎng)條形，大約400X3

38、00，背景選天藍(lán)色。幀頻4二、創(chuàng)建動(dòng)畫(huà)：1、選文字工具在場(chǎng)景中輸入段你喜歡的格言(文字)設(shè)置字的顏色隨意，字體為隸書(shū)，調(diào)整字號(hào)至合適大小。按F8把它轉(zhuǎn)換成一個(gè)圖形組件。刪除場(chǎng)景中的文字。2、新建一個(gè)圖形 “矩形工具”-窗口混色器設(shè)置填充色線型漸變：紅-藍(lán)-黃-黑（可以隨意設(shè)）3、分別導(dǎo)入兩張圖片你（喜歡的）4、回場(chǎng)景。第一層改名字“遮照”，打開(kāi)庫(kù)把漸變色的矩形拖到場(chǎng)景，選中，打開(kāi)屬性面板把漸變色的矩形的尺寸設(shè)置和場(chǎng)景的一樣400、300 與場(chǎng)景對(duì)齊。5、新建一層改名“文字”確定。打開(kāi)庫(kù)把文字拖入場(chǎng)景并放在場(chǎng)景（外面）最下面。在第60幀插入關(guān)鍵幀。把文字 拖到場(chǎng)景外最上面?；氐降谝粠?，點(diǎn)右鍵創(chuàng)造

39、漸變動(dòng)畫(huà)。6、在文字層上單擊右鍵，選中“遮照層”。7、新建一層改名為“圖片1”，打開(kāi)庫(kù)把圖片拖入場(chǎng)景并調(diào)整的和場(chǎng)景大小相同，在第34幀處插入關(guān)鍵幀，把圖片縮小并拖放在場(chǎng)景外最上面。點(diǎn)擊圖片，把屬性面板打開(kāi)調(diào)整透明度為“0”。在第一幀上創(chuàng)造漸變動(dòng)畫(huà)。8、新建一層改名“圖片2”，打開(kāi)庫(kù)把第二張圖片拖入場(chǎng)景并調(diào)整到最小，并選中打開(kāi)屬性面板調(diào)整透明度為“0”。在第60幀處插入關(guān)鍵幀，選中圖片打開(kāi)屬性面板調(diào)整透明度為“100”并調(diào)整與場(chǎng)景大小相同。在第1幀和第60幀之間創(chuàng)造漸變動(dòng)畫(huà)。教學(xué)后記：第十二節(jié)簡(jiǎn)單變形動(dòng)畫(huà)一、   教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解運(yùn)動(dòng)漸變和形狀漸變、重

40、點(diǎn)掌握工具的應(yīng)用。二、  教學(xué)內(nèi)容1、理解遮罩圖層和遮罩效果2、通過(guò)學(xué)習(xí)掌握以下操作：(1)遮罩圖層的建立和遮罩效果的實(shí)現(xiàn)方法；(2)在排序面板中對(duì)對(duì)象進(jìn)行排序；三、  教學(xué)課時(shí) 1課時(shí)四、   教學(xué)過(guò)程動(dòng)畫(huà)效果制作-簡(jiǎn)單變形動(dòng)畫(huà)變形動(dòng)畫(huà)是FLASH動(dòng)畫(huà)中比較特殊的一種過(guò)程動(dòng)畫(huà)，和運(yùn)動(dòng)動(dòng)畫(huà)不同的是，其動(dòng)畫(huà)對(duì)象只能是矢量圖形對(duì)象，群組對(duì)象、圖符引例對(duì)象、符號(hào)和位圖圖像均不能夠作為變形動(dòng)畫(huà)的對(duì)象（除非把它們打散成矢量圖形）。變形動(dòng)畫(huà)可以在兩個(gè)關(guān)鍵楨之間制作出變形的效果，讓一種形狀隨時(shí)間變化成另外一種形狀；還可以對(duì)形狀的位置、大小和顏色進(jìn)行

41、漸變。    變形動(dòng)畫(huà)有兩種形式，一種是不可控的（也叫簡(jiǎn)單變形），而另外一種則是可控的（通過(guò)添加控制點(diǎn)來(lái)實(shí)現(xiàn)，也叫控制變形）。下面先介紹一個(gè)簡(jiǎn)單變形動(dòng)畫(huà)的制作過(guò)程。一、創(chuàng)建影片：新建一個(gè)Flash文件。按Ctrl-M鍵設(shè)置電影屬性。尺寸大約400X300，背景淺藍(lán)色。二、創(chuàng)建動(dòng)畫(huà)：1、在繪圖工具箱中選擇矩形工具，用矩形工具在場(chǎng)景中畫(huà)出一個(gè)沒(méi)有邊框的紅色矩形。這時(shí)變形動(dòng)畫(huà)的第1楨。2、按Ctrl+T打開(kāi)文字面板，設(shè)置文字格式。在文字格式中選取英文字體為：Webdings，大小為：40，顏色為：紅色。3、單擊第10幀并按F7鍵，插入一個(gè)空白關(guān)鍵幀。4、單擊第10幀關(guān)鍵

42、幀，選擇文字工具，并在場(chǎng)景上單擊，然后輸入一個(gè)字母J。這時(shí)場(chǎng)景中會(huì)出現(xiàn)一個(gè)飛機(jī)符號(hào)，選擇常用工具欄上的比例按扭， 調(diào)整飛機(jī)符號(hào)到合適的大小。提示：在英文字體中有很多特殊的字體，如Webdings，它可以產(chǎn)生各類圖案。5、通過(guò)按Ctrl+B，把飛機(jī)符號(hào)打散，使之作為變形結(jié)束幀的圖形。提示：因?yàn)镕lash不能對(duì)群組、圖符（組件）、字符或者位圖圖像進(jìn)行動(dòng)畫(huà)變形，所以要將字符打散。6、選擇第1幀，并打開(kāi)幀面板，設(shè)置變形動(dòng)畫(huà)，選擇圖形變化。7、拖動(dòng)時(shí)間軸上的播放頭，查看變形的過(guò)程。三、測(cè)試和保存文件：文件名：lesson5_1.fla教學(xué)后記：第十三節(jié)按鈕制作實(shí)例教程一、  

43、0;教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解按鈕制作、重點(diǎn)掌握工具的應(yīng)用。二、  教學(xué)內(nèi)容1、理解按鈕組件并掌握按鈕組件的創(chuàng)建方法。2、掌握按鈕的動(dòng)作控制的實(shí)現(xiàn)方法。三、  教學(xué)課時(shí) 2課時(shí)四、 教學(xué)過(guò)程一、簡(jiǎn)單按鈕按鈕是組件（符號(hào)）的一種，它可以根據(jù)按鈕可能出現(xiàn)的每一種狀態(tài)顯示不同的圖像，并且會(huì)響應(yīng)鼠標(biāo)動(dòng)作，執(zhí)行指定的行為（action）。下面就是一個(gè)按鈕實(shí)例。制作步驟：1、新建一電影文件，設(shè)置影片屬性。2、創(chuàng)建按鈕組件：(1)執(zhí)行“插入/新建組件”命令。在彈出的組件屬性對(duì)話框中，為新按鈕輸一個(gè)名字，比如“anniu1”，選擇類型為“按鈕”，最后按“確

44、定”按鈕。(2)這時(shí)的時(shí)間軸轉(zhuǎn)變?yōu)橛伤膸M成的按鈕編輯模式，如圖1所示。我們將要在這里編輯新按鈕。圖1 按鈕的編輯模式按鈕編輯環(huán)境按鈕有特殊的編輯環(huán)境，通過(guò)在四楨時(shí)間軸上創(chuàng)建關(guān)鍵楨，可以指定不同的按鈕狀態(tài)。Up(向上)幀：表示鼠標(biāo)指針不在按鈕上時(shí)的狀態(tài)。Over(經(jīng)過(guò))幀：表示鼠標(biāo)指針在按鈕上時(shí)的狀態(tài)。Down(向下)幀：表示鼠標(biāo)單擊按鈕時(shí)的狀態(tài)Hit(執(zhí)行)幀：定義對(duì)鼠標(biāo)做出反應(yīng)的區(qū)域，這個(gè)反應(yīng)區(qū)域在電影中是看不到的。(3)創(chuàng)建Up(向上)狀態(tài)的按鈕圖像。用橢圓工具先畫(huà)一個(gè)黑色無(wú)邊框的圓，然后用鋼筆工具繪制出白色的箭頭。把它們疊放在一起。如圖2。提示：用鋼筆工具繪制白色箭頭時(shí)，可打開(kāi)網(wǎng)格線(

45、查看/網(wǎng)格/顯示網(wǎng)格）。這樣可以更容易繪制。                         向上            經(jīng)過(guò)            向下         &