flash里的文字動畫(說課稿)

1、多媒體教案說課FLASH里的文字動畫一說教材教材:普通高中課程標(biāo)準(zhǔn)實驗教科書多媒體技術(shù)應(yīng)用（選修）科學(xué)教育出版社.本節(jié)課是多媒體技術(shù)應(yīng)用第四章動畫、視頻及應(yīng)用第五節(jié)計算機動畫制作第二部分動畫制作實戰(zhàn)中的一課時的內(nèi)容。這節(jié)課通過對文字動畫的制作鞏固前面課時里flash里的基礎(chǔ)知識，如圖層、關(guān)鍵幀、空白關(guān)鍵幀、元件、“形狀補間”、“動畫補間”等，更重要是進一步明確加強“動畫補間”的理解和創(chuàng)建、元件的使用以及對Alpha值的設(shè)置。重點：文字的編輯，文字動畫補間的創(chuàng)建，元件的建立及使用，Alpha值的設(shè)置難點：元件的使用，對動畫補間原理的深刻理解和熟練制作 二、說學(xué)生通過前面課時的學(xué)習(xí)，學(xué)生對Flas

2、h軟件有了初步的認(rèn)識，知道了兩種基本的動畫-“形狀補間”和“動畫補間”，但未形成很好的理解，特別是對“動畫補間”的原理、創(chuàng)建過程還很生疏，還不了解到底什么時候應(yīng)該去使用元件，如何根據(jù)自己的意圖去創(chuàng)建動畫。三、教學(xué)目標(biāo)1.知識與技能：（1）熟練編輯flash里的文字（2）進一步理解元件的概念、掌握“文字內(nèi)容元件”的建立和使用；掌握Alpha值的設(shè)置（3）加強“動畫補間”的創(chuàng)建2.過程與方法：（1）增強實踐操作能力（2）認(rèn)識和體驗利用多媒體技術(shù)呈現(xiàn)信息、交流思想的生動性，能較好地表達和呈現(xiàn)自我創(chuàng)意（3）培養(yǎng)學(xué)生自主探索和綜合運用知識的能力3.情感態(tài)度與價值觀：能通過作品的逐步形成，培養(yǎng)正確的、積極

3、向上的表達和交流信息的觀念四、說教法、學(xué)法教法講授法、演示法任務(wù)驅(qū)動學(xué)法觀察模仿自主學(xué)習(xí)教學(xué)方法是依據(jù)課程的具體教學(xué)內(nèi)容而定的，本節(jié)課的教學(xué)內(nèi)容主要是學(xué)習(xí)FLASH動畫中引導(dǎo)層的創(chuàng)建和制作，講練結(jié)合法能夠使學(xué)生更好的鞏固所學(xué)知識，而任務(wù)驅(qū)動法能幫助學(xué)生在完成具體任務(wù)時不斷鞏固已有知識，通過任務(wù)的驅(qū)動，提高學(xué)生對于相關(guān)內(nèi)容的學(xué)習(xí)興趣，培養(yǎng)學(xué)生計算機操作能力。五、說環(huán)境資源計算機教室（一人一機）、Windows XP操作系統(tǒng)、Flash8教學(xué)軟件、 PPT演示文稿、教學(xué)素材的準(zhǔn)備、局域網(wǎng)廣播系統(tǒng)七、說教學(xué)過程設(shè)計（一）創(chuàng)設(shè)情境，導(dǎo)入新課 教師:（通過LanStar）分別展示靜態(tài)標(biāo)題文字的網(wǎng)頁和動態(tài)

