Flash的引導層動畫制作課件2

1、授課年段：初二庫爾勒市第二中學授課教師：吳昱紅授課教師：吳昱紅學習目標n了解引導層動畫的基本功能了解引導層動畫的基本功能n熟練掌握繪制引導層動畫的基本方法熟練掌握繪制引導層動畫的基本方法n教學重難點：熟練掌握引導層的應(yīng)用教學重難點：熟練掌握引導層的應(yīng)用flashflash動畫分類動畫分類逐幀動畫逐幀動畫動作補間動畫動作補間動畫補間動畫補間動畫形狀補間動畫形狀補間動畫學生作品1:學生作品2回顧學生作品：回顧學生作品：形狀補間動作補間仔細觀察這兩個動畫的區(qū)別?得出結(jié)論：一個是沿直線行走，一個是沿曲線行走發(fā)出提問：那么沿曲線運動怎么制作呢？ flash提供了一種簡便方法來實現(xiàn)對象沿著復雜路提供了一種

2、簡便方法來實現(xiàn)對象沿著復雜路徑移動的效果，這就是引導層。帶引導層的動畫又叫軌徑移動的效果，這就是引導層。帶引導層的動畫又叫軌跡動畫。跡動畫。 引導層可以實現(xiàn)如引導層可以實現(xiàn)如樹葉飄落樹葉飄落，小鳥飛翔，小鳥飛翔，蝴蝶飛舞蝴蝶飛舞，星體運動星體運動等效果的制作。等效果的制作。知識要點知識要點掌握創(chuàng)建引導層的方法掌握創(chuàng)建引導層的方法 掌握引導線的繪制方法掌握引導線的繪制方法掌握將對象吸附到引導線起點和終點的方法掌握將對象吸附到引導線起點和終點的方法 能通過模仿完成引導線動畫實例的制作能通過模仿完成引導線動畫實例的制作 軌跡動畫由引導層和被引導層組成，軌跡動畫由引導層和被引導層組成，引導層用于放置對

3、象運動的路徑，被引引導層用于放置對象運動的路徑，被引導層用于放置運動的對象。制作引導動導層用于放置運動的對象。制作引導動畫的過程實際就是對引導層和被引導層畫的過程實際就是對引導層和被引導層的編輯過程。的編輯過程。1、內(nèi)容：、內(nèi)容：只放置繪制的運動路徑。（引導線）只放置繪制的運動路徑。（引導線）2、作用：、作用：使對象沿著繪制的運動路徑（引導線）運動使對象沿著繪制的運動路徑（引導線）運動3、圖標：、圖標：在引導層下方的圖層稱為在引導層下方的圖層稱為“被引導層被引導層”,被引被引導導 層會比其它圖層往里縮進一些層會比其它圖層往里縮進一些。 一、引導層一、引導層引導層的創(chuàng)建方法引導層的創(chuàng)建方法n創(chuàng)建

4、引導層的常用方法有：創(chuàng)建引導層的常用方法有：n用用 按鈕創(chuàng)建按鈕創(chuàng)建n用菜單命令創(chuàng)建用菜單命令創(chuàng)建n將普通圖層轉(zhuǎn)換為引導層三種方式。將普通圖層轉(zhuǎn)換為引導層三種方式。二、引導線二、引導線n1、引導線、引導線不能是封閉的曲線不能是封閉的曲線，要有起點和終點，要有起點和終點n2、起點和終點之間的、起點和終點之間的線條必須是連續(xù)的線條必須是連續(xù)的，不能間斷，可以是，不能間斷，可以是任何形狀任何形狀n3、引導線轉(zhuǎn)折處的、引導線轉(zhuǎn)折處的線條彎轉(zhuǎn)不宜過急、過多線條彎轉(zhuǎn)不宜過急、過多，否則，否則flash無無法準確判定對象的運動路徑法準確判定對象的運動路徑n4、被引導對象必須準確吸附到引導線上，也就是元件編輯

