Flash教案資料打印版

1、第一節(jié)Flash工作界面介紹一、教學(xué)目標(biāo)學(xué)完本課后，學(xué)生能了解界面中各部分的作用，及常用菜單所在的位置，重點(diǎn)掌握工具的應(yīng)用。二、教學(xué)內(nèi)容工作界面的介紹繪圖工具的使用三、教學(xué)課時(shí)1課時(shí)四、 教學(xué)過程（一）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)建文本或文本域；橢圓工具

2、：繪制橢圓或圓；矩形工具：繪制矩形或正方形；鉛筆工具：可以繪制任意線條或圖形；刷子工具：用于著色的一種工具，可以創(chuàng)造任意特殊效果；墨水瓶工具：用于填充線條或圖形邊框的顏色；油漆桶工具：改變物體的填充色；吸管工具：用于拾取顏色；橡皮擦工具：用于移動(dòng)窗口中顯示的視圖。五、 本課小結(jié)本課主要講述了Flash的基本界面特征，強(qiáng)調(diào)工具的作用及其使用方法，為以后進(jìn)一步深入學(xué)習(xí)Flash動(dòng)畫制作打下了一定的基礎(chǔ)。六、 課外作業(yè)上機(jī)操作，使用工具箱中的工具繪出相應(yīng)的圖形。教學(xué)反思：第二節(jié)制作第一個(gè)Flash動(dòng)畫直線運(yùn)動(dòng)的小球一、教學(xué)目標(biāo)理解時(shí)間軸的概念及作用，運(yùn)用工具箱中的圓形工具繪制一個(gè)小球，并在時(shí)間軸上進(jìn)

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

4、需要調(diào)整圖層的疊放順序。（二）制作一個(gè)小球運(yùn)動(dòng)的動(dòng)畫步驟：通過大屏幕演示操作過程：1、打開Flash新建一個(gè)Flash電影文檔；2、單擊工具欄中的橢圓工具，即選定橢圓工具；3、在工作區(qū)里所要繪制小球的地方，按住鼠標(biāo)左鍵進(jìn)行拖動(dòng)，松掉鼠標(biāo)即完成繪制（同時(shí)按住Shift鍵可繪出正圓）；4、添加漸進(jìn)色，去掉邊線，使其看起來很像小球，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、單擊回到第一幀，打開實(shí)例浮動(dòng)面板，在幀數(shù)標(biāo)簽中選擇圖形；9、時(shí)間軸上從第一幀到第30幀出

5、現(xiàn)了一個(gè)綠色背景的實(shí)線箭頭如下圖，動(dòng)畫制作完成；10、 按Ctrl+Enter觀看最終效果。五、 本課小結(jié)在這一課中，學(xué)習(xí)如何制作Flash的第一個(gè)動(dòng)畫，同時(shí)掌握了幀的應(yīng)用，更深一步地了解了Flash制作動(dòng)畫的方式方法。六、 課外作業(yè)上機(jī)完成該動(dòng)畫的制作。教學(xué)反思：第三節(jié)制作一個(gè)變形動(dòng)畫一、教學(xué)目標(biāo)在以前的學(xué)習(xí)基礎(chǔ)了，制作一個(gè)由矩形變成三角形的變形動(dòng)畫。二、 教學(xué)內(nèi)容制作一個(gè)由矩形變成三角形的變形動(dòng)畫。三、教學(xué)課時(shí)1課時(shí)四、教學(xué)過程 用大屏幕演示制作全過程，文字描述如下：步驟：1、打開Flash新建一個(gè)Flash電影文檔；2、單擊工具欄中的矩形工具，即選定矩形工具；3、在工作區(qū)里所要繪制小球的