4、變幻的標(biāo)題文字的網(wǎng)頁，讓學(xué)生進行比較。學(xué)生：欣賞網(wǎng)頁標(biāo)題文字。當(dāng)看到動態(tài)標(biāo)題的文字從無到有，由遠(yuǎn)至近，又從小到大的精彩效果，視覺受到?jīng)_擊，明顯比靜態(tài)標(biāo)題要生動得多，萌發(fā)出強烈的求知欲望。 教師：大家在欣賞之余也一定想裝飾一下自己的網(wǎng)頁，那就先跟我一起學(xué)如何用Flash做文字動畫吧！設(shè)計意圖：從學(xué)生已初步掌握的知識點出發(fā)，用具有生動形象動態(tài)標(biāo)題文字的網(wǎng)頁，讓學(xué)生感受Flash文字動畫的效果，激發(fā)他們學(xué)習(xí)的動力。而標(biāo)題文字的精彩變化實際上就是“文字內(nèi)容元件”的縮放、旋轉(zhuǎn)和淡入淡出等的制作，以此引入新課。 （二）講授新課 教師：在網(wǎng)頁標(biāo)題中，文字作為網(wǎng)頁主題思想的說明，起到提綱挈領(lǐng)的作用，給瀏覽者留

5、下深刻的印象，所以文字的應(yīng)用是非常廣泛的，作用是明顯的?，F(xiàn)在我們來學(xué)習(xí)Flash中文字動畫的制作，將來就可以應(yīng)用到我們的網(wǎng)頁中。1分析“大小變化”文字動畫制作流程教師：（通過LanStar）打開已做好的Flash源文件，和學(xué)生一起分析解釋這個文件圖層的組成、庫中的元件和動畫補間的創(chuàng)建，著重解釋原因。設(shè)計意圖：分析現(xiàn)成的范例文件可以幫助學(xué)生更好地領(lǐng)會作者的創(chuàng)意、使用的技能以及技能適用的條件，這些將對以后自己的創(chuàng)作提供借鑒作用。這一環(huán)節(jié)里對作品的分析也讓學(xué)生回顧了前面課時學(xué)過的內(nèi)容，更進一步加深對元件和動畫補間的理解?！按笮∽兓蔽淖謩赢嫷膬蓚€截圖 2學(xué)生參照前面的文字動畫例子，自主制作“淡入淡出

6、”文字動畫教師：在Flash中，每一個角色的出現(xiàn)和消失可以有不同的形式。對于文字常用的是“淡入淡出”的效果。通過設(shè)置角色的“透明值”來讓角色淡淡的出現(xiàn)或者消失，下面我們一起來制作文字的淡入淡出效果。教師：提供各式各樣的背景圖片素材，說清任務(wù)要求學(xué)生：明確自己的活動任務(wù)，動手實踐操作：元件的建立和使用，文字元件在兩個關(guān)鍵幀上的大小、位置、顏色和Alpha值。 教師：隨堂檢查，關(guān)注學(xué)生整體情況，發(fā)現(xiàn)學(xué)生出現(xiàn)的主要問題，并及時幫助解決；進行個別輔導(dǎo)（尤其對基礎(chǔ)差的學(xué)生的指點）設(shè)計意圖：文字動畫的淡入淡出效果是通過Alpha值的設(shè)置來實現(xiàn)。Alpha的設(shè)置是本節(jié)課的重點所在，但教師在這一過程中還沒有直

7、接講解，而是讓學(xué)生根據(jù)課本或自己的思考觀察尋找Alpha值，從而增強他們記憶效果。即便學(xué)生出錯，他們也能經(jīng)歷一個識錯、糾錯的過程，而后能知其然、知其所以然。對“動畫補間”這一知識點，在前面課時已經(jīng)講解得相當(dāng)詳細(xì)了，所以在這里沒有再演示，而是放手讓他們自己去操作，重溫上節(jié)課的知識點，理清制作時的思路和步驟。3對“淡入淡出”文字動畫作品的評價（學(xué)生自評和教師評價）教師：給出“學(xué)生作品評價表” 學(xué)生作品評價表評價項目分值效果分文字與背景的顏色搭配是否和諧20分文字在動畫中擺放的位置是否合適20分文字部分的內(nèi)容是否有創(chuàng)意20分動畫設(shè)計過渡是否自然、有創(chuàng)新20分整體效果是否諧調(diào)、有創(chuàng)造性20分學(xué)生：對照

