第三課 尋找運(yùn)動(dòng)軌跡----引導(dǎo)圖層的應(yīng)用1

1、授課年段：七年級(jí) 授課教師：劉永麗 第三課 尋找運(yùn)動(dòng)軌跡 -引導(dǎo)圖層的應(yīng)用 學(xué)習(xí)目標(biāo) 了解引導(dǎo)層動(dòng)畫的基本功能 熟練掌握繪制引導(dǎo)層動(dòng)畫的基本方法 FlashFlash動(dòng)畫分類動(dòng)畫分類 逐幀動(dòng)畫逐幀動(dòng)畫 動(dòng)作補(bǔ)間動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫(motion)(motion) 可以設(shè)置對(duì)象的可以設(shè)置對(duì)象的大小大小、 位置位置、旋轉(zhuǎn)旋轉(zhuǎn)、傾斜傾斜、顏色顏色 、透明度透明度等等。但前提是此對(duì)象等等。但前提是此對(duì)象 為一個(gè)獨(dú)立的元件為一個(gè)獨(dú)立的元件(Symbol)(Symbol)或一或一 個(gè)個(gè)(Group)(Group)。 補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫 形狀補(bǔ)間動(dòng)畫形狀補(bǔ)間動(dòng)畫(Shape)(Shape) 可以設(shè)置對(duì)象的形狀變可

2、以設(shè)置對(duì)象的形狀變 化。前提是此對(duì)象為化。前提是此對(duì)象為分離分離狀狀 態(tài)。態(tài)。(Break Apart)(Break Apart) Flash提供了一種簡(jiǎn)便方法來實(shí)現(xiàn)對(duì)象沿著復(fù)雜提供了一種簡(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)如樹葉飄落樹葉飄落，小鳥飛翔，紙飛機(jī)飛小鳥飛翔，紙飛機(jī)飛 舞舞，星體運(yùn)動(dòng)星體運(yùn)動(dòng)，激光寫字激光寫字等效果的制作。等效果的制作。 知識(shí)要點(diǎn) 掌握創(chuàng)建引導(dǎo)層的方法掌握創(chuàng)建引導(dǎo)層的方法 掌握引導(dǎo)線的繪制方法掌握引導(dǎo)線的繪制方法 掌握將對(duì)象吸

3、附到引導(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ǎo) 層用于放置對(duì)象運(yùn)動(dòng)的路徑，被引導(dǎo)層用于放 置運(yùn)動(dòng)的對(duì)象。制作引導(dǎo)動(dòng)畫的過程實(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)層會(huì)比其它圖層往里縮進(jìn)一些導(dǎo)層會(huì)比

4、其它圖層往里縮進(jìn)一些。 一、引導(dǎo)層 引導(dǎo)層的創(chuàng)建方法 創(chuàng)建引導(dǎo)層的常用方法有： 用 按鈕創(chuàng)建； 用菜單命令創(chuàng)建； 將普通圖層轉(zhuǎn)換為引導(dǎo)層。 二、引導(dǎo)線 1、引導(dǎo)線不能是封閉的曲線，要有起點(diǎn)和終點(diǎn) 2、起點(diǎn)和終點(diǎn)之間的線條必須是連續(xù)的，不能間斷，可以是 任何形狀 3、引導(dǎo)線轉(zhuǎn)折處的線條彎轉(zhuǎn)不宜過急、過多，否則Flash無法 準(zhǔn)確判定對(duì)象的運(yùn)動(dòng)路徑 4、被引導(dǎo)對(duì)象必須準(zhǔn)確吸附到引導(dǎo)線上，也就是元件編輯區(qū) 中心必須位于引導(dǎo)線上，否則被引導(dǎo)對(duì)象將無法沿引導(dǎo)路徑運(yùn) 動(dòng) 5、引導(dǎo)線在最終生成動(dòng)畫時(shí)是不可見的 形狀各異的引導(dǎo)線 引導(dǎo)層動(dòng)畫制作方法 1 1）在普通層中創(chuàng)建一個(gè)對(duì)象。）在普通層中創(chuàng)建一個(gè)對(duì)象。

