上面我(wǒ)們講到的動畫是最簡單的隻有起點與終點的直線運動的動畫。但如果僅讓小(xiǎo)鳥作直線飛行未免太生(shēng)硬了些，能否讓小(xiǎo)鳥運動的路徑是彎曲的呢? 答案是肯定的，下(xià)面我(wǒ)們将介紹一(yī)個曲線運動的時間線動畫實例。
 
1.設計目标

将做直線運動的時間線動畫，改爲做曲線運動。
 
2.實現步驟

(1) 打開(kāi)ex8-1，htr，将文件另存爲ex8_2 htrn。

(2) 打開(kāi)時間線面闆，在時間線面闆中(zhōng)，取消 "Loop"複選框。

(3) 用 鼠标拖拽動畫條右端關鍵幀标記，将第15幀拖拽到第45幀處，改變動畫 長度，并選擇第 45幀 (這是因爲所有動作如果在15幀内完成顯得太倉促了，而45幀作爲整個動畫的長度，在本例中(zhōng)比較合适)，如圖所示。 

(4) 選中(zhōng)動畫條的第15幀，單擊鼠标右鍵(或鼠标左鍵單擊時間線面闆中(zhōng)的彈出菜單按)從彈出的快捷菜單中(zhōng)選擇"Add Keyframe”，添加一(yī)個關鍵幀。
 
(5) 移動層使運動軌迹呈現曲線狀。

(6) 按Ctrl鍵，單擊動畫條的第30幀，再添加一(yī)個關鍵幀。
 
(7) 移動層使運動軌迹呈現曲線狀，如圖所示。 


(8) 選中(zhōng)"Loop"複選框，預覽動畫效果。

(9) 通過預覽動畫，發現小(xiǎo)鳥的飛行速度太快了，可将“Fos" 中(zhōng) 的每秒幀數從15改爲8，這樣可以降低小(xiǎo)鳥的飛行速度。
 
(10) 保存網頁文件。

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

(1) 在選擇創建動畫層時，選中(zhōng)的不是層，而是把層中(zhōng)的對象(如圖像等)選中(zhōng)，這樣加到時間線中(zhōng)的對象就不是層，而是層中(zhōng)的對象，這時再移動層自然不會出現層的運動軌迹。正确的方法是一(yī)定要選中(zhōng)層，選擇圖像和選擇層的區别如圖所示。 

(2) 選中(zhōng)的不是動畫條尾部的關鍵幀，而是動畫條尾部的普通幀。對于普通幀來說，其位置的特性與它前面的關鍵幀相同，所以這時移動層也不會出現層的運動軌迹。

從這個例子中(zhōng)知(zhī)道，在深圳網站建設中(zhōng)要使動畫做曲線運動，首先必須在适當的位置加入關鍵幀，然後在對應的關鍵幀處移動動畫層。當曲線運動的軌迹較簡單時，這種方法簡單有效；但要創建複雜(zá)軌迹的動畫時，這種方法就顯得比較麻煩了。