6、地方，按住鼠標(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、單擊回到第一幀，打開實(shí)例浮動(dòng)面板，在幀數(shù)標(biāo)簽中選擇圖形；10、 時(shí)間軸上從第一幀到第30幀出現(xiàn)了一個(gè)綠色背景的實(shí)線箭頭如下圖，動(dòng)畫制作完成；11、 按Ctrl+Enter觀看最終效果。五、 本課小結(jié)本課通過實(shí)際演示，制作了一個(gè)由矩形變

7、為三角形的變形動(dòng)畫。六、 課后練習(xí)上機(jī)實(shí)踐，自己制作一個(gè)變形動(dòng)畫，可以由圓變成其它形狀教學(xué)反思：第四節(jié) 計(jì)算機(jī)動(dòng)畫制作初步教學(xué)目標(biāo)：1：將原來靜態(tài)的跑步姿態(tài)的圖形加工為動(dòng)態(tài)的跑步造型； 2：熟悉FLASH制作中的幾個(gè)關(guān)鍵性的概念：圖層、時(shí)間軸、幀等； 3：熟悉FLASH制作中的兩種重要?jiǎng)赢嬓问剑盒螤顫u變動(dòng)畫和運(yùn)動(dòng)漸變動(dòng)畫。 教學(xué)重點(diǎn)：將原來靜態(tài)的跑步姿態(tài)的圖形加工為動(dòng)態(tài)的跑步造型 教學(xué)難點(diǎn)1：理解幀的概念； 2：了解兩種重要?jiǎng)赢嬓问剑盒螤顫u變動(dòng)畫和運(yùn)動(dòng)漸變動(dòng)畫分別用于何種情況 教學(xué)過程： 一、操作步驟1： 1：打開Flash 軟件 “開始”菜單“程序”Flash 82：文件打開上次繪制的七巧板

8、，并在第20幀處插入關(guān)鍵幀 方法：右鍵單擊第20幀選關(guān)鍵幀 3：學(xué)生上臺(tái)演示，在第20幀處將七巧板構(gòu)建成跑步造型 4：構(gòu)建動(dòng)畫，選中圖層1第一幀，設(shè)置動(dòng)畫中間為“形狀” 二、講解場(chǎng)景屬性設(shè)置，時(shí)間軸作用，幀，關(guān)鍵幀以及動(dòng)畫形式形狀漸變動(dòng)畫的含義 三、操作步驟2： 1：插入一圖層，默認(rèn)名為“圖層2”，并講解圖層含義 2：在圖層2第一幀處輸入文本“跑步”，講解FLASH工具箱中文本工具的使用 3：在圖層2第20幀處插入關(guān)鍵幀，并將文字“跑步”拖動(dòng)一個(gè)位置，與第一幀位置不同 4：構(gòu)建動(dòng)畫，選中圖層2第一幀，設(shè)置動(dòng)畫中間為“動(dòng)作” 四、講解形狀漸變動(dòng)畫和運(yùn)動(dòng)漸變動(dòng)畫的區(qū)別 五、通過菜單欄中“控制”“播

9、放”，觀看效果。 實(shí)踐：使用已繪制的七巧板，加工為動(dòng)態(tài)的跑步造型，并添加文字的運(yùn)動(dòng)變化。教學(xué)反思：第五節(jié) Flash動(dòng)畫奧運(yùn)五環(huán)的制作 教學(xué)目標(biāo)：1：熟悉FLASH制作中的關(guān)鍵性概念：元件； 2：完成奧運(yùn)五環(huán)的制作以及文字的制作； 3：鞏固FLASH制作中的重要?jiǎng)赢嬓问剑哼\(yùn)動(dòng)漸變動(dòng)畫。教學(xué)重點(diǎn)：奧運(yùn)五環(huán)的制作； 教學(xué)難點(diǎn)：理解元件的概念；教學(xué)過程： 一、操作步驟1： 1：打開Flash 軟件 “開始”菜單“程序”Flash82：元件的新建 在菜單欄中插入新建元件，選擇圖形元件，并命名為wh1，這里要制作奧運(yùn)五環(huán)中的一 個(gè)環(huán)，其他的四個(gè)通過復(fù)制粘貼完成 方法：選擇橢圓工具，并設(shè)置其線條顏色和填充

10、顏色 注意：線條顏色根據(jù)五環(huán)的顏色設(shè)置，填充顏色設(shè)置為“無” 另外還可以設(shè)置線條粗細(xì) 3：元件的復(fù)制 第一個(gè)五環(huán)完成后，用選擇工具將其選中，然后再次通過插入新建元件，命名為wh2， 將復(fù)制的wh1粘貼其中，并根據(jù)奧運(yùn)五環(huán)顏色改變它的線條顏色 4：用同樣的方法完成其他三個(gè)圓環(huán) 5：元件的新建（制作文字），命名為wz 選擇文字工具，設(shè)置其大小，字體，顏色等后在元件中輸入“心系奧運(yùn)放飛夢(mèng)想” 技巧：陰影文字的制作 選中該文字，按住CTRL的同時(shí)，拖動(dòng)鼠標(biāo)，將該文字復(fù)制，并將復(fù)制的文字換一顏色， 利用方向鍵將文字微調(diào)，實(shí)現(xiàn)陰影效果。 至此，元件制作完畢。 二、操作步驟2：講解元件的功能 三、操作步驟3

