Flash動(dòng)畫制作基礎(chǔ)篇 全本教學(xué)設(shè)計(jì)

1、 PAGE PAGE 312課時(shí)安排教學(xué)目標(biāo)教學(xué)重點(diǎn)FLASH 動(dòng)畫制作教學(xué)設(shè)計(jì)第一節(jié) Flash 概述1 課時(shí)12Flashcs33、熟悉 FLASH 的工作環(huán)境,3、熟悉 Flash 動(dòng)畫的制作原理flash工作界面。教學(xué)難點(diǎn)掌握動(dòng)畫原理以及Flash動(dòng)畫的制作原理。教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源3ppt教學(xué)過(guò)程備注一、情境導(dǎo)入：首先向?qū)W生作自我介教師給學(xué)生演示經(jīng)典動(dòng)畫和教材中部分的案例動(dòng)畫由此引入課題。 紹，然后介紹二、講述新課（講授法、PPT 演示）（一）Flash 課程介紹Flash 1是由美國(guó) Macromedia 公司出品。1998Flash 2Flash

2、 319996Flash 4。20009Flash 5。20023Flash MX。2004 年推出 Flash 2004 MX。2005 年推出 Flash 8.0。Flash考核方法以及學(xué)習(xí)方法。提示學(xué)生從生活，學(xué)習(xí)， 娛樂(lè)的三個(gè)方 面 羅 列flash2005418Adobe 34Macromedia 公司。從此 MacromediaAdobeFlashFlash1動(dòng)畫原理2Flash 動(dòng)畫制作原理Flash1、舞臺(tái) 就是工作區(qū)，最主要的可編輯區(qū)域。在這里可以直接起，以生成電影作品。2、時(shí)間軸窗口 用它可以調(diào)整電影的播放速度，并把不同的圖形作品放在不同圖層的相應(yīng)幀里，以安排電影內(nèi)容播放的