8、評價表，評價自己的作品并填好評價表教師：Alpha是設(shè)置元件實例的可見度的，也可以說是不透明度。設(shè)置為“0%”時，該實例就不可見了，成了完全透明狀態(tài)，被蓋在下層的內(nèi)容就完全顯示出來了。設(shè)置為“100%”就是完全不透明，被覆蓋在下層的內(nèi)容就完全不可見了。教師：選出幾個比較優(yōu)秀的作品進行點評，給予表揚和鼓勵，也選出幾個在某些方面有不足甚至不成功的作品，讓學(xué)生指出問題所在，共同分析產(chǎn)生問題的原因，最后教師進行總結(jié)。 學(xué)生：對自己作品進行再修改設(shè)計意圖：Alpha的設(shè)置學(xué)生第一次接觸，盡管讓他們先自主探究，但必竟是新知識點，而且使用比較廣泛，所以教師的講解歸納必不可少。此處的評價是屬于中間階段的作品評

9、價和表現(xiàn)性評價，讓有類似問題的學(xué)生引起注意，提升學(xué)生對作品的審美能力。4拓展提高，“打字效果”文字動畫的制作教師：（通過LanStar）展示“打字效果”文字動畫（為swf文件）?！按蜃中Ч蔽淖謩赢嫷牧鶄€截圖 教師：和學(xué)生一起分析這個文字動畫的組成對象，一起探討共有幾段動畫、需要幾個圖層、幾個元件等。教師：在服務(wù)器上提供幫助文件（主要給自主操作有難度的學(xué)生）。文件內(nèi)容為操作步驟，參考如下：1、新建一個動畫，在“屬性”面板設(shè)置其寬、高為：500*200，背景色為“白”2、在圖層1第1幀：“文件”-“導(dǎo)入”，選擇要導(dǎo)入的背景圖片3、對導(dǎo)入的圖片進行適當(dāng)?shù)奶幚?，使其與場景大小一致，并設(shè)置其X軸、Y軸

10、的位置均為“0”4、在第50幀“插入幀”，使背景圖片一直延續(xù)至此5、鎖定圖層1，點“插入圖層”按鈕，插入圖層26、“插入”-“新建元件”，名稱自定，能夠見明思義，行為“圖形”7、編輯元件，選擇工具箱的“文本工具”，在“屬性“面板設(shè)置字體、字號和顏色，在編輯區(qū)內(nèi)輸入文字（如“我的 個人天地”）8、在圖層2第1幀，將庫里元件拖入場景中，并放置在適當(dāng)位置9、分別在圖層2的第10、第20、第30、第40、第50幀插入關(guān)鍵幀10、選中第1幀，將后面五個字刪除，留下一個“我”字（將元件的實例“分離”）11、選中第10幀，將后面四個字刪除，留下“我的”字12、選中第20幀，將后面三個字刪除，留下“我的個”字

11、13、選中第30幀，將后面二個字刪除，留下“我的個人”字14、選中第40幀，將后面一個字刪除，留下“我的個人天”字15、測試影片、保存、導(dǎo)出影片。學(xué)生：根據(jù)自己目前的制作狀況，可以隨時參閱幫助文件，也可以舉手請示教師指點，同學(xué)之間可以互相討論教師：觀看學(xué)生的操作情況，在差不多做到關(guān)鍵幀上文字的刪除時，通過LanStar控制學(xué)生機，進行講解-對有多個文字內(nèi)容的元件的實例要進行文字增減的時候，必須把實例分離進行編輯，不然元件的實例還是一個整體。設(shè)計意圖：這個自主操作的任務(wù)在難度上有所增加，主要拓展學(xué)生對“動畫補間”的靈活應(yīng)用，特別是每一段“動畫補間”的結(jié)束幀，用“插入關(guān)鍵幀”，“插入空白關(guān)鍵幀”還

