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