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

1、flash的的引導(dǎo)層引導(dǎo)層動(dòng)畫動(dòng)畫授課班級(jí)：高一（1）班授課教師：曹浩賢學(xué)習(xí)目標(biāo)n了解引導(dǎo)層動(dòng)畫的基本功能了解引導(dǎo)層動(dòng)畫的基本功能n熟練掌握繪制引導(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è)置對象的可以設(shè)置對象的大小大小、位置位置、旋轉(zhuǎn)旋轉(zhuǎn)、傾斜傾斜、顏色顏色、透明度透明度等等。但前提是此等等。但前提是此對象為一個(gè)獨(dú)立的元件對象為一個(gè)獨(dú)立的元件(symbol)(symbol)或一個(gè)或一個(gè)(group)(group)。 補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫形狀補(bǔ)間動(dòng)畫形狀補(bǔ)間動(dòng)畫(shape)(

2、shape) 可以設(shè)置對象的形可以設(shè)置對象的形狀變化。前提是此對象狀變化。前提是此對象為為分離分離狀態(tài)。狀態(tài)。(break (break apart)apart) flash提供了一種簡便方法來實(shí)現(xiàn)對象沿著復(fù)雜路提供了一種簡便方法來實(shí)現(xiàn)對象沿著復(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)，激光寫字激光寫字等效果的制等效果的制作。作。 軌跡動(dòng)畫由引導(dǎo)層和被引導(dǎo)層組成，軌跡動(dòng)畫由引導(dǎo)層和被引導(dǎo)層組成，引導(dǎo)層用于放置對象運(yùn)

3、動(dòng)的路徑，被引引導(dǎo)層用于放置對象運(yùn)動(dòng)的路徑，被引導(dǎo)層用于放置運(yùn)動(dòng)的對象。制作引導(dǎo)動(dòng)導(dǎo)層用于放置運(yùn)動(dòng)的對象。制作引導(dǎo)動(dòng)畫的過程實(shí)際就是對引導(dǎo)層和被引導(dǎo)層畫的過程實(shí)際就是對引導(dǎo)層和被引導(dǎo)層的編輯過程。的編輯過程。1、內(nèi)容：、內(nèi)容：只放置繪制的運(yùn)動(dòng)路徑。（引導(dǎo)線）只放置繪制的運(yùn)動(dòng)路徑。（引導(dǎo)線）2、作用：、作用：使對象沿著繪制的運(yùn)動(dòng)路徑（引導(dǎo)線）運(yùn)動(dòng)使對象沿著繪制的運(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)建引導(dǎo)

4、層的常用方法有：創(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òng)畫制作方法引導(dǎo)層動(dòng)畫制作方法n1）在普通層中創(chuàng)建一個(gè)對象。）在普通層中創(chuàng)建一個(gè)對象。n2)在普通層的某一幀插入關(guān)鍵幀在普通層的某一幀插入關(guān)鍵幀,在被引導(dǎo)層的兩個(gè)關(guān)鍵幀在被引導(dǎo)層的兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。n3）單擊）單擊 按鈕，在普通層上層新建一個(gè)引導(dǎo)層，普通按鈕，在普通層上層新建一個(gè)引導(dǎo)層，普通層自動(dòng)變?yōu)楸灰龑?dǎo)層。層自動(dòng)變?yōu)楸灰龑?dǎo)層。n4）在引導(dǎo)層中繪制一條路徑。）在引導(dǎo)層中繪制一條路徑。n5）在被

5、引導(dǎo)層中選擇起始幀將對象的中心控制點(diǎn)移動(dòng)到）在被引導(dǎo)層中選擇起始幀將對象的中心控制點(diǎn)移動(dòng)到引導(dǎo)線的起點(diǎn)。引導(dǎo)線的起點(diǎn)。n6）在被引導(dǎo)層中的末尾幀將對象中心控制點(diǎn)移動(dòng)到引導(dǎo)）在被引導(dǎo)層中的末尾幀將對象中心控制點(diǎn)移動(dòng)到引導(dǎo)線的終點(diǎn)。線的終點(diǎn)。n7）引導(dǎo)動(dòng)畫制作完成，測試影片。）引導(dǎo)動(dòng)畫制作完成，測試影片。二、引導(dǎo)線二、引導(dǎo)線n1、引導(dǎo)線不能是封閉的曲線，要有起點(diǎn)和終點(diǎn)、引導(dǎo)線不能是封閉的曲線，要有起點(diǎn)和終點(diǎn)n2、起點(diǎn)和終點(diǎn)之間的線條必須是連續(xù)的，不能間斷，可以是、起點(diǎn)和終點(diǎn)之間的線條必須是連續(xù)的，不能間斷，可以是任何形狀任何形狀n3、引導(dǎo)線轉(zhuǎn)折處的線條彎轉(zhuǎn)不宜過急、過多，否則、引導(dǎo)線轉(zhuǎn)折處的線條彎

6、轉(zhuǎn)不宜過急、過多，否則flash無無法準(zhǔn)確判定對象的運(yùn)動(dòng)路徑法準(zhǔn)確判定對象的運(yùn)動(dòng)路徑n4、被引導(dǎo)對象必須準(zhǔn)確吸附到引導(dǎo)線上，也就是元件編輯區(qū)、被引導(dǎo)對象必須準(zhǔn)確吸附到引導(dǎo)線上，也就是元件編輯區(qū)中心必須位于引導(dǎo)線上，否則被引導(dǎo)對象將無法沿引導(dǎo)路徑運(yùn)中心必須位于引導(dǎo)線上，否則被引導(dǎo)對象將無法沿引導(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)畫的制作要點(diǎn)引導(dǎo)層動(dòng)畫的制作要點(diǎn)n1、一般將要移動(dòng)的對象單獨(dú)放在一個(gè)層，作為被引導(dǎo)層，、一般將要移動(dòng)的對象單獨(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)層中設(shè)置動(dòng)作補(bǔ)間、引導(dǎo)層中只繪制運(yùn)動(dòng)路徑，在被引導(dǎo)層中設(shè)置動(dòng)作補(bǔ)間動(dòng)畫。動(dòng)畫。n3、啟用、啟用“緊貼至對象緊貼至對象”工具工具 ，指向元件的中，指向元件的中心心n點(diǎn)點(diǎn),拖動(dòng)對象吸附到引導(dǎo)線的起點(diǎn)和終點(diǎn)。拖動(dòng)對象吸附到引導(dǎo)線的起點(diǎn)和終點(diǎn)。n4、要使對象沿著路徑旋轉(zhuǎn)，需在被引導(dǎo)層的起始幀屬性中，、要使對象沿著路徑旋轉(zhuǎn)，需在被引導(dǎo)層的起始幀屬性中，設(shè)置設(shè)置“調(diào)整到路徑調(diào)整到路徑”。n5、按、按enter鍵播放動(dòng)畫，或按鍵播放動(dòng)畫，或按ctrl+enter鍵測試影片。鍵測試影片?！緞?dòng)畫之星】【動(dòng)畫之星】 制作

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