制作引導(dǎo)線動畫 教案正文

《制作引導(dǎo)線動畫 教案正文》由會員分享，可在線閱讀，更多相關(guān)《制作引導(dǎo)線動畫 教案正文（7頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、Flash動畫技術(shù)——制作引導(dǎo)線動畫 教 學(xué) 分 析 課題 制作引導(dǎo)線動畫 教學(xué)時間 2課時（90分鐘） 課程類型 講授新課 教學(xué)設(shè)備 多媒體電腦室、投影儀 授課方式 講 授；演示；巡回指導(dǎo) 教學(xué)方法 啟發(fā)式教學(xué)；演練結(jié)合； 以學(xué)生為主體的行為引導(dǎo)教學(xué)法 教 學(xué) 目 的 u 理解創(chuàng)建引導(dǎo)線動畫的基本原理 u 掌握創(chuàng)建引導(dǎo)線動畫的方法和一些應(yīng)用技巧 u 培養(yǎng)學(xué)生的觀察力和想象力，能夠舉一反三運用所學(xué)知識制作相應(yīng)的動畫作品。 重 點 u 引導(dǎo)線動畫原理 u 引導(dǎo)線動畫的制作步驟 難 點 u 引導(dǎo)線動畫的應(yīng)用技

2、巧 教 學(xué) 回 顧 學(xué)習(xí)本課之前，學(xué)生已經(jīng)熟練掌握如何在Flash中制作一般的補間運動動畫以及Flash的常用術(shù)語。這一節(jié)課繼續(xù)學(xué)習(xí)如何創(chuàng)建引導(dǎo)線動畫。 說 明 考慮到技校學(xué)生的實際情況和培養(yǎng)目標(biāo)，從本課程的教學(xué)需求出發(fā)，為了提高學(xué)生的學(xué)習(xí)興趣，增強學(xué)生的學(xué)習(xí)自主性，培養(yǎng)學(xué)生的實操能力，鞏固所學(xué)知識點，本課教學(xué)設(shè)計安排了較多的課堂練習(xí)時間。 教 學(xué) 過 程 【復(fù)習(xí)舊課】 同學(xué)們，我們已經(jīng)學(xué)習(xí)了一些動畫效果的制作，比如“小球跳動”、“舞臺燈光效果”等。不知

3、大家注意到?jīng)]有，這些動畫的運動軌跡都是直線。 教師活動：使用投影儀在大屏幕上展示動畫，引導(dǎo)學(xué)生回顧所學(xué)。 學(xué)生活動：觀看動畫，思考。 時間分配：2分鐘 【導(dǎo)入新課】 展示另一個動畫：“蝴蝶在花叢中飛舞”，提問：蝴蝶的運動軌跡與前面做的動畫有什么不同？學(xué)生觀察，得出結(jié)論：蝴蝶沿著花叢做曲線運動。 在Flash中如何做出像這樣的曲線運動效果呢？這就是我們這一節(jié)課要介紹的引導(dǎo)線動畫。使用引導(dǎo)線做的動畫，它的運動軌跡可以是一條曲線。這樣，我們就可以創(chuàng)建更豐富更生動的動畫效果了。 教師活動：繼續(xù)在大屏幕上展示動畫，提問。 學(xué)生活動：觀看動畫，回答問題。 時間分配：3分鐘 設(shè)計思路

4、：通過把這次課要學(xué)習(xí)的動畫與前面學(xué)過的動畫做比較，吸引學(xué)生的注意力，激發(fā)學(xué)生學(xué)習(xí)新知識的興趣。 【講授新課】 我們首先來了解引導(dǎo)線動畫的制作原理： 一．引導(dǎo)線動畫的制作原理 （板書） 將一個或多個圖層鏈接到一個運動引導(dǎo)層，使一個或多個對象沿同一條路徑運動，這種動畫形式就叫“引導(dǎo)線動畫”。它可以使一個或多個元件完成曲線運動或不規(guī)則運動。 一個最基本的引導(dǎo)線動畫由兩個圖層組成：上面一層稱為“引導(dǎo)層”，它的圖層圖標(biāo)為。下面一層稱為“被引導(dǎo)層”，圖層圖標(biāo)與普通圖標(biāo)一樣為。在普通圖層上面創(chuàng)建引導(dǎo)層后，普通圖層就會縮進(jìn)成為被引導(dǎo)層。 引導(dǎo)層用來放置引導(dǎo)線。引導(dǎo)線也就是元件的運動路徑，可以使