5、2 2）單擊）單擊 按鈕，在普通層上層新建一個(gè)引導(dǎo)層，普通層自動(dòng)變?yōu)楸灰粹o，在普通層上層新建一個(gè)引導(dǎo)層，普通層自動(dòng)變?yōu)楸灰?導(dǎo)層。導(dǎo)層。 3 3）在引導(dǎo)層中繪制一條路徑，然后將引導(dǎo)層中的路徑沿用到某一幀。）在引導(dǎo)層中繪制一條路徑，然后將引導(dǎo)層中的路徑沿用到某一幀。 4 4）在被引導(dǎo)層中將對(duì)象的中心控制點(diǎn)移動(dòng)到路徑的起點(diǎn)。）在被引導(dǎo)層中將對(duì)象的中心控制點(diǎn)移動(dòng)到路徑的起點(diǎn)。 5 5）在被引導(dǎo)層的某一幀插入關(guān)鍵幀，并將對(duì)象移動(dòng)到引導(dǎo)層中路徑的終點(diǎn)。）在被引導(dǎo)層的某一幀插入關(guān)鍵幀，并將對(duì)象移動(dòng)到引導(dǎo)層中路徑的終點(diǎn)。 6 6）在被引導(dǎo)層的兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫，引導(dǎo)動(dòng)畫制作完成。）在被引導(dǎo)層的

6、兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫，引導(dǎo)動(dòng)畫制作完成。 引導(dǎo)層動(dòng)畫的制作要點(diǎn) 1、一般將要移動(dòng)的對(duì)象單獨(dú)放在一個(gè)層，作為被引導(dǎo)層，在 此層上面添加引導(dǎo)層。引導(dǎo)層一定要在被引導(dǎo)層的上方。 2、引導(dǎo)層中只繪制運(yùn)動(dòng)路徑，在被引導(dǎo)層中設(shè)置動(dòng)作補(bǔ)間動(dòng) 畫。 3、啟用“緊貼至對(duì)象”工具 ，指向元件的中心 點(diǎn),拖動(dòng)對(duì)象吸附到引導(dǎo)線的起點(diǎn)和終點(diǎn)。 4、要使對(duì)象沿著路徑旋轉(zhuǎn)，需在被引導(dǎo)層的起始幀屬性中， 設(shè)置“調(diào)整到路徑”。 5、按Enter鍵播放動(dòng)畫，或按Ctrl+Enter鍵測(cè)試影片。 多層引導(dǎo)動(dòng)畫 多層引導(dǎo)動(dòng)畫，就是利用一個(gè)引導(dǎo)層同時(shí)引 導(dǎo)多個(gè)被引導(dǎo)層中的對(duì)象。 一般情況下，創(chuàng)建引導(dǎo)層后，引導(dǎo)層只與其下的一個(gè)

7、圖層建一般情況下，創(chuàng)建引導(dǎo)層后，引導(dǎo)層只與其下的一個(gè)圖層建 立鏈接關(guān)系。如果要使引導(dǎo)層能夠引導(dǎo)多個(gè)圖層，可以將立鏈接關(guān)系。如果要使引導(dǎo)層能夠引導(dǎo)多個(gè)圖層，可以將 圖層拖移到引導(dǎo)層下方，或通過更改圖層屬性的方法添加圖層拖移到引導(dǎo)層下方，或通過更改圖層屬性的方法添加 需要被引導(dǎo)的圖層。需要被引導(dǎo)的圖層。 為一個(gè)引導(dǎo)層成功創(chuàng)建多個(gè)被引導(dǎo)層后，多層引導(dǎo)動(dòng)畫即創(chuàng)為一個(gè)引導(dǎo)層成功創(chuàng)建多個(gè)被引導(dǎo)層后，多層引導(dǎo)動(dòng)畫即創(chuàng) 建完成。建完成。 制作引導(dǎo)線動(dòng)畫轉(zhuǎn)圈的紙飛機(jī) 制作引導(dǎo)線動(dòng)畫的步驟總體來說可以歸納成 六步：建對(duì)象設(shè)動(dòng)畫創(chuàng)引導(dǎo) 畫導(dǎo)線調(diào)路徑抓兩端。 實(shí)例構(gòu)成及設(shè)計(jì)思路 紙飛機(jī)層：紙飛機(jī)元件所在圖層，用于固定

