資源描述:
《Flash的引導(dǎo)層動(dòng)畫_制作課件》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、Flash的引導(dǎo)層動(dòng)畫瀏陽六中袁飛向Flash提供了一種簡便方法來實(shí)現(xiàn)對象沿著復(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)畫軌跡動(dòng)畫由引導(dǎo)層和被引導(dǎo)層組成,引導(dǎo)層用于放置對象運(yùn)動(dòng)的路徑,被引導(dǎo)層用于放置運(yùn)動(dòng)的對象。制作引導(dǎo)動(dòng)畫的過程實(shí)際就是對引導(dǎo)層和被引導(dǎo)層的編輯過程。知識要點(diǎn)掌握創(chuàng)建引導(dǎo)層的方法掌握引導(dǎo)線的繪制方法掌握將對象吸附到引導(dǎo)線起點(diǎn)和終點(diǎn)的方法能通過模仿完成引導(dǎo)線動(dòng)畫實(shí)例的制作1、內(nèi)容:只放置繪制的運(yùn)動(dòng)路徑。(
2、引導(dǎo)線)2、作用:使對象沿著繪制的運(yùn)動(dòng)路徑(引導(dǎo)線)運(yùn)動(dòng)3、圖標(biāo):在引導(dǎo)層下方的圖層稱為“被引導(dǎo)層”,被引導(dǎo)層會比其它圖層往里縮進(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)確判定對象的運(yùn)動(dòng)路徑4、被引導(dǎo)對象必須準(zhǔn)確吸附到引導(dǎo)線上,也就是元件編輯區(qū)中心必須位于引導(dǎo)線上,否則被引導(dǎo)對象將無法沿引導(dǎo)
3、路徑運(yùn)動(dòng)5、引導(dǎo)線在最終生成動(dòng)畫時(shí)是不可見的形狀各異的引導(dǎo)線引導(dǎo)層動(dòng)畫制作方法-1)在普通層中創(chuàng)建一個(gè)對象。2)單擊按鈕,在普通層上層新建一個(gè)引導(dǎo)層,普通層自動(dòng)變?yōu)楸灰龑?dǎo)層。3)在引導(dǎo)層中繪制一條路徑,然后將引導(dǎo)層中的路徑沿用到某一幀。4)在被引導(dǎo)層中將對象的中心控制點(diǎn)移動(dòng)到路徑的起點(diǎn)。5)在被引導(dǎo)層的某一幀插入關(guān)鍵幀,并將對象移動(dòng)到引導(dǎo)層中路徑的終點(diǎn)。6)在被引導(dǎo)層的兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫,引導(dǎo)動(dòng)畫制作完成。引導(dǎo)層動(dòng)畫的制作要點(diǎn)1、一般將要移動(dòng)的對象單獨(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、啟用“緊貼至對象”工具???????????????,指向元件的中心點(diǎn),拖動(dòng)對象吸附到引導(dǎo)線的起點(diǎn)和終點(diǎn)。4、要使對象沿著路徑旋轉(zhuǎn),需在被引導(dǎo)層的起始幀屬性中,設(shè)置“調(diào)整到路徑”。5、按Enter鍵播放動(dòng)畫,或按Ctrl+Enter鍵測試影片。案例——制作“蝶戀花”引導(dǎo)層動(dòng)畫實(shí)例蝴蝶圍繞著花兒飛動(dòng),營造蝶戀花效果。提供素材:圖片信息(蝴蝶、花兒矢量圖)力求做出動(dòng)感,比例合適。實(shí)例構(gòu)成及設(shè)計(jì)思路背景層:制作線形天藍(lán)色到白色漸變背景,將花兒矢量圖作為背景層一部分。蝴蝶層:
5、蝴蝶矢量圖所在圖層,用于固定蝴蝶起始和終了位置。引導(dǎo)層:在此圖層繪制引導(dǎo)線,制作引導(dǎo)動(dòng)畫。根據(jù)構(gòu)思,制作背景。確定所需素材,并將素材導(dǎo)入到庫中。添加引導(dǎo)層并制作引導(dǎo)層動(dòng)畫。制作時(shí)應(yīng)注意的問題色彩搭配和諧;素材正確導(dǎo)入到庫中;正確應(yīng)用引導(dǎo)層;蝴蝶組件能正確沿引導(dǎo)線運(yùn)動(dòng);制作影片背景層為了使制作出的FlashMX動(dòng)畫生動(dòng)活潑,我們通常要對影片設(shè)計(jì)一個(gè)好的背景,利用漸變色作為背景是最常見的方法之一。背景效果入圖:操作步驟(1)啟動(dòng)FlashMX,新建一個(gè)文件,將影片大小設(shè)置為寬:300px,高:400px,背景色設(shè)置為白色,幀頻為12fps
6、。(2)雙擊層的名稱,將層的名稱改為“背景”。(3)從工具箱中選擇矩形工具,打開“混色器”面板將填充顏色設(shè)置為線性天藍(lán)色到白色漸變,如圖所示。然后在場景中繪制一個(gè)與影片尺寸等大的矩形。(4)單擊工具箱上的“填充變形”工具按鈕,調(diào)整矩形中的漸變色為上藍(lán)下白。(5)選擇“文件”→“導(dǎo)入”菜單命令導(dǎo)入素材中的花兒圖片。(6)移動(dòng)“花兒”圖象,調(diào)整位置,使之位于影片中心。(7)單擊“背景”層的第35幀,按F5鍵插入一個(gè)幀,將幀擴(kuò)展到第35幀處。(8)鎖定背景層。制作影片蝴蝶組件蝴蝶是本動(dòng)畫實(shí)例的主角,下面我們就來制作位于被引導(dǎo)層的蝴蝶組件。蝴
7、蝶組件如圖:操作步驟(1)在選中背景層,插入一個(gè)新的圖層,并將圖層的名稱改為“蝴蝶”。(2)選擇“蝴蝶”圖案,選擇“插入”→“轉(zhuǎn)換為元件”命令,將蝴蝶矢量圖轉(zhuǎn)化為圖形元件。制作運(yùn)動(dòng)引導(dǎo)層引導(dǎo)層的目的是引導(dǎo)蝴蝶元件沿著引導(dǎo)層上的曲線路徑運(yùn)動(dòng),引導(dǎo)層上的曲線決定著蝴蝶的運(yùn)動(dòng)路線。繪制出引導(dǎo)線如圖所示:操作步驟(1)在選中蝴蝶層,右鍵單擊圖層名,選擇彈出的菜單中的“添加引導(dǎo)層”命令,在蝴蝶層上方添加一引導(dǎo)層,將引導(dǎo)層名稱改為“引導(dǎo)層”。(2)單擊常用工具欄的“鉛筆”工具,并將常用工具欄下方的選項(xiàng)按鈕設(shè)置為“平滑”。(3)利用鉛筆工具圍繞著花
8、兒的上方繪制如圖曲線。(4)單擊引導(dǎo)層的第35幀,按F5鍵插入一個(gè)幀,將幀擴(kuò)展到第35幀處。(5)鎖定引導(dǎo)層制作曲線運(yùn)動(dòng)效果制作好蝴蝶層與引導(dǎo)層,下一步是讓蝴蝶沿著引導(dǎo)層做曲線運(yùn)動(dòng),做出蝴蝶圍繞著花兒飛翔的效果。操作步驟