5、用鉛筆、線條、橢圓和畫筆等繪圖工具進(jìn)行繪制。 被引導(dǎo)層用來放置被引導(dǎo)的元件，當(dāng)創(chuàng)建運動動畫后，元件就會沿著引導(dǎo)線運動起來。 教師活動：講授新知識。 學(xué)生活動：聽講。 時間分配：5分鐘 下面，我們通過一個簡單的實例具體學(xué)習(xí)如何制作引導(dǎo)線動畫。 【演示】制作沿著曲線運動的小球動畫 1． 新建影片，設(shè)置影片的高度和寬度值，將圖層1重命名為ball層。(如下圖) 2． 在ball層的第1幀畫一個小球，（提問）怎么把它轉(zhuǎn)換為元件？（學(xué)生答）按F8將小球轉(zhuǎn)換為一個圖形元件。將它命名為“小球”。 3．在圖層面板中單擊“添加引導(dǎo)層”按鈕，添加一個引導(dǎo)層。(如下圖)

6、4，在引導(dǎo)層的第1幀用鉛筆工具畫一條曲線。(如下圖) （提問）怎么使畫出的線段比較平滑呢？（學(xué)生答）在鉛筆工具的選項面板里選中“平滑”選項。 5． 在引導(dǎo)層的第25幀按F5插入幀。 6． 在ball層的第25幀上按F6插入關(guān)鍵幀。 7． 在ball層第1幀上將小球移動到引導(dǎo)線的起始位置(如下圖1)，在第25幀上將小球移動到引導(dǎo)線的結(jié)尾位置(如下圖2)，即分別將元件的中心吸附在引導(dǎo)線上。 圖1 圖2 8． 在小球的第1至第25幀之間創(chuàng)建補間運動。 9． 測試、保存影片。時間軸

7、如下圖： 教師活動：通過投影儀演示操作過程，邊講授邊提問。 學(xué)生活動：邊觀察老師操作，邊思考回答問題。 在演示的過程中，有一些操作是學(xué)生已經(jīng)學(xué)過的，可以結(jié)合全體提問的方式，使學(xué)生一起參與到這個過程中。 設(shè)計思路：演示一個簡單的引導(dǎo)線動畫的制作過程，使學(xué)生對這個制作過程有一個感性認(rèn)識。 時間分配：7分鐘 現(xiàn)在，我們一起來回憶剛才的操作，把創(chuàng)建引導(dǎo)線動畫的操作歸納起來，一共有四大步驟： 二．引導(dǎo)線動畫的制作步驟（板書） 1、創(chuàng)建元件；（板書） 引導(dǎo)層所引導(dǎo)的必須是元件，包括：影片剪輯、圖形、按鈕以及文字等。在制作引導(dǎo)線動畫時，首先要做的就是創(chuàng)建元件。 2、編輯引導(dǎo)層

8、；（板書） 創(chuàng)建好元件后，接下來就需要編輯引導(dǎo)層：首先是創(chuàng)建引導(dǎo)層，然后在引導(dǎo)層中繪制出引導(dǎo)線，也就是元件的運動軌跡。包括： 1）添加運動引導(dǎo)層 單擊時間軸面板中的“添加運動引導(dǎo)層”按鈕，就可以在當(dāng)前層的上方添加一個引導(dǎo)層。 2）添加引導(dǎo)線 創(chuàng)建好引導(dǎo)層后，還要在引導(dǎo)層畫上引導(dǎo)線，可以使用各種繪圖工具來繪制出所需的線條。引導(dǎo)線是一種功能線，在生成的swf文件中是看不到引導(dǎo)線的，所以我們只需畫出引導(dǎo)線，而不必理會它的顏色和粗細(xì)。 3）在被引導(dǎo)層的某一幀按F6插入關(guān)鍵幀，再在引導(dǎo)層插入幀，將它延長到該幀處。 3、使元件的注冊中心吸附到引導(dǎo)線上；（板書） 要使元件沿引導(dǎo)線運動，必須使