11、： 回到場(chǎng)景中 1：五環(huán)的運(yùn)動(dòng) （1）在圖層1第一幀處，將五環(huán)wh1,wh2,wh3,wh4,wh5依次拖入場(chǎng)景中，并根據(jù)奧運(yùn)五環(huán)的造型構(gòu)件好，此時(shí)，五個(gè)環(huán)是五個(gè)獨(dú)立的個(gè)體，將五環(huán)全部選中，通過修改 組合，將其組合成一個(gè)統(tǒng)一的整體。 （2）在圖層1的30幀處，插入一關(guān)鍵幀，并將五環(huán)移動(dòng)至某一位置（不同于第一幀） （3）構(gòu)建動(dòng)畫，選中圖層1第一幀，設(shè)置動(dòng)畫中間為“形狀” （4）實(shí)現(xiàn)奧運(yùn)五環(huán)從高處落下運(yùn)動(dòng)。 2：文字的運(yùn)動(dòng) （1）新建圖層2，在圖層2第一幀處，將制作好的元件wz拖入 （2）在圖層2的30幀處，插入一關(guān)鍵幀 （3）在圖層2第一幀處，將文字通過任意變形工具進(jìn)行縮放，旋轉(zhuǎn) （4）構(gòu)建動(dòng)畫

12、，選中圖層1第一幀，設(shè)置動(dòng)畫中間為“形狀” （5）實(shí)現(xiàn)文字旋轉(zhuǎn)出現(xiàn)在場(chǎng)景中。 四、操作步驟4 通過菜單欄中“控制”“播放”，觀看效果 實(shí)踐：完成奧運(yùn)五環(huán)以及文字的運(yùn)動(dòng)動(dòng)畫 教學(xué)反思：第六節(jié) Flash動(dòng)畫制作鏤空文字教學(xué)目標(biāo)：通過應(yīng)用文本工具和創(chuàng)建遮罩層，當(dāng)使用遮罩層，可透過文字看到被遮罩的動(dòng)態(tài)效果。 教學(xué)重點(diǎn)：理解遮罩層的含義。 教學(xué)難點(diǎn)：理解遮罩層的含義。 教學(xué)過程： 一、操作步驟1： 1：打開Flash 軟件 “開始”菜單“程序”Flash 82：新建文檔 3：新建元件 插入新建元件。輸入名稱，行為選為“影片剪輯”。 二、操作步驟2： 講解元件影片剪輯與圖形的區(qū)別。 三、操作步驟3： 在

13、元件影片剪輯中操作 在圖層1第一幀處，選擇工具箱中文本工具，在編輯區(qū)輸入文字“心系奧運(yùn)放飛夢(mèng)想” 四、操作步驟4： （1）新建圖層2，并將圖層2拖到圖層1的下面； （2）在圖層2第一幀處，繪制一個(gè)矩形，矩形大小可通過工具箱中任意變形工具改變，并將其放在文字的左側(cè)； （3）在圖層1的30幀處，插入幀，延長時(shí)間軸到第30幀； （4）在圖層2的30幀處，插入關(guān)鍵幀，并用選擇工具將文字拖到文字的右側(cè)； （5）構(gòu)建動(dòng)畫，選中圖層2第一幀，設(shè)置動(dòng)畫中間為“形狀” 五、操作步驟5： 右擊圖層1的層名處，在快捷菜單中選擇“遮罩層” 六、操作步驟6： 回到場(chǎng)景中 從庫中將該影片剪輯元件拖到場(chǎng)景中 七、操作步驟7