3、順序。講述層的3繪圖工具欄放置了可供圖形和文本編輯的各種工具用這些工 概述時(shí)可具可以繪圖，選取，噴涂，修改以及編排文字，還有些工具可以改變查看 合前期學(xué)工作區(qū)的方式在選擇了某一工具時(shí)其所對(duì)應(yīng)的修改器(Modifier)也會(huì) 過(guò)在工具條下面的位置出現(xiàn)修改器的作用是改變相應(yīng)工具對(duì)圖形處理的效 Photoshop果。45型包括有圖片(Graphics(Button)和電影片斷(MovieClipCtrl-L。6處于隱藏狀態(tài)。中層的概念， 這樣學(xué)生頭腦中就有了印象。請(qǐng)學(xué)生注意動(dòng)畫制作的過(guò)程，并能自己制作上述兩個(gè)動(dòng)畫。3 PAGE PAGE 5注 意flash種不同格式件和播放文件分別的打開方式例 1：

4、使用工具制作 “魚”或“眼睛”學(xué)生練習(xí)老師繪畫選項(xiàng)格， 教師輔導(dǎo)。思考:如何讓“魚”變成“眼睛”？ 例 2：小球的直線運(yùn)動(dòng)。步驟 1：在舞臺(tái)上畫出小球。步驟 2：在第 20 幀上插入關(guān)鍵幀。34：選擇所有幀，創(chuàng)建形狀漸變動(dòng)畫。1、保存動(dòng)畫：依次點(diǎn)擊“文件”菜“保存”輸入文件名，即可當(dāng)前正在制作的影片保存到磁盤上。注意保存的是Flash的源文件，其擴(kuò)展名為.fla2、動(dòng)畫的發(fā)布：意發(fā)布后的文件擴(kuò)展名為名為.swfIE作 業(yè)通過(guò)本單元的學(xué)習(xí)，使學(xué)生能了解Flash 的工作環(huán)境，掌握基本的操作，了解簡(jiǎn)單動(dòng)畫的制作過(guò)程等，為以后的學(xué)習(xí)打下一定的基礎(chǔ)。實(shí)訓(xùn)一：制作一片“樹葉” 實(shí)訓(xùn)二：制作一個(gè)“月亮”通

5、過(guò)基本的圖形制作，能夠快速掌握工具按鈕的使用，圖形制作是動(dòng)教學(xué)反思畫制作的基礎(chǔ)。動(dòng)畫制作小球的滾動(dòng)，掌握基本的動(dòng)畫原理。課堂上師講解偏多，應(yīng)更多的時(shí)間留給學(xué)生，多一些動(dòng)手的過(guò)程更適合。4115第二節(jié) 繪圖基礎(chǔ)課時(shí)安排1課時(shí)安排1掌握繪圖基礎(chǔ)知識(shí)；掌握選擇工具的使用；掌握線條工具、橢圓工具、教學(xué)目標(biāo)矩形工具和刷子工具的使用；掌握?qǐng)D形修飾工具和查看工具的使用教學(xué)重點(diǎn)繪圖工具的使用和圖形修飾工具的使用教學(xué)難點(diǎn)選擇工具的使用教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素教學(xué)資源材、ppt教學(xué)過(guò)程備注教學(xué)過(guò)程備注一、復(fù)習(xí)鞏固練習(xí)：動(dòng)手制作蘋果

6、請(qǐng)學(xué)生回答幾個(gè)問(wèn)題二、導(dǎo)入新課分別打開flashFlash 有一個(gè)功能強(qiáng) 一幅矢量圖大的繪圖工具，可以繪制出完美的圖形。它使用靈活、簡(jiǎn)單易用，在大 形和位圖圖多數(shù)情況下都可以滿足使用者的要求。三、講授新課（邊操作邊演示邊講解） 補(bǔ)充知識(shí)：、矢量圖形和位圖圖像、線條和填充圖形矢量圖形一般可以看成是由線條和填充物組成；像進(jìn)行放大觀察結(jié)果畫兩條線狀來(lái)演示合并繪制模式矢量圖形的著色有兩種：線條的著色和填充物的著色；可以著單 下圖形之間色，也可以著漸變色和位圖。、繪制模式（）合并繪制模式形分成若干部分。的相互影響教師在屏幕上繪制幾演示選擇對(duì)象的方法。注2（）對(duì)象繪制模式意填充區(qū)和注意：選擇用【對(duì)象繪制】

7、模式創(chuàng)建的圖形時(shí)， Flash 會(huì)在圖形上添 線條。 PAGE PAGE 4教學(xué)過(guò)程備注本周主要介紹了flash繪圖基礎(chǔ)基本繪圖工具的使用和編輯工具的使課堂小結(jié)用。要注意的是，選擇某種工具時(shí)，可以對(duì)它的屬性進(jìn)行設(shè)置。要分清并模式和對(duì)象模式的區(qū)別。1：繪圖帆船2、繪制作樹布置作業(yè)通過(guò)實(shí)例操作講解找一些學(xué)生感興趣的小表情調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極教學(xué)反思性，主動(dòng)參與到課程練習(xí)中。布置一些擴(kuò)展練習(xí)作業(yè)，讓不同程度的學(xué)能夠根據(jù)自己的差異選擇完成，達(dá)到分層教學(xué)的效果。78第三節(jié)編輯圖像課時(shí)安排1課時(shí)安排1使學(xué)生會(huì)合理的使用：對(duì)齊、分布、匹配大小、間隔、相對(duì)于舞臺(tái)等命令；教學(xué)目標(biāo)讓學(xué)生巧秒應(yīng)用切割 融合 組合 疊

8、放順序的更改；會(huì)應(yīng)用變形面板、縮放和旋轉(zhuǎn)對(duì)話框分布和相對(duì)于舞臺(tái)；怎么樣去解決和巧秒的去應(yīng)用粘圖現(xiàn)象；用變形面板、教學(xué)重點(diǎn)縮放和旋轉(zhuǎn)對(duì)話框調(diào)節(jié)調(diào)整對(duì)象或者是畫圖分布面板上的各個(gè)按鈕的操作原理；怎么樣的巧秒的去就用粘圖來(lái)進(jìn)行圖教學(xué)難點(diǎn)教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、教學(xué)資源ppt教學(xué)過(guò)程備注教學(xué)過(guò)程備注一、復(fù)習(xí)舊課1、作業(yè)提交，請(qǐng)同學(xué)演示2、發(fā)現(xiàn)問(wèn)題，總結(jié)強(qiáng)調(diào)二、導(dǎo)入新課教師繪制師：展示幾個(gè)繪圖實(shí)例，要完成這些實(shí)例，必須掌握FLASH 中有些工具 幾個(gè)矩形分使用的技巧，這樣才能增加動(dòng)畫設(shè)計(jì)的美感。三、講述新課講授法演示

9、法3.1 調(diào)整對(duì)象1、排列對(duì)象單擊菜單中“窗口”|對(duì)齊；分布；匹配；間隔2、形狀的切割 融合 組合 疊放順序的更改1）形狀的切割FlashFlash 8按扭，則對(duì)象之間將會(huì)產(chǎn)生影響，對(duì)象能夠被切割或融合。舉例：直線分割橢圓矩形打孔別演示對(duì)齊面板中的對(duì)“ 相對(duì)于舞法舉例說(shuō)明:直線分割橢圓矩形打孔5 PAGE PAGE 7教學(xué)過(guò)程備注1如何對(duì)Flash中的對(duì)象、圖形進(jìn)行編輯，以及圖像導(dǎo)入課堂小結(jié)等基本操作。2準(zhǔn)確、快速的進(jìn)行圖形的編輯和導(dǎo)入工作在實(shí)踐中為日后的動(dòng)畫提供栩栩如生的素材。1：風(fēng)車2、燭火布置作業(yè)教學(xué)反思1011第四節(jié) 逐幀動(dòng)畫課時(shí)計(jì)劃2課時(shí)計(jì)劃2掌握逐幀動(dòng)畫的制作技巧；了解什么時(shí)候適合

10、使用逐幀動(dòng)畫；掌握制作變教學(xué)目標(biāo)形動(dòng)畫的基本操作；能夠利用添加變形提示點(diǎn)使動(dòng)畫效果更加美觀。教學(xué)重點(diǎn)逐幀動(dòng)畫和形狀動(dòng)畫的制作教學(xué)難點(diǎn)形狀動(dòng)畫的制作教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、教學(xué)資源ppt教學(xué)過(guò)程備注教學(xué)過(guò)程備注一、導(dǎo)入新課問(wèn)題的提出：1什么叫動(dòng)畫？2.動(dòng)畫的類型?動(dòng)畫：就是由連續(xù)的畫面，按照一定的時(shí)間順序進(jìn)行有序播放。制作動(dòng)畫有兩種方式：一種是逐幀動(dòng)畫，另一種是漸變動(dòng)畫。 合成連續(xù)變化的畫面。畫由系統(tǒng)自動(dòng)生成。二、講述新課動(dòng)畫制作基礎(chǔ)1、動(dòng)畫的基本原理：視覺暫留現(xiàn)象不會(huì)立即消失而是要停留一段時(shí)間。計(jì)算機(jī)動(dòng)畫形

11、成原理利用人的視覺暫留現(xiàn)象，用連續(xù)的靜態(tài)圖片（相鄰圖片之間有稍微不同）按一定的速度運(yùn)行起來(lái)，就形成了動(dòng)畫。82、幀的基本概念：（1）幀是組成動(dòng)畫的基本單位，每一幀即一個(gè)畫面， Flash 動(dòng)畫是以 PAGE PAGE 10教學(xué)過(guò)程教學(xué)過(guò)程備注1.掌握逐幀動(dòng)畫、形狀補(bǔ)間動(dòng)畫的制作方法。課堂小結(jié)2.使學(xué)生能夠靈活使用設(shè)置動(dòng)畫的基本方法并制作簡(jiǎn)單動(dòng)畫。3.注意形狀補(bǔ)間動(dòng)畫提示點(diǎn)的設(shè)置方法1、制作逐幀動(dòng)畫“倒計(jì)時(shí)”布置作業(yè)2、制作逐幀動(dòng)畫“夜空下的燭火”教學(xué)反思1314第五節(jié) 兩種補(bǔ)間動(dòng)畫課時(shí)安排2課時(shí)安排2教學(xué)目標(biāo)掌握制作動(dòng)作補(bǔ)間動(dòng)畫的過(guò)程教學(xué)重點(diǎn)掌握動(dòng)作補(bǔ)間動(dòng)畫的制作要點(diǎn)教學(xué)難點(diǎn)動(dòng)作補(bǔ)間的動(dòng)畫的綜

12、合應(yīng)用；時(shí)間幀延后的效果教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、教學(xué)資源ppt教學(xué)過(guò)程備注教學(xué)過(guò)程備注一、導(dǎo)入新課Flash問(wèn)題的提出：如何制作移動(dòng)動(dòng)畫？二、講述新課斜、顏色屬性等產(chǎn)生漸變。動(dòng)作補(bǔ)間動(dòng)畫創(chuàng)建步驟：動(dòng)畫的起點(diǎn)。創(chuàng)建一個(gè)圖形對(duì)象并轉(zhuǎn)換為元件在舞臺(tái)中創(chuàng)建一個(gè)實(shí)例、組或文本塊將元件的實(shí)例從“庫(kù)”面板中拖出在動(dòng)畫要結(jié)束的地方創(chuàng)建第二個(gè)關(guān)鍵幀，然后選擇結(jié)束幀將項(xiàng)目移動(dòng)到新的位置修改項(xiàng)目的大小、旋轉(zhuǎn)或傾斜修改項(xiàng)目的顏色（僅限實(shí)例或文本）11 PAGE PAGE 13教學(xué)過(guò)程教學(xué)過(guò)程備注1.逐幀動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、形狀補(bǔ)間

13、動(dòng)畫和場(chǎng)景動(dòng)畫的設(shè)計(jì)方法。課堂小結(jié)2.使學(xué)生能夠靈活使用設(shè)置動(dòng)畫的基本方法并制作簡(jiǎn)單動(dòng)畫。1：轉(zhuǎn)動(dòng)的風(fēng)車布置作業(yè)2：卷軸動(dòng)畫教學(xué)反思161718第六節(jié) 引導(dǎo)動(dòng)畫課程內(nèi)容1課程內(nèi)容11、要求學(xué)生掌握各類曲線運(yùn)動(dòng)的制作技巧，掌握引導(dǎo)線、引導(dǎo)層的概念教學(xué)目標(biāo)及作用；2、能根據(jù)運(yùn)動(dòng)的需求，畫出運(yùn)動(dòng)軌跡線，即引導(dǎo)線。教學(xué)重點(diǎn)運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建，動(dòng)畫關(guān)鍵幀的設(shè)置。教學(xué)難點(diǎn)做引導(dǎo)層時(shí)的幾個(gè)注意點(diǎn)。教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、教學(xué)資源ppt教學(xué)過(guò)程備注教學(xué)過(guò)程備注一、復(fù)習(xí)舊課意和圖層結(jié)合完成特效。二、導(dǎo)入新課我們已經(jīng)知道在以前所

14、涉及的移動(dòng)動(dòng)畫過(guò)程都是兩點(diǎn)一直線不存在曲線運(yùn)動(dòng)，這對(duì)設(shè)計(jì)者來(lái)講是不夠的，我們需要更豐富的移動(dòng)動(dòng)畫，這就出我們這一章節(jié)所要講的FLASH中的功能層之一引導(dǎo)線層。我們可以比較一下面三幅動(dòng)畫：1、用逐幀技術(shù)2、用移動(dòng)補(bǔ)間3、用引導(dǎo)線技術(shù)曲線，這樣，動(dòng)畫也就隨之而豐富起來(lái)。該動(dòng)畫效果，那么，有沒有其它方法？引導(dǎo)線功能層三、講述新課61 引導(dǎo)線、引導(dǎo)層的概念1、引導(dǎo)層：引導(dǎo)線必須制作在引導(dǎo)層中，而需要使用引導(dǎo)線作為運(yùn)動(dòng)軌跡線的物體所在層必須在引導(dǎo)層的下方，一個(gè)引導(dǎo)層可以為多個(gè)圖層提14供運(yùn)動(dòng)軌跡。同時(shí)在一個(gè)引導(dǎo)層中可以有多條運(yùn)動(dòng)軌跡。 PAGE PAGE 16教學(xué)過(guò)程教學(xué)過(guò)程備注引導(dǎo)層動(dòng)畫的概念課堂小結(jié)

15、引導(dǎo)層動(dòng)畫的制作方法布置作業(yè)實(shí)訓(xùn)十：制作引導(dǎo)動(dòng)畫教學(xué)反思20第七節(jié) 遮罩動(dòng)畫課時(shí)安排課時(shí)安排11、掌握遮罩的基本原理；教學(xué)目標(biāo)2、運(yùn)用遮罩制作簡(jiǎn)單的場(chǎng)景動(dòng)畫教學(xué)重點(diǎn)遮罩層和被遮罩層教學(xué)難點(diǎn)多層遮罩動(dòng)畫教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、教學(xué)資源ppt教學(xué)過(guò)程備注教學(xué)過(guò)程備注一、導(dǎo)入新課Flash2、動(dòng)畫中是否有透過(guò)某個(gè)區(qū)域可以看到另一番景象？二、新課講解遮罩動(dòng)畫的概念FlashFlash遮罩層下方的對(duì)象可以通過(guò)該“視窗”顯示出來(lái)，而“視窗”之外的對(duì)象將不會(huì)顯示。1、創(chuàng)建遮罩

16、Flash，使命令的左邊出現(xiàn)一個(gè)小勾，該圖層就會(huì)生成遮罩層17 PAGE PAGE 19教學(xué)過(guò)程備注在做遮照時(shí)要分清楚什么是遮照，什么是被遮照的？即看到的是什么，那一層就是被遮照層。遮照層和被遮照層兩層都可做動(dòng)畫，我們的動(dòng)畫是在哪一層？很多時(shí)候遮照不只有兩層，還有兩個(gè)普通層，一個(gè)在被遮照層下，一 還可在遮照層的基礎(chǔ)上再作加工，比如說(shuō)一些放大鏡的樣子等在相應(yīng)的層中，就可以做出我們需要的一些遮照效果。1：MTV 字幕效果2：百葉窗效果教學(xué)反思2223第八節(jié) 聲音導(dǎo)入課程內(nèi)容1課程內(nèi)容1將聲音添加到時(shí)間軸上；為關(guān)鍵幀添加聲音；教學(xué)目標(biāo)為按鈕添加聲音；MTV教學(xué)重點(diǎn)為元件添加聲音教學(xué)難點(diǎn)MTV教學(xué)方法

17、講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、教學(xué)資源ppt教學(xué)過(guò)程備注教學(xué)過(guò)程備注一、導(dǎo)入新課分在影片中起到了什么作用？二、講述新課8.1 聲音的導(dǎo)入1、Flash 中控制音頻的主要方法: 讓聲音獨(dú)立于時(shí)間軸循環(huán)播放為動(dòng)畫配音樂(lè)為按鈕添加某種聲音設(shè)置聲音漸入漸出等效果通過(guò)動(dòng)作控制音效的回放2、導(dǎo)入到 Flash 中的聲音文件格式：FlashFlash 中。 直接導(dǎo)入 Flash 應(yīng)用的聲音文WAVMP3QuickTime4AIFFQuickTime3、導(dǎo)入聲音操作步驟：選擇“文件”“導(dǎo)入”“導(dǎo)入到庫(kù)”。20在“導(dǎo)入”對(duì)話框中，定位并打

18、開所需的聲音文件Flash 將音頻文件存放在元件庫(kù)中。打開庫(kù)，按下播放按鈕可 PAGE PAGE 22教學(xué)過(guò)程教學(xué)過(guò)程備注1.課堂小結(jié)2. 為關(guān)鍵幀添加聲音3為按鈕添加聲音布置作業(yè)導(dǎo)入和應(yīng)用聲音教學(xué)反思25第九節(jié) 腳本基礎(chǔ)應(yīng)用課程內(nèi)容課程內(nèi)容2掌握程序編輯環(huán)境動(dòng)作面板的使用方法；能夠通過(guò)動(dòng)作面板開發(fā)與編輯ActiongScriptActionScriptActiongScript教學(xué)目標(biāo)Flash例和影片剪輯實(shí)例等對(duì)象添加腳本指定動(dòng)作。教學(xué)重點(diǎn)ActionScriptActiongScriptFlash教學(xué)難點(diǎn)等對(duì)象添加腳本指定動(dòng)作。教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)方法講授演示法，任務(wù)驅(qū)動(dòng)學(xué)習(xí)法和協(xié)作學(xué)習(xí)法多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、教學(xué)資源ppt教學(xué)過(guò)程備注教學(xué)過(guò)程備注一、導(dǎo)入新課Flash問(wèn)題的提出：如何制作交互式動(dòng)畫？二、講述新課ActionScriptFlashFlashFlash動(dòng)作面板的使用FlashActiongScript一.啟動(dòng)動(dòng)作面板啟動(dòng)動(dòng)作面板方法：選中關(guān)