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

1、.,1,Flash的引導層動畫,授課年段：初二 授課教師：王梅婷,.,2,學習目標,了解引導層動畫的基本功能 熟練掌握繪制引導層動畫的基本方法,.,3,復習導入：,.,4,Flash提供了一種簡便方法來實現(xiàn)對象沿著復雜路徑移動的效果，這就是引導層。帶引導層的動畫又叫軌跡動畫。 引導層可以實現(xiàn)如樹葉飄落，小鳥飛翔，蝴蝶飛舞，星體運動，激光寫字等效果的制作。,Flash的引導層動畫,.,5,知識要點,.,6,軌跡動畫由引導層和被引導層組成，引導層用于放置對象運動的路徑，被引導層用于放置運動的對象。制作引導動畫的過程實際就是對引導層和被引導層的編輯過程。,Flash的引導層動畫,.,7,1、內容：只

2、放置繪制的運動路徑。（引導線） 2、作用：使對象沿著繪制的運動路徑（引導線）運動 3、圖標：在引導層下方的圖層稱為“被引導層”,被引導 層會比其它圖層往里縮進一些。,一、引導層,.,8,引導層的創(chuàng)建方法,創(chuàng)建引導層的常用方法有： 用 按鈕創(chuàng)建 用菜單命令創(chuàng)建 將普通圖層轉換為引導層三種方式。,.,9,二、引導線,1、引導線不能是封閉的曲線，要有起點和終點 2、起點和終點之間的線條必須是連續(xù)的，不能間斷，可以是任何形狀 3、引導線轉折處的線條彎轉不宜過急、過多，否則Flash無法準確判定對象的運動路徑 4、被引導對象必須準確吸附到引導線上，也就是元件編輯區(qū)中心必須位于引導線上，否則被引導對象將無

3、法沿引導路徑運動 5、引導線在最終生成動畫時是不可見的,.,10,形狀各異的引導線,.,11,引導層動畫制作方法,-1）在普通層中創(chuàng)建一個對象。 2）單擊 按鈕，在普通層上層新建一個引導層，普通層自動變?yōu)楸灰龑印?3）在引導層中繪制一條路徑，然后將引導層中的路徑沿用到某一幀。 4）在被引導層中將對象的中心控制點移動到路徑的起點。 5）在被引導層的某一幀插入關鍵幀，并將對象移動到引導層中路徑的終點。 6）在被引導層的兩個關鍵幀之間創(chuàng)建動作補間動畫，引導動畫制作完成。,.,12,引導層動畫的制作要點,1、一般將要移動的對象單獨放在一個層，作為被引導層，在此層上面添加引導層。引導層一定要在被引導層

4、的上方。 2、引導層中只繪制運動路徑，在被引導層中設置動作補間動畫。 3、啟用“緊貼至對象”工具 ，指向元件的中心 點,拖動對象吸附到引導線的起點和終點。 4、要使對象沿著路徑旋轉，需在被引導層的起始幀屬性中，設置“調整到路徑”。 5、按Enter鍵播放動畫，或按Ctrl+Enter鍵測試影片。,.,13,多層引導動畫,多層引導動畫，就是利用一個引導層同時引導多個被引導層中的對象。 一般情況下，創(chuàng)建引導層后，引導層只與其下的一個圖層建立鏈接關系。如果要使引導層能夠引導多個圖層，可以將圖層拖移到引導層下方，或通過更改圖層屬性的方法添加需要被引導的圖層。 為一個引導層成功創(chuàng)建多個被引導層后，多層引

5、導動畫即創(chuàng)建完成。,.,14,任務制作“蝶戀花”引導層動畫實例,蝴蝶圍繞著花兒飛動，營造蝶戀花效果。 簡單引導層動畫，在2課時內完成 提供素材：圖片信息（蝴蝶、花兒矢量圖） 力求做出動感，比例合適。,.,15,實例構成及設計思路,背景層：制作線形天藍色到白色漸變背景，將花兒矢量圖作為背景層一部分。 蝴蝶層：蝴蝶矢量圖所在圖層，用于固定蝴蝶起始和終了位置。 引導層：在此圖層繪制引導線，制作引導動畫。,根據(jù)構思，制作背景。 確定所需素材，并將素材導入到庫中。 添加引導層并制作引導層動畫。,.,16,制作時應注意的問題,色彩搭配和諧； 素材正確導入到庫中； 正確應用引導層； 蝴蝶組件能正確沿引導線運