12、是將“復(fù)制”和“粘貼”應(yīng)用到“幀”的操作上？這就需要學(xué)生根據(jù)每一段動畫起始和結(jié)束畫面作比較，以及考慮如何操作更方便，從而進行選擇。 還有一點是，元件盡管可以反復(fù)使用，但對有多個文字內(nèi)容的元件的實例要進行文字增減的時候，必須把實例分離進行編輯。這是在這個任務(wù)中難度較大的一處，所以教師在這里一定要講解清楚。5.教師對本堂課的總結(jié)教師：Flash的文字動畫各式各樣、豐富多彩，都需要首先建立起文字元件。制作正確的動畫補間，設(shè)置文字元件在場景中的實例的大小、方向和Alpha等這些屬性，才能達到不同動態(tài)變幻的文字效果。 一、文字大小變化效果1、打開flash軟件，新建一個動畫，在“屬性”面板設(shè)置其寬、高為

13、：500*200，背景色為“黑”、“確定”。2、在圖層1第1幀點：“文件”“導(dǎo)入”，選擇你要導(dǎo)入的背景圖片，點“打開”，在第30幀“插入幀”，3、點“插入”“新建元件”。名稱：填上“文字”，行為“圖形”，“確定”。4、在圖層1的第1幀選擇“工具欄”的“文本工具”，在“屬性“面板選擇字體“華文行楷”、字體大小“70”顏色為“紅”色。在編輯區(qū)內(nèi)輸入文字。5、點”窗口”選擇“對齊”，調(diào)出方式面板，選擇“垂直中間分部”和水平中間分部”。使文字居中。6、點“場景1”，返回到場景編輯區(qū)。7、鎖定圖層1，點“插入圖層”按鈕，插入圖層2。8、在圖層2的第1幀按F11鍵，調(diào)出庫面板，把“文字”元件拖入舞臺，并居

14、中。9、在圖層2的第15幀、第30幀分別插入關(guān)鍵幀。10、在圖層2選擇15幀，用“任意變形工具”將文字“我的個人天地”縮小。11、單擊“圖層2”三個字，選中全部幀，右鍵后單擊，“創(chuàng)建補間動畫”。動畫制作完成。12、測試影片、保存、導(dǎo)出影片。二、文字翻轉(zhuǎn)效果1、打開flash軟件，新建一個動畫，在“屬性”面板設(shè)置其寬、高為：500*200，背景 色為“白”、“確定”。2、在圖層1第1幀點：“文件”“導(dǎo)入”，選擇你要導(dǎo)入的背景圖片，點“打開”，在第30幀“插入幀”，3、點“插入”“新建元件”。名稱：填上“文字”，行為“圖形”，“確定”。4、在圖層1的第1幀選擇“工具欄”的“文本工具”，在“屬性“面

15、板選擇字體“華文行楷”、字體大小“70”顏色為“紅”色。在編輯區(qū)內(nèi)輸入文字。5、點”窗口”選擇“對齊”，調(diào)出方式面板，選擇“垂直中間分部”和水平中間分部”。使文字居中。6、點“場景1”，返回到場景編輯區(qū)。7、鎖定圖層1，點“插入圖層”按鈕，插入圖層2。8、在圖層2的第1幀按F11鍵，調(diào)出庫面板，把“文字”元件拖入舞臺，并居中。9、在圖層2的第15幀、第30幀分別插入關(guān)鍵幀。10、選中圖層2第15幀，點“修改”“變形”“垂直翻轉(zhuǎn)”。11、單擊“圖層2”三個字，選中全部幀，右鍵后單擊，“創(chuàng)建補間動畫”。動畫制作完成。12、測試影片、保存、導(dǎo)出影片。三、文字淡入淡出效果1、打開flash軟件，新建一

16、個動畫，在“屬性”面板設(shè)置其寬、高為：500*200，背景 色為“白”、“確定”。2、在圖層1第1幀點：“文件”“導(dǎo)入”，選擇你要導(dǎo)入的背景圖片，點“打開”。3、對導(dǎo)入的圖片進行適當(dāng)?shù)奶幚?，使其與場景大小一致，并設(shè)置其X軸、Y軸的位置均為“0”。4、并在第30幀“插入幀”。5、點“插入”“新建元件”。名稱：填上“文字”，行為“圖形”，“確定”。6、在圖層1的第1幀選擇“工具欄”的“文本工具”，在“屬性“面板選擇字體“華文行楷”、字體大小“70”顏色為“紅”色。在編輯區(qū)內(nèi)輸入文字。7、點“場景1”，返回到場景編輯區(qū)。8、鎖定圖層1，點“插入圖層”按鈕，插入圖層2。9、在圖層2的第1幀按F11鍵，