5、區(qū)、被引導對象必須準確吸附到引導線上，也就是元件編輯區(qū)中心必須位于引導線上，否則被引導對象將無法沿引導路徑運中心必須位于引導線上，否則被引導對象將無法沿引導路徑運動動n5、引導線在最終生成動畫時是不可見的、引導線在最終生成動畫時是不可見的形狀各異的引導線形狀各異的引導線引導層動畫制作方法引導層動畫制作方法n -1）在普通層中創(chuàng)建一個對象。）在普通層中創(chuàng)建一個對象。 2）單擊）單擊 按鈕，在普通層上層新建一個引導層，普按鈕，在普通層上層新建一個引導層，普通層自動變?yōu)楸灰龑?。通層自動變?yōu)楸灰龑印?3）在引導層中繪制一條路徑，然后將引導層中的路徑）在引導層中繪制一條路徑，然后將引導層中的路徑沿用

6、到某一幀。沿用到某一幀。 4）在被引導層中將對象的中心控制點移動到路徑的起）在被引導層中將對象的中心控制點移動到路徑的起點。點。 5）在被引導層的某一幀插入關(guān)鍵幀，并將對象移動到）在被引導層的某一幀插入關(guān)鍵幀，并將對象移動到引導層中路徑的終點。引導層中路徑的終點。 6）在被引導層的兩個關(guān)鍵幀之間創(chuàng)建動作補間動畫，）在被引導層的兩個關(guān)鍵幀之間創(chuàng)建動作補間動畫，引導動畫制作完成。引導動畫制作完成。引導層動畫的制作要點引導層動畫的制作要點n1、一般將要移動的對象單獨放在一個層，作為被引導層，、一般將要移動的對象單獨放在一個層，作為被引導層，在此層上面添加引導層。在此層上面添加引導層。引導層一定要在被

7、引導層的上方引導層一定要在被引導層的上方。n2、引導層中只繪制運動路徑，、引導層中只繪制運動路徑，在被引導層中設(shè)置補間動畫。在被引導層中設(shè)置補間動畫。n3、啟用、啟用“緊貼至對象緊貼至對象”工具工具 ，指向元件的中，指向元件的中心心n點點,拖動對象吸附到引導線的起點和終點。拖動對象吸附到引導線的起點和終點。n4、要使對象沿著路徑旋轉(zhuǎn)，需在被引導層的起始幀屬性中，、要使對象沿著路徑旋轉(zhuǎn)，需在被引導層的起始幀屬性中，設(shè)置設(shè)置“調(diào)整到路徑調(diào)整到路徑”。n5、按、按enter鍵播放動畫，或按鍵播放動畫，或按ctrl+enter鍵測試影片。鍵測試影片。任務(wù)任務(wù)制作制作“小球小球”引導層動畫實例引導層動畫

8、實例n簡單引導層動畫，自己繪制任意的運動軌簡單引導層動畫，自己繪制任意的運動軌跡運動。跡運動。n提供素材：圖片信息（小球）提供素材：圖片信息（小球）n力求做出動感，比例合適。力求做出動感，比例合適。 任務(wù)二：沿著指定的路徑運動n教師提供圖片素材：運動素材，軌跡n學生要按照教師所提供的軌跡進行運動n引導層動畫n引出學生思考問題？多層引導動畫多層引導動畫n 多層引導動畫，就是利用一個引導層同時引多層引導動畫，就是利用一個引導層同時引導多個被引導層中的對象。導多個被引導層中的對象。一般情況下，創(chuàng)建引導層后，引導層只與其下的一般情況下，創(chuàng)建引導層后，引導層只與其下的一個圖層建立鏈接關(guān)系。如果要使引導層

9、能夠一個圖層建立鏈接關(guān)系。如果要使引導層能夠引導多個圖層，可以將圖層拖移到引導層下方，引導多個圖層，可以將圖層拖移到引導層下方，或通過更改圖層屬性的方法添加需要被引導的或通過更改圖層屬性的方法添加需要被引導的圖層。圖層。為一個引導層成功創(chuàng)建多個被引導層后，多層引為一個引導層成功創(chuàng)建多個被引導層后，多層引導動畫即創(chuàng)建完成。導動畫即創(chuàng)建完成。引出任務(wù)三：教材中的實例蝴蝶飛舞n蝴蝶層：蝴蝶矢量圖所在圖層，用于固定蝴蝶層：蝴蝶矢量圖所在圖層，用于固定蝴蝶起始和終點位置。蝴蝶起始和終點位置。n引導層：在此圖層繪制引導線，制作引導引導層：在此圖層繪制引導線，制作引導動畫。動畫。添加引導層并制作引導層動畫。

10、添加引導層并制作引導層動畫。 制作時應(yīng)注意的問題n色彩搭配和諧；色彩搭配和諧；n素材正確導入到庫中；素材正確導入到庫中；n正確應(yīng)用引導層；正確應(yīng)用引導層；n蝴蝶能正確沿引導線運動；蝴蝶能正確沿引導線運動； 制作運動引導層 引導層的目的是引導蝴蝶元件沿著引導層上的引導層的目的是引導蝴蝶元件沿著引導層上的曲線路徑運動，引導層上的曲線決定著蝴蝶的運曲線路徑運動，引導層上的曲線決定著蝴蝶的運動路線。繪制出引導線如圖所示：動路線。繪制出引導線如圖所示：操作步驟 (1)在選中蝴蝶層，右鍵單擊圖層名，選擇彈出的菜單中的在選中蝴蝶層，右鍵單擊圖層名，選擇彈出的菜單中的“添加引導層添加引導層”命令，在蝴蝶層上方

11、添加一引導層，將引導層名命令，在蝴蝶層上方添加一引導層，將引導層名稱改為稱改為“引導層引導層”。(2)單擊常用工具欄的單擊常用工具欄的“鉛筆鉛筆”工具，并將常用工具欄下方的工具，并將常用工具欄下方的選項按鈕設(shè)置為選項按鈕設(shè)置為“平滑平滑”。(3)利用鉛筆工具圍繞著花兒的上方繪制如圖曲線。利用鉛筆工具圍繞著花兒的上方繪制如圖曲線。 (4)單擊引導層的第單擊引導層的第 55 幀，按幀，按 f5 鍵插入一個幀，將幀擴展到鍵插入一個幀，將幀擴展到第第 55 幀處。幀處。(5)鎖定引導層鎖定引導層制作曲線運動效果 制作好蝴蝶層與引導層，下一步是讓蝴蝶沿著制作好蝴蝶層與引導層，下一步是讓蝴蝶沿著引導層做曲

12、線運動，做出蝴蝶圍繞著花兒飛翔的引導層做曲線運動，做出蝴蝶圍繞著花兒飛翔的效果。效果。 操作步驟 (1)選中蝴蝶層，單擊引導層的第選中蝴蝶層，單擊引導層的第 1 幀。拖動蝴蝶元件，將蝴蝶元件的中心幀。拖動蝴蝶元件，將蝴蝶元件的中心點與運動引導層的曲線起點對齊，如圖點與運動引導層的曲線起點對齊，如圖 3.59 所示。所示。(2)在時間線面板上單擊蝴蝶層的在時間線面板上單擊蝴蝶層的 55 幀，按幀，按 f6 鍵插入關(guān)鍵幀。鍵插入關(guān)鍵幀。(3)拖動蝴蝶元件，將蝴蝶元件的中心點與運動引導層的曲線終點對齊，如拖動蝴蝶元件，將蝴蝶元件的中心點與運動引導層的曲線終點對齊，如圖圖 3.60 所示。所示。(4)(4)這一步操作的目的是確定蝴蝶沿曲線運動的起點和終點。效果如圖顯示：這一步操作的目的是確定蝴蝶沿曲線運動的起點和終點。效果如圖顯示： 第第1 1幀蝴蝶位置幀蝴蝶位置 第第5555幀蝴蝶位置幀蝴蝶位置 (5)(5)在蝴蝶層的幀編輯區(qū)上，單在蝴蝶層的幀編輯區(qū)上，單擊鼠標右鍵，在彈出的菜單選擇擊鼠標右鍵，在彈出的菜單選擇“創(chuàng)建補間動畫創(chuàng)建補間動畫”命令，