9、之吸附到引導(dǎo)線上。也就是在被引導(dǎo)層中，將首尾兩個關(guān)鍵幀上的元件中心分別與引導(dǎo)線進(jìn)行銜接。 為了方便操作，可以單擊繪圖工具欄的“對齊對象”按鈕，打開吸附到對象功能。當(dāng)把元件拖動到引導(dǎo)線附近時，就會自動吸附到引導(dǎo)線上。此時，元件中心與引導(dǎo)曲線上某一點重合，同時出現(xiàn)表示吸附成功的一個小圓標(biāo)志（如下圖的黃色小圓圈所示）。 注意：這個步驟非常重要，元件中心能否正確吸附到引導(dǎo)線上，是引導(dǎo)線動畫能否創(chuàng)建成功的關(guān)鍵。 4、創(chuàng)建元件的動畫；（板書） 選擇元件所在圖層的第1幀，單擊右鍵選擇“創(chuàng)建補間動畫”。 教師活動：講授。 學(xué)生活動：聽講、思考。 設(shè)計思路：把動畫制作過程歸納為

10、幾大步，方便學(xué)生記憶，使學(xué)生對這個制作過程上升到理性認(rèn)識。 時間分配：8分鐘 【課堂練習(xí)】 F 練習(xí)1 現(xiàn)在，我們進(jìn)行上機(jī)練習(xí)，（提問）請大家想一想，生活中，有什么對象的運動軌跡是一條曲線或者是不規(guī)則的線條呢？舉個例子，比如雪花飛舞、小船在海里乘風(fēng)破浪。還有什么？（學(xué)生答）隨風(fēng)飄落的樹葉、小鳥在天空中飛翔、運動員在跑道上跑步…… 根據(jù)剛才歸納的幾個步驟，參照我演示的沿著曲線運動的小球動畫，把你想到的動畫做出來，制作的時候，只要把小球元件改成你想到的對象就可以了。 [練習(xí)要點] 注意動畫能否成功的關(guān)鍵是元件中心有沒有與引導(dǎo)線銜接好。我們還可以在需要的位置插入關(guān)鍵幀，把該幀上的元件

11、中心對準(zhǔn)引導(dǎo)線，來更好地控制對象的運動效果。 教師活動：提問，創(chuàng)設(shè)情境使學(xué)生能夠把所學(xué)知識應(yīng)用到實際中，啟發(fā)學(xué)生思考，聯(lián)系實際，調(diào)動起學(xué)習(xí)熱情。在學(xué)生進(jìn)行練習(xí)的同時進(jìn)行巡回指導(dǎo)。 學(xué)生活動：積極思考，產(chǎn)生較大的興趣，愉快地進(jìn)行練習(xí)。 設(shè)計思路：通過本練習(xí)，使學(xué)生初步掌握引導(dǎo)線動畫的創(chuàng)建過程，并能運用到實際中。 時間分配：10分鐘 當(dāng)大部分學(xué)生完成一個元件的引導(dǎo)線動畫后，繼續(xù)引導(dǎo)學(xué)生：假如要制作幾片樹葉沿著不同的路徑落下，能不能做出來？ 只要在動畫中添加多個引導(dǎo)層，繪制多條引導(dǎo)線，使它們分別引導(dǎo)每一個的元件的運動就可以了。 接下來，我們來完成以下兩個引導(dǎo)線動畫的制作。請同學(xué)

12、們仔細(xì)觀察，然后自行做出動畫效果。 F 練習(xí)2 運動的超人 [實例效果]：超人從畫面右上角進(jìn)入，沿著一段弧線運動，再從畫面左上角飛出，運動過程中逐漸變大。如下圖所示： [實例說明]：本例使用引導(dǎo)層控制超人的運動軌跡，讓超人按一條曲線的運動軌跡飛馳而過。 [制作要點分析]： 1．如何改變超人的運動方向？ 我們可以在幀屬性面板上對動畫進(jìn)行更細(xì)致的設(shè)置：選中“調(diào)整到路徑”、“同步”和“對齊”選項，就可以使元件沿著引導(dǎo)線自動調(diào)整運動方向。 2．如何實現(xiàn)超人從小逐漸變大，以及動畫開始時超人的頭部在下，結(jié)束時超人頭部在上的效果？ 運用以前學(xué)習(xí)的知識，在起始幀設(shè)