17、調(diào)出庫面板，把“文字”元件拖入舞臺，并居中。10、在圖層2的第15幀、第30幀分別插入關(guān)鍵幀。11、選中圖層2第15幀，用箭頭工具選中“文字”元件，在屬性面板“顏色”的下拉箭頭，選擇“Alpha”，調(diào)整后面的百分比為10%。12、在圖層2的第1幀、第15幀，在屬性面板設(shè)置補間為“動作”。動畫制作完成。13、測試影片、保存、導(dǎo)出影片。四、打字的效果1、打開flash軟件，新建一個動畫，在“屬性”面板設(shè)置其寬、高為：500*200，背景 色為“白”、“確定”。2、在圖層1第1幀點：“文件”“導(dǎo)入”，選擇你要導(dǎo)入的背景圖片，點“打開”。3、對導(dǎo)入的圖片進行適當(dāng)?shù)奶幚?，使其與場景大小一致，并設(shè)置其X軸

18、、Y軸的位置均為“0”。4、并在第70幀“插入幀”。5、鎖定圖層1，點“插入圖層”按鈕，插入圖層2。6、在圖層2第1幀選擇“文本工具”，選擇字體“華文行楷”、字體大小“50”、字體顏色為“藍”，在工作 區(qū)下部輸入文字。（我的個人天地）7、分別在圖層2的第10、第20、第30、第40、第50、第60幀一次性插入關(guān)鍵幀。8、選中圖層2的第1幀，選取“文本工具A”，將六個字全部“選中”并刪除。9、選中第10幀，將后面五個字見刪除，留下一個“我”字。10、選中第20幀，將后面四個字見刪除，留下“我的”字。11、選中第30幀，將后面三個字見刪除，留下“我的個”字。12、選中第40幀，將后面二個字見刪除，

19、留下“我的個人”字。13、選中第50幀，將后面一個字見刪除，留下“我的個人天”字。動畫制作完成。14、測試影片、保存、導(dǎo)出影片。五、探照燈的效果1、打開flash軟件，新建一個動畫，在“屬性”面板設(shè)置其寬、高為：500*200，背景 色為“白”、“確定”。2、在圖層1第1幀點：“文件”“導(dǎo)入”，選擇你要導(dǎo)入的背景圖片，點“打開”。3、對導(dǎo)入的圖片進行適當(dāng)?shù)奶幚恚蛊渑c場景大小一致，并設(shè)置其X軸、Y軸的位置均為“0”。4、并在第50幀“插入幀”。5、將圖層1改名為“背景”，鎖定“背景”圖層，點“插入圖層”按鈕，插入圖層2。將圖層2改名為“文字”。6、在圖層“文字”的第1幀選擇“工具欄”的“文本工

20、具”，在“屬性“面板選擇字體“華文行楷”、字體大小“60”顏色為“紅”色。在編輯區(qū)內(nèi)輸入文字。7、點”窗口”選擇“對齊”，調(diào)出對齊面板，選擇“垂直中齊”和“水平中齊”。使文字居中。8、鎖定文字圖層，點“插入圖層”按鈕，插入圖層3。將圖層3改為“遮罩”。9、在遮罩層的第1幀，選擇“工具”面板中的“橢圓工具”，設(shè)置其“筆觸顏色”為“無”，填充色為內(nèi)紅外灰徑向漸變。（放射狀）10、在“混色器”中選擇徑向漸變的左邊色塊為紅色，右邊色塊為灰色，按注shift鍵，拖動鼠標(biāo)，畫一個正圓。（注：紅：204、綠：204、藍：204、Alpha100%,代 碼：#CCCCCC）。11、在遮罩層的第50幀插入關(guān)鍵幀

