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