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