優(yōu)惠活動 - 12周年慶本月新客福利
優(yōu)惠活動 - 12周年慶本月新客福利
優(yōu)惠活動 - 12周年慶本月新客福利

創(chuàng)建曲線運動的時間線動畫

上面我們講到的動畫是最簡單的只有起點與終點的直線運動的動畫。但如果僅讓小鳥作直線飛行未免太生硬了些,能否讓小鳥運動的路徑是彎曲的呢? 答案是肯定的,下面我們將介紹一個曲線運動的時間線動畫實例。
 
1.設(shè)計目標(biāo)

將做直線運動的時間線動畫,改為做曲線運動。
 
2.實現(xiàn)步驟

(1) 打開ex8-1,htr,將文件另存為ex8_2 htrn。

(2) 打開時間線面板,在時間線面板中,取消 "Loop"復(fù)選框。

(3) 用 鼠標(biāo)拖拽動畫條右端關(guān)鍵幀標(biāo)記,將第15幀拖拽到第45幀處,改變動畫 長度,并選擇第 45幀 (這是因為所有動作如果在15幀內(nèi)完成顯得太倉促了,而45幀作為整個動畫的長度,在本例中比較合適),如圖所示。 

(4) 選中動畫條的第15幀,單擊鼠標(biāo)右鍵(或鼠標(biāo)左鍵單擊時間線面板中的彈出菜單按)從彈出的快捷菜單中選擇"Add Keyframe”,添加一個關(guān)鍵幀。
 
(5) 移動層使運動軌跡呈現(xiàn)曲線狀。

(6) 按Ctrl鍵,單擊動畫條的第30幀,再添加一個關(guān)鍵幀。
 
(7) 移動層使運動軌跡呈現(xiàn)曲線狀,如圖所示。 


(8) 選中"Loop"復(fù)選框,預(yù)覽動畫效果。

(9) 通過預(yù)覽動畫,發(fā)現(xiàn)小鳥的飛行速度太快了,可將“Fos" 中 的每秒幀數(shù)從15改為8,這樣可以降低小鳥的飛行速度。
 
(10) 保存網(wǎng)頁文件。

對于初學(xué)者來說,在建立時間線動畫時有時會遇到這樣的問題: 明明是按照書上的要求一步步做的,但就是無法顯示出層的運動軌跡,這樣就無法使層動起來。這是為什么呢? 歸納起來有這么兩種原因:

(1) 在選擇創(chuàng)建動畫層時,選中的不是層,而是把層中的對象(如圖像等)選中,這樣加到時間線中的對象就不是層,而是層中的對象,這時再移動層自然不會出現(xiàn)層的運動軌跡。正確的方法是一定要選中層,選擇圖像和選擇層的區(qū)別如圖所示。 

(2) 選中的不是動畫條尾部的關(guān)鍵幀,而是動畫條尾部的普通幀。對于普通幀來說,其位置的特性與它前面的關(guān)鍵幀相同,所以這時移動層也不會出現(xiàn)層的運動軌跡。

從這個例子中知道,在深圳網(wǎng)站建設(shè)中要使動畫做曲線運動,首先必須在適當(dāng)?shù)奈恢眉尤腙P(guān)鍵幀,然后在對應(yīng)的關(guān)鍵幀處移動動畫層。當(dāng)曲線運動的軌跡較簡單時,這種方法簡單有效;但要創(chuàng)建復(fù)雜軌跡的動畫時,這種方法就顯得比較麻煩了。
本文地址:http://blackside-inc.com//article/2660.html
相關(guān)文章:
最新文章: