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

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

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

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

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

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

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

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

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

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

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

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