6、動；,.,17,制作影片背景層,為了使制作出的 Flash MX 動畫生動活潑，我們通常要對影片設計一個好的背景，利用漸變色作為背景是最常見的方法之一。背景效果入圖：,.,18,操作步驟,(1)啟動 Flash MX，新建一個文件，將影片大小設置為寬：300px，高：400px，背景色設置為白色，幀頻為 12fps。 (2)雙擊層的名稱，將層的名稱改為“背景”。 (3)從工具箱中選擇矩形工具 ，打開“混色器”面板將填充顏色設置為線性天藍色到白色漸變，如圖所示。然后在場景中繪制一個與影片尺寸等大的矩形。,.,19,(4)單擊工具箱上的“填充變形”工具按鈕 ，調整矩形中的漸變色為上藍下白。,(5)

7、選擇“文件”“導入”菜單命令導入素材中的“huaer.swf”文件。 (6)移動“花兒”圖象，調整位置，使之位于影片中心。 (7)單擊“背景”層的第 35 幀，按 F5 鍵插入一個幀，將幀擴展到第 35 幀處。 (8)鎖定背景層。,.,20,制作影片蝴蝶組件,蝴蝶是本動畫實例的主角，下面我們就來制作位于被引導層的蝴蝶組件。蝴蝶組件如圖：,.,21,操作步驟,(1)在選中背景層，插入一個新的圖層，并將圖層的名稱改為“蝴蝶”。 (2)選擇“文件”“導入”菜單命令導入本書第四章素材中的“hudie.swf”矢量圖文件。 (3)選擇“蝴蝶”圖案，選擇“插入”“轉換為元件”命令，將蝴蝶矢量圖轉化為圖形元

8、件。,.,22,制作運動引導層,引導層的目的是引導蝴蝶元件沿著引導層上的曲線路徑運動，引導層上的曲線決定著蝴蝶的運動路線。繪制出引導線如圖所示：,.,23,操作步驟,(1)在選中蝴蝶層，右鍵單擊圖層名，選擇彈出的菜單中的“添加引導層”命令，在蝴蝶層上方添加一引導層，將引導層名稱改為“引導層”。 (2)單擊常用工具欄的“鉛筆”工具，并將常用工具欄下方的選項按鈕設置為“平滑”。 (3)利用鉛筆工具圍繞著花兒的上方繪制如圖曲線。,(4)單擊引導層的第 35 幀，按 F5 鍵插入一個幀，將幀擴展到第 35 幀處。 (5)鎖定引導層,.,24,制作曲線運動效果,制作好蝴蝶層與引導層，下一步是讓蝴蝶沿著引

9、導層做曲線運動，做出蝴蝶圍繞著花兒飛翔的效果。,.,25,操作步驟,(1)選中蝴蝶層，單擊引導層的第 1 幀。拖動蝴蝶元件，將蝴蝶元件的中心點與運動引導層的曲線起點對齊，如圖 3.59 所示。 (2)在時間線面板上單擊蝴蝶層的 35 幀，按 F6 鍵插入關鍵幀。 (3)拖動蝴蝶元件，將蝴蝶元件的中心點與運動引導層的曲線終點對齊，如圖 3.60 所示。 (4)這一步操作的目的是確定蝴蝶沿曲線運動的起點和終點。效果如圖顯示：,第1幀蝴蝶位置,第35幀蝴蝶位置,(5)在蝴蝶層的幀編輯區(qū)上，單擊鼠標右鍵，在彈出的菜單選擇“創(chuàng)建補間動畫”命令，幀編輯區(qū)上出現(xiàn)淺藍色背景箭頭，建立蝴蝶從左端移動到右端的曲線運動動畫。 (6)保存動畫，按 Ctrl+Enter 鍵，預覽動畫效果。