13、置超人的大小為5%，旋轉(zhuǎn)180°,在結(jié)束幀將超人旋轉(zhuǎn)30°。 教師活動：巡回指導(dǎo)，著重講解習(xí)題的制作要點。 學(xué)生活動：邊觀察大屏幕上的動畫，邊進(jìn)行上機(jī)練習(xí)。 時間分配：15分鐘 設(shè)計思路：預(yù)先對習(xí)題進(jìn)行設(shè)計，讓學(xué)生在練習(xí)過程中碰到問題（制作要點），再根據(jù)學(xué)生的掌握情況進(jìn)行講解。 F 練習(xí)3 繞圈的小球 [實例效果]：兩個不同顏色的小球各自圍繞不同的橢圓路徑做運動，兩個橢圓形的運動路徑清晰可見。如下圖： [實例說明]：通過本例，使學(xué)生了解并掌握在同一個動畫中創(chuàng)建多條引導(dǎo)線的方法，以及讓對象沿著一段封閉路徑運動的方法。 [制作要點分析]： 1

14、．如何讓小球沿著橢圓路徑運動？怎么確定運動路徑的起始點和結(jié)束點？ 可以把橢圓的一小部分線段刪除掉，使線段出現(xiàn)兩個端點，再在把小球元件吸咐到這兩個端點上。 2．如何實現(xiàn)兩個小球各自圍繞橢圓軌跡做運動而不會互相干擾？ 可以在動畫中添加多個引導(dǎo)層，繪制多條引導(dǎo)線，使它們分別引導(dǎo)不同的元件。 3．如何在動畫中顯示出運動路徑？ 引導(dǎo)層的內(nèi)容在生成的動畫文件中是看不見的，若要把運動路徑顯示出來，可以在引導(dǎo)層上面加上一個普通層，再把引導(dǎo)層的內(nèi)容復(fù)制上去即可。 教師活動：巡回指導(dǎo)，著重講解習(xí)題的制作要點。 學(xué)生活動：邊觀察大屏幕上的動畫，邊進(jìn)行上機(jī)練習(xí)。 時間分配：15分鐘 設(shè)計思路：預(yù)先對

15、習(xí)題進(jìn)行設(shè)計，讓學(xué)生在練習(xí)過程中碰到問題（制作要點），再根據(jù)學(xué)生的掌握情況進(jìn)行講解。 下面，我們對引導(dǎo)線動畫的一些實際應(yīng)用技巧做一個總結(jié)： 三．引導(dǎo)線動畫的應(yīng)用技巧（板書） 1．一個引導(dǎo)線動畫中可以創(chuàng)建多條引導(dǎo)線；一條引導(dǎo)線可以引導(dǎo)多個不同的元件； 2．需要顯示運動路徑時，可以增加一個普通層，再把引導(dǎo)層的內(nèi)容復(fù)制到該層上即可。比如：制作毛筆寫字動畫等。 3．如果要讓對象沿著封閉路徑運動，應(yīng)刪除掉封閉路徑的一小部分，才能做出引導(dǎo)效果。如：沿著圓周運動的小球、沿著文字運動的小球； 4．選中幀屬性面板中的“調(diào)整到路徑”選項可以使元件沿著引導(dǎo)線自動調(diào)整運動的方向； 5．如果動畫不能按

16、指定路徑移動，可以在需要的位置插入關(guān)鍵幀來控制它的位置。 教師活動：講授。 學(xué)生活動：聽講，思考。 時間分配：5分鐘 【小結(jié)】 這次課學(xué)習(xí)了在Flash中創(chuàng)建引導(dǎo)線動畫的方法和一些制作技巧。請同學(xué)們根據(jù)今天所學(xué)的知識，思考運用這種動畫技術(shù)，我們還可以做出哪些豐富多彩的動畫效果呢？ 【布置作業(yè)】（時間分配：約20分鐘） 1． 課堂作業(yè) 制作本節(jié)課開始時演示的“比翼雙飛”動畫：兩只蝴蝶在花叢中翩翩起舞，不時停留在花朵上采蜜。如下圖： 2．課外作業(yè) 根據(jù)今天所學(xué)的引導(dǎo)線動畫的一些應(yīng)用技巧，結(jié)合以前所學(xué)內(nèi)容，把課堂練習(xí)1繼續(xù)進(jìn)行修改，使動畫效果更豐富。 【教學(xué)反饋】 上課過程中，學(xué)生學(xué)習(xí)興趣比較濃厚，能夠掌握引導(dǎo)線動畫的制作步驟，可以獨立完成習(xí)題。個別學(xué)生設(shè)計出比較生動的動畫作品。 7 第 頁，共7頁