8、紙飛機(jī)起始 和終了位置。 引導(dǎo)層：在此圖層繪制引導(dǎo)線，制作引導(dǎo)動(dòng)畫。 添加引導(dǎo)層并制作引導(dǎo)層動(dòng)畫。 操作步驟 (1)(1)啟動(dòng)啟動(dòng) Flash 8Flash 8，新建一個(gè)新建一個(gè)flashflash文檔。文檔。 (2)(2)新建圖形元件新建圖形元件“紙飛機(jī)紙飛機(jī)”，返回場(chǎng)景，將第一層改名為，返回場(chǎng)景，將第一層改名為 “紙飛機(jī)紙飛機(jī)”，制作元件的運(yùn)動(dòng)補(bǔ)間動(dòng)畫。在紙飛機(jī)層的幀編輯區(qū)，制作元件的運(yùn)動(dòng)補(bǔ)間動(dòng)畫。在紙飛機(jī)層的幀編輯區(qū) 上，單擊鼠標(biāo)右鍵，在彈出的菜單選擇上，單擊鼠標(biāo)右鍵，在彈出的菜單選擇“創(chuàng)建補(bǔ)間動(dòng)畫創(chuàng)建補(bǔ)間動(dòng)畫”命令，命令， 幀編輯區(qū)上出現(xiàn)淺藍(lán)色背景箭頭，建立紙飛機(jī)從左端移動(dòng)到右端幀編輯

9、區(qū)上出現(xiàn)淺藍(lán)色背景箭頭，建立紙飛機(jī)從左端移動(dòng)到右端 的曲線運(yùn)動(dòng)動(dòng)畫。的曲線運(yùn)動(dòng)動(dòng)畫。 (3)(3)單擊第一幀，在屬性面板中將單擊第一幀，在屬性面板中將【調(diào)整到路徑調(diào)整到路徑】選項(xiàng)打勾。選項(xiàng)打勾。 ( (4 4) )創(chuàng)建引導(dǎo)層。創(chuàng)建引導(dǎo)層。 ( (5 5) )選擇選擇【鉛筆鉛筆】工具，鉛筆模式改為工具，鉛筆模式改為【平滑平滑】，選中引導(dǎo)層，選中引導(dǎo)層 的第一幀，用鉛筆工具畫出一條彎曲的弧作為運(yùn)動(dòng)路徑。的第一幀，用鉛筆工具畫出一條彎曲的弧作為運(yùn)動(dòng)路徑。 制作運(yùn)動(dòng)引導(dǎo)層 引導(dǎo)層的目的是引導(dǎo)紙飛機(jī)元件沿著引導(dǎo)層上 的曲線路徑運(yùn)動(dòng)，引導(dǎo)層上的曲線決定著紙飛機(jī) 的運(yùn)動(dòng)路線。 操作步驟 (1)在選中紙飛機(jī)層