14、 通過菜單欄中“控制”“測(cè)試影片”，觀看效果 八、操作步驟8 講解遮罩層含義 實(shí)踐：制作“鏤空文字”動(dòng)畫效果。 教學(xué)反思：第七節(jié) Flash 制作引導(dǎo)層的使用 教學(xué)目標(biāo)：通過制作小球曲線運(yùn)動(dòng)的動(dòng)畫，學(xué)會(huì)正確使用引導(dǎo)層 教學(xué)重點(diǎn)：通過引導(dǎo)層引導(dǎo)小球進(jìn)行運(yùn)動(dòng) 教學(xué)難點(diǎn)：引導(dǎo)層的正確使用 教學(xué)過程： 引入： 播放一段小球曲線運(yùn)動(dòng)的動(dòng)畫。 前一次課上，我們講了遮罩層的使用，今天我們?cè)賮硌芯恳幌略鯓邮褂眠\(yùn)動(dòng)引導(dǎo)層，讓小球進(jìn)行曲線運(yùn)動(dòng)。 一：制作小球元件 1 使用新建元件工具，新建一個(gè)圖形元件，命名為“小球 1”。在小球 1的編輯界面， 2 使用橢圓工具畫一小球。 3再插入一個(gè)圖形元件“小球 2”，制作方

15、法與小球1相同。二：制作路徑元件 1 插入一影片剪輯元件，命名為“路徑”，為兩個(gè)小球創(chuàng)建運(yùn)動(dòng)路徑。 2 將小球1元件拖到“路徑”元件的圖層1第一幀的地方。 3 添加運(yùn)動(dòng)引導(dǎo)層，在引導(dǎo)層的第一幀處，使用鉛筆工具，為小球添加一條曲線運(yùn)動(dòng) 路徑。并在30幀處插入一普通幀。 4 為小球1構(gòu)建動(dòng)畫。在30幀處插入關(guān)鍵幀，創(chuàng)建補(bǔ)間動(dòng)畫。并在開始幀與結(jié)束幀 處將小球的中心點(diǎn)置與路徑的兩個(gè)端點(diǎn)。 5 在圖層1處插入一新的圖層，將小球2拖到新圖層的第一幀處，并為小球2構(gòu)建動(dòng) 畫，使其運(yùn)動(dòng)的方向與小球1相反。 三：測(cè)試動(dòng)畫 回到“場(chǎng)景”中，將制作完成的路徑元件拖到場(chǎng)景中，通過“控制”菜單的“測(cè)試影片” 測(cè)試所做動(dòng)

16、畫。 四：實(shí)踐 嘗試制作兩個(gè)小球相對(duì)運(yùn)動(dòng)的動(dòng)畫，注意正確使用引導(dǎo)層。 教學(xué)反思：第八節(jié)Flash 制作按鈕元件 教學(xué)目標(biāo)：學(xué)會(huì)在動(dòng)畫制作中正確使用按鈕元件 教學(xué)重點(diǎn)：制作按鈕元件 教學(xué)難點(diǎn)：在按鈕元件中編輯添加動(dòng)畫 教學(xué)過程： 引入： 動(dòng)畫展示：用按鈕來控制一段動(dòng)畫的播放。 在前面我們所做的動(dòng)畫的基礎(chǔ)上，我們可以考慮加上一個(gè)按鈕，簡(jiǎn)單的來控制一下它的播放，今天我們就來講講有關(guān)按鈕元件的制作。 一：制作按鈕 1使用新建元件工具，新建一個(gè)元件，類型為“按鈕”。 2進(jìn)入到按鈕元件的編輯界面，對(duì)按鈕的四個(gè)狀態(tài)進(jìn)行編輯：在“彈起”狀態(tài)使用橢 圓工具畫上一個(gè)圓填充色為紅色，在“指針經(jīng)過”狀態(tài)將按鈕的填充色

17、變?yōu)榫G色，“按下” 狀態(tài)時(shí)改為七彩色。 3將按鈕元件拖到場(chǎng)景中進(jìn)行測(cè)試，按鈕在指針經(jīng)過及按下的不同狀態(tài)呈現(xiàn)不同的顏色。 二：使用按鈕控制動(dòng)畫播放 6 雙擊庫中的按鈕元件圖標(biāo)，回到按鈕元件的編輯界面。 7 添加一個(gè)新的圖層，在按鈕的“指針經(jīng)過”狀態(tài)，插入一個(gè)關(guān)鍵幀，然后把庫中 已經(jīng)做好的一個(gè)影片剪輯類型的元件拖到這一幀中。此影片剪輯類型的元件為一段簡(jiǎn)單的文 字變幻的動(dòng)畫。 三：測(cè)試動(dòng)畫 回到場(chǎng)景中，將按鈕元件拖到場(chǎng)景中，通過測(cè)試影片，在指針經(jīng)過按鈕的時(shí)候，相 應(yīng)的動(dòng)畫就會(huì)進(jìn)行播放。指針離開按鈕，動(dòng)畫就停止播放。四：實(shí)踐 利用上節(jié)課所學(xué)知識(shí)先制作一個(gè)影片剪輯類型的元件，內(nèi)容為一段簡(jiǎn)單的動(dòng)畫。然后新

