Flash的引導(dǎo)層動(dòng)畫 制作PPT課件

1、.,1,Flash的引導(dǎo)層動(dòng)畫,授課年段：初二 授課教師：王梅婷,.,2,學(xué)習(xí)目標(biāo),了解引導(dǎo)層動(dòng)畫的基本功能 熟練掌握繪制引導(dǎo)層動(dòng)畫的基本方法,.,3,復(fù)習(xí)導(dǎo)入：,.,4,Flash提供了一種簡(jiǎn)便方法來實(shí)現(xiàn)對(duì)象沿著復(fù)雜路徑移動(dòng)的效果，這就是引導(dǎo)層。帶引導(dǎo)層的動(dòng)畫又叫軌跡動(dòng)畫。 引導(dǎo)層可以實(shí)現(xiàn)如樹葉飄落，小鳥飛翔，蝴蝶飛舞，星體運(yùn)動(dòng)，激光寫字等效果的制作。,Flash的引導(dǎo)層動(dòng)畫,.,5,知識(shí)要點(diǎn),.,6,軌跡動(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)層的編輯過程。,Flash的引導(dǎo)層動(dòng)畫,.,7,1、內(nèi)容：只

2、放置繪制的運(yùn)動(dòng)路徑。（引導(dǎo)線） 2、作用：使對(duì)象沿著繪制的運(yùn)動(dòng)路徑（引導(dǎo)線）運(yùn)動(dòng) 3、圖標(biāo)：在引導(dǎo)層下方的圖層稱為“被引導(dǎo)層”,被引導(dǎo) 層會(huì)比其它圖層往里縮進(jìn)一些。,一、引導(dǎo)層,.,8,引導(dǎo)層的創(chuàng)建方法,創(chuàng)建引導(dǎo)層的常用方法有： 用 按鈕創(chuàng)建 用菜單命令創(chuàng)建 將普通圖層轉(zhuǎn)換為引導(dǎo)層三種方式。,.,9,二、引導(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ì)象將無

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

4、的上方。 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è)試影片。,.,13,多層引導(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è)圖層建立鏈接關(guān)系。如果要使引導(dǎo)層能夠引導(dǎo)多個(gè)圖層，可以將圖層拖移到引導(dǎo)層下方，或通過更改圖層屬性的方法添加需要被引導(dǎo)的圖層。 為一個(gè)引導(dǎo)層成功創(chuàng)建多個(gè)被引導(dǎo)層后，多層引

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

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

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

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

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