10、，右鍵單擊圖層名，選擇彈出的菜單中在選中紙飛機(jī)層，右鍵單擊圖層名，選擇彈出的菜單中 的的“添加引導(dǎo)層添加引導(dǎo)層”命令，在紙飛機(jī)層上方添加一引導(dǎo)層，將命令，在紙飛機(jī)層上方添加一引導(dǎo)層，將 引導(dǎo)層名稱改為引導(dǎo)層名稱改為“引導(dǎo)層引導(dǎo)層”。 (2)單擊常用工具欄的單擊常用工具欄的“鉛筆鉛筆”工具，并將常用工具欄下方工具，并將常用工具欄下方 的選項(xiàng)按鈕設(shè)置為的選項(xiàng)按鈕設(shè)置為“平滑平滑”。 (3)用鉛筆工具畫出一條彎曲的弧作為運(yùn)動(dòng)路徑。用鉛筆工具畫出一條彎曲的弧作為運(yùn)動(dòng)路徑。 (4)單擊引導(dǎo)層的第單擊引導(dǎo)層的第 30幀，按幀，按 F5 鍵插入一個(gè)幀，將幀擴(kuò)鍵插入一個(gè)幀，將幀擴(kuò) 展到第展到第 30 幀處。幀

11、處。 (5)鎖定引導(dǎo)層鎖定引導(dǎo)層 制作曲線運(yùn)動(dòng)效果 制作好紙飛機(jī)層與引導(dǎo)層，下一步是讓 紙飛機(jī)沿著引導(dǎo)層做曲線運(yùn)動(dòng)，做出紙飛機(jī) 飛翔的效果。 操作步驟 (1)選中紙飛機(jī)層，單擊引導(dǎo)層的第選中紙飛機(jī)層，單擊引導(dǎo)層的第 1 幀。拖動(dòng)紙飛機(jī)元件，幀。拖動(dòng)紙飛機(jī)元件， 將紙飛機(jī)元件的中心點(diǎn)與運(yùn)動(dòng)引導(dǎo)層的曲線起點(diǎn)對(duì)齊。將紙飛機(jī)元件的中心點(diǎn)與運(yùn)動(dòng)引導(dǎo)層的曲線起點(diǎn)對(duì)齊。 (2)在時(shí)間線面板上單擊紙飛機(jī)層的在時(shí)間線面板上單擊紙飛機(jī)層的 30 幀。拖動(dòng)紙飛機(jī)元件，幀。拖動(dòng)紙飛機(jī)元件， 將紙飛機(jī)元件的中心點(diǎn)與運(yùn)動(dòng)引導(dǎo)層的曲線終點(diǎn)對(duì)齊。將紙飛機(jī)元件的中心點(diǎn)與運(yùn)動(dòng)引導(dǎo)層的曲線終點(diǎn)對(duì)齊。 (3)這一步操作的目的是確定紙飛機(jī)沿曲線運(yùn)動(dòng)的起點(diǎn)和終點(diǎn)。這一步操作的目的是確定紙飛機(jī)沿曲線運(yùn)動(dòng)的起點(diǎn)和終點(diǎn)。 (4) 在紙飛機(jī)層的幀編輯區(qū)上，單擊鼠標(biāo)右鍵，在彈出的菜單在紙飛機(jī)層的幀編輯區(qū)上，單擊鼠標(biāo)右鍵，在彈出的菜單 選擇選擇“創(chuàng)建補(bǔ)間動(dòng)畫創(chuàng)建補(bǔ)間動(dòng)畫”命令，幀編輯區(qū)上出現(xiàn)淺藍(lán)色背景箭頭，命令，幀編輯區(qū)上出現(xiàn)淺藍(lán)色背景箭頭， 建立紙飛機(jī)從左端移動(dòng)到右端的曲線運(yùn)動(dòng)動(dòng)畫。建立紙飛機(jī)從左端移動(dòng)到右端的曲線運(yùn)動(dòng)動(dòng)畫。 (5)保存動(dòng)畫，按保存動(dòng)畫，按 Ctrl+Enter 鍵，預(yù)覽動(dòng)畫效果。鍵，預(yù)覽動(dòng)畫效果。 課后作業(yè) 課堂上講