18、建一按鈕元件，使用按鈕來控制此段動(dòng)畫的播放。 教學(xué)反思：Flash移動(dòng)形變綜合實(shí)例一、教學(xué)目標(biāo)： 1、鞏固移動(dòng)、形變動(dòng)畫的作法，掌握移動(dòng)形變動(dòng)畫綜合實(shí)例的制作要點(diǎn)。2、學(xué)會(huì)層的技術(shù)，培養(yǎng)學(xué)生分析問題、解決問題的能力3、學(xué)會(huì)自己創(chuàng)建元件、使用圖庫。二、教學(xué)內(nèi)容及課時(shí)安排一課時(shí)：1、制作數(shù)字變形 2、創(chuàng)建元件，制作移動(dòng)的星星及延伸的直線。 3、將元件應(yīng)用于場(chǎng)景。三、教學(xué)重點(diǎn)和難點(diǎn)教學(xué)重點(diǎn)：1、形狀動(dòng)畫與移動(dòng)動(dòng)畫的區(qū)別 2、對(duì)圖層概念的進(jìn)一步理解。 3、對(duì)元件概念的進(jìn)一步理解。教學(xué)難點(diǎn)：1、移動(dòng)動(dòng)畫與形狀動(dòng)畫的綜合應(yīng)用 2、元件的應(yīng)用。 四、教材分析與教學(xué)過程教材分析：本節(jié)教材是在前幾節(jié)課的基礎(chǔ)上，

19、通過一個(gè)具體的實(shí)例引導(dǎo)學(xué)生分清形狀漸變與移動(dòng)漸變的區(qū)別。在實(shí)例中重點(diǎn)介紹圖庫中元件的使用、元件實(shí)例屬性的設(shè)置以及層的使用技巧等。 教學(xué)過程：采用引導(dǎo)分析法及演示教學(xué)法教學(xué)過程教師分析及演示學(xué)生活動(dòng)備注一、展示本節(jié)課的小動(dòng)畫前幾節(jié)課，我們學(xué)習(xí)了Flash最基本的知識(shí)點(diǎn)移動(dòng)及形變動(dòng)畫，那么如何運(yùn)用這些知識(shí)來制作較綜合的小動(dòng)畫呢？我們先來欣賞，請(qǐng)同學(xué)們邊看邊思考：這個(gè)小動(dòng)畫的實(shí)質(zhì)是什么發(fā)生了變化？思考問題并回答二、教學(xué)新課1、背景的設(shè)置1、 新建一flash文件，背景色為黑色2、變化的數(shù)字（圖層1，可以重命名為“變化的數(shù)字”）1、 單擊文字工具，在時(shí)間軸的第1幀、第10幀、第20幀等上面分別輸入數(shù)字“1”、“2”、“3”至“0”十個(gè)數(shù)字。2、 將所有的數(shù)字打散3、 在屬性面板上設(shè)置補(bǔ)間為“形狀”。學(xué)生認(rèn)真聽講后操作10分鐘思考：能不能將變化的數(shù)字放到一個(gè)元件里？強(qiáng)調(diào)養(yǎng)成對(duì)圖層重命名的良好習(xí)慣3、移動(dòng)的星星 延伸的直線1、 新建一個(gè)元件2、 繪制星星：用矩形工具在編輯區(qū)畫一個(gè)無邊框的矩形，用鼠標(biāo)拖動(dòng)左上角的頂點(diǎn)使之與右上角的頂點(diǎn)重合，形成一長尖的三角形，選中這個(gè)做好的三角形，旋轉(zhuǎn)復(fù)制四個(gè)，將拼成一個(gè)星星圖案。3、 添加另一圖層，用