21、，12、選中“遮罩層”的第50幀，把圓形拖到文字的最后一個上面，13、在“遮罩層”的第1幀，在屬性面板設(shè)置補間為“形狀”。14、將鼠標(biāo)移動到“遮罩”圖層，遮罩二個字上面點鼠標(biāo)右鍵“選擇”“遮罩層”。動畫制作完成。15、測試影片、保存、導(dǎo)出影片?？葱Ч?。六、色彩流動效果1、打開flash軟件，新建一個動畫，在“屬性”面板設(shè)置其寬、高為：500*200，背景 色為“白”、“確定”。2、在圖層1第1幀點：“文件”“導(dǎo)入”，選擇你要導(dǎo)入的背景圖片，點“打開”。3、對導(dǎo)入的圖片進行適當(dāng)?shù)奶幚?，使其與場景大小一致，并設(shè)置其X軸、Y軸的位置均為“0”。4、并在第30幀“插入幀”。5、將圖層1改名為“背景”，

22、鎖定“背景”圖層，點“插入圖層”按鈕，插入圖層2。6、點“插入”“新建元件”。名稱：填上“紅字”，行為“圖形”，“確定”。7、選擇“工具欄”的“文本工具”，在“屬性“面板選擇字體“華文行楷”、字體大小“70”顏色為“紅”色。在編輯區(qū)內(nèi)輸入文字。（我的家鄉(xiāng)）。8、再點“插入”“新建元件”。名稱：填上“藍字”，行為“圖形”，“確定”。9、選擇“工具欄”的“文本工具”，在“屬性“面板選擇字體“華文行楷”、字體大小“70” 顏色為“藍”色。在編輯區(qū)內(nèi)輸入文字。（我的家鄉(xiāng)）。10、再點“插入”“新建元件”。名稱：填上“方塊”，行為“圖形”，“確定”。11、選擇“工具”面板中的“矩形工具”，設(shè)置 其“筆觸

23、顏色”為“無”，填充色為“灰”色，按注sh ift 鍵，拖動鼠標(biāo)，畫一個正方形。12、點“場景1”，返回到場景編輯區(qū)。13、把圖層2改名為“紅字”，在“紅字圖層”的第1幀，按F11鍵，調(diào)出庫面板，把“紅字”元件拖入舞臺，并居中。14、鎖定紅字圖層，點“插入圖層”按鈕，插入圖層3。將改名為“藍字”。15、在“藍字圖層”的第1幀，按F11鍵，調(diào)出庫面板，把“藍字”元件拖入舞臺，并居中。16、鎖定藍字圖層，點“插入圖層”按鈕，插入圖層4。將改名為“方塊”。17、在“方塊圖層”的第1幀，按F11鍵，調(diào)出庫面板，把“方塊”元件拖入舞臺文字的“我”字上面，在文字圖層第30幀插入關(guān)鍵幀。18、在“方塊圖層”

24、的第30幀，把“方塊”元件拖到文字“鄉(xiāng)”的上面。19、在方塊圖層的第1幀，在屬性面板設(shè)置補間為“動作”。20、將鼠標(biāo)移動到“方塊”圖層，在方塊圖層字上面點鼠標(biāo)右鍵“選擇”“遮罩”。動畫制作完成。21、測試影片、保存、導(dǎo)出影片?？葱ЧＦ?、色彩閃動的效果1、打開flash軟件，新建一個動畫，在“屬性”面板設(shè)置其寬、高為：500*200，背景 色為“白”、“確定”。2、在圖層1第1幀點：“文件”“導(dǎo)入”，選擇你要導(dǎo)入的背景圖片，點“打開”。3、對導(dǎo)入的圖片進行適當(dāng)?shù)奶幚?，使其與場景大小一致，并設(shè)置其X軸、Y軸的位置均為“0”。并在第5幀“插入幀”。4、鎖定圖層1，點“插入圖層”按鈕，插入圖層2。5、選中圖層2的第1幀，選取“文本工具A”，在“屬性“面板選擇字體“華文行楷”、字體