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

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)用技巧教 學(xué) 回 顧學(xué)習(xí)本課之前，學(xué)生已經(jīng)熟練掌握如何在Flash中制作一般的補間運動動畫以及Flash的常用術(shù)語。這一節(jié)課繼續(xù)學(xué)習(xí)如何創(chuàng)建引導(dǎo)線動畫。說 明考慮到技校學(xué)生的實際情況和培養(yǎng)目標，從本課程的教學(xué)需求出發(fā)，為了提高學(xué)生的學(xué)習(xí)興趣，增強學(xué)生的學(xué)習(xí)自主性，培養(yǎng)學(xué)生的實操能力，鞏固所學(xué)知識點，本課教學(xué)設(shè)計安排了較多的課堂練習(xí)時間。教 學(xué) 過 程 【復(fù)習(xí)舊課】同學(xué)們，我們已經(jīng)學(xué)習(xí)了一些動畫效果的制作，比如“小球跳動”、“舞臺燈光效果”等。不知大家注意到?jīng)]有，這些動畫的運動軌跡都是直線。教師活動：使用投影儀在大屏幕上展示動畫，引導(dǎo)學(xué)生回顧所學(xué)。學(xué)生活動：觀看動畫，思考。時間分配：2分鐘【導(dǎo)入新課】展示另一個動畫：“蝴蝶在花叢中飛舞”，提問：蝴蝶的運動軌跡與前面做的動畫有什么不同？學(xué)生觀察，得出結(jié)論：蝴蝶沿著花叢做曲線運動。在Flash中如何做出像這樣的曲線運動效果呢？這就是我們這一節(jié)課要介紹的引導(dǎo)線動畫。使用引導(dǎo)線做的動畫，它的運動軌跡可以是一條曲線。這樣，我們就可以創(chuàng)建更豐富更生動的動畫效果了。教師活動：繼續(xù)在大屏幕上展示動畫，提問。學(xué)生活動：觀看動畫，回答問題。時間分配：3分鐘設(shè)計思路：通過把這次課要學(xué)習(xí)的動畫與前面學(xué)過的動畫做比較，吸引學(xué)生的注意力，激發(fā)學(xué)生學(xué)習(xí)新知識的興趣?！局v授新課】我們首先來了解引導(dǎo)線動畫的制作原理：一引導(dǎo)線動畫的制作原理 （板書）將一個或多個圖層鏈接到一個運動引導(dǎo)層，使一個或多個對象沿同一條路徑運動，這種動畫形式就叫“引導(dǎo)線動畫”。它可以使一個或多個元件完成曲線運動或不規(guī)則運動。一個最基本的引導(dǎo)線動畫由兩個圖層組成：上面一層稱為“引導(dǎo)層”，它的圖層圖標為。下面一層稱為“被引導(dǎo)層”，圖層圖標與普通圖標一樣為。在普通圖層上面創(chuàng)建引導(dǎo)層后，普通圖層就會縮進成為被引導(dǎo)層。引導(dǎo)層用來放置引導(dǎo)線。引導(dǎo)線也就是元件的運動路徑，可以使用鉛筆、線條、橢圓和畫筆等繪圖工具進行繪制。被引導(dǎo)層用來放置被引導(dǎo)的元件，當創(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)層。(如下圖)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 圖28 在小球的第1至第25幀之間創(chuàng)建補間運動。9 測試、保存影片。時間軸如下圖：教師活動：通過投影儀演示操作過程，邊講授邊提問。學(xué)生活動：邊觀察老師操作，邊思考回答問題。在演示的過程中，有一些操作是學(xué)生已經(jīng)學(xué)過的，可以結(jié)合全體提問的方式，使學(xué)生一起參與到這個過程中。設(shè)計思路：演示一個簡單的引導(dǎo)線動畫的制作過程，使學(xué)生對這個制作過程有一個感性認識。時間分配：7分鐘現(xiàn)在，我們一起來回憶剛才的操作，把創(chuàng)建引導(dǎo)線動畫的操作歸納起來，一共有四大步驟：二引導(dǎo)線動畫的制作步驟（板書）1、創(chuàng)建元件；（板書）引導(dǎo)層所引導(dǎo)的必須是元件，包括：影片剪輯、圖形、按鈕以及文字等。在制作引導(dǎo)線動畫時，首先要做的就是創(chuàng)建元件。2、編輯引導(dǎo)層；（板書）創(chuàng)建好元件后，接下來就需要編輯引導(dǎo)層：首先是創(chuàng)建引導(dǎo)層，然后在引導(dǎo)層中繪制出引導(dǎo)線，也就是元件的運動軌跡。包括：1）添加運動引導(dǎo)層單擊時間軸面板中的“添加運動引導(dǎo)層”按鈕，就可以在當前層的上方添加一個引導(dǎo)層。2）添加引導(dǎo)線創(chuàng)建好引導(dǎo)層后，還要在引導(dǎo)層畫上引導(dǎo)線，可以使用各種繪圖工具來繪制出所需的線條。引導(dǎo)線是一種功能線，在生成的swf文件中是看不到引導(dǎo)線的，所以我們只需畫出引導(dǎo)線，而不必理會它的顏色和粗細。3）在被引導(dǎo)層的某一幀按F6插入關(guān)鍵幀，再在引導(dǎo)層插入幀，將它延長到該幀處。3、使元件的注冊中心吸附到引導(dǎo)線上；（板書）要使元件沿引導(dǎo)線運動，必須使之吸附到引導(dǎo)線上。也就是在被引導(dǎo)層中，將首尾兩個關(guān)鍵幀上的元件中心分別與引導(dǎo)線進行銜接。為了方便操作，可以單擊繪圖工具欄的“對齊對象”按鈕，打開吸附到對象功能。當把元件拖動到引導(dǎo)線附近時，就會自動吸附到引導(dǎo)線上。此時，元件中心與引導(dǎo)曲線上某一點重合，同時出現(xiàn)表示吸附成功的一個小圓標志（如下圖的黃色小圓圈所示）。注意：這個步驟非常重要，元件中心能否正確吸附到引導(dǎo)線上，是引導(dǎo)線動畫能否創(chuàng)建成功的關(guān)鍵。4、創(chuàng)建元件的動畫；（板書）選擇元件所在圖層的第1幀，單擊右鍵選擇“創(chuàng)建補間動畫”。教師活動：講授。學(xué)生活動：聽講、思考。設(shè)計思路：把動畫制作過程歸納為幾大步，方便學(xué)生記憶，使學(xué)生對這個制作過程上升到理性認識。時間分配：8分鐘【課堂練習(xí)】F 練習(xí)1現(xiàn)在，我們進行上機練習(xí)，（提問）請大家想一想，生活中，有什么對象的運動軌跡是一條曲線或者是不規(guī)則的線條呢？舉個例子，比如雪花飛舞、小船在海里乘風(fēng)破浪。還有什么？（學(xué)生答）隨風(fēng)飄落的樹葉、小鳥在天空中飛翔、運動員在跑道上跑步根據(jù)剛才歸納的幾個步驟，參照我演示的沿著曲線運動的小球動畫，把你想到的動畫做出來，制作的時候，只要把小球元件改成你想到的對象就可以了。練習(xí)要點 注意動畫能否成功的關(guān)鍵是元件中心有沒有與引導(dǎo)線銜接好。我們還可以在需要的位置插入關(guān)鍵幀，把該幀上的元件中心對準引導(dǎo)線，來更好地控制對象的運動效果。教師活動：提問，創(chuàng)設(shè)情境使學(xué)生能夠把所學(xué)知識應(yīng)用到實際中，啟發(fā)學(xué)生思考，聯(lián)系實際，調(diào)動起學(xué)習(xí)熱情。在學(xué)生進行練習(xí)的同時進行巡回指導(dǎo)。學(xué)生活動：積極思考，產(chǎn)生較大的興趣，愉快地進行練習(xí)。設(shè)計思路：通過本練習(xí)，使學(xué)生初步掌握引導(dǎo)線動畫的創(chuàng)建過程，并能運用到實際中。時間分配：10分鐘當大部分學(xué)生完成一個元件的引導(dǎo)線動畫后，繼續(xù)引導(dǎo)學(xué)生：假如要制作幾片樹葉沿著不同的路徑落下，能不能做出來？只要在動畫中添加多個引導(dǎo)層，繪制多條引導(dǎo)線，使它們分別引導(dǎo)每一個的元件的運動就可以了。接下來，我們來完成以下兩個引導(dǎo)線動畫的制作。請同學(xué)們仔細觀察，然后自行做出動畫效果。F 練習(xí)2 運動的超人實例效果：超人從畫面右上角進入，沿著一段弧線運動，再從畫面左上角飛出，運動過程中逐漸變大。如下圖所示：實例說明：本例使用引導(dǎo)層控制超人的運動軌跡，讓超人按一條曲線的運動軌跡飛馳而過。制作要點分析：1如何改變超人的運動方向？我們可以在幀屬性面板上對動畫進行更細致的設(shè)置：選中“調(diào)整到路徑”、“同步”和“對齊”選項，就可以使元件沿著引導(dǎo)線自動調(diào)整運動方向。2如何實現(xiàn)超人從小逐漸變大，以及動畫開始時超人的頭部在下，結(jié)束時超人頭部在上的效果？運用以前學(xué)習(xí)的知識，在起始幀設(shè)置超人的大小為5%，旋轉(zhuǎn)180°,在結(jié)束幀將超人旋轉(zhuǎn)30°。教師活動：巡回指導(dǎo)，著重講解習(xí)題的制作要點。學(xué)生活動：邊觀察大屏幕上的動畫，邊進行上機練習(xí)。時間分配：15分鐘設(shè)計思路：預(yù)先對習(xí)題進行設(shè)計，讓學(xué)生在練習(xí)過程中碰到問題（制作要點），再根據(jù)學(xué)生的掌握情況進行講解。F 練習(xí)3 繞圈的小球?qū)嵗Ч簝蓚€不同顏色的小球各自圍繞不同的橢圓路徑做運動，兩個橢圓形的運動路徑清晰可見。如下圖：實例說明：通過本例，使學(xué)生了解并掌握在同一個動畫中創(chuàng)建多條引導(dǎo)線的方法，以及讓對象沿著一段封閉路徑運動的方法。制作要點分析：1如何讓小球沿著橢圓路徑運動？怎么確定運動路徑的起始點和結(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é)生活動：邊觀察大屏幕上的動畫，邊進行上機練習(xí)。時間分配：15分鐘設(shè)計思路：預(yù)先對習(xí)題進行設(shè)計，讓學(xué)生在練習(xí)過程中碰到問題（制作要點），再根據(jù)學(xué)生的掌握情況進行講解。下面，我們對引導(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如果動畫不能按指定路徑移動，可以在需要的位置插入關(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ù)進行修改，使動畫效果更豐富。【教學(xué)反饋】上課過程中，學(xué)生學(xué)習(xí)興趣比較濃厚，能夠掌握引導(dǎo)線動畫的制作步驟，可以獨立完成習(xí)題。個別學(xué)生設(shè)計出比較生動的動畫作品。7 第 頁，共7頁