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

將做直線(xiàn)運動(dòng)的時(shí)間線(xiàn)動(dòng)畫(huà)，改為做曲線(xiàn)運動(dòng)。
 
2.實(shí)現步驟

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

(2) 打開(kāi)時(shí)間線(xiàn)面板，在時(shí)間線(xiàn)面板中，取消 "Loop"復選框。

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

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

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


(8) 選中"Loop"復選框，預覽動(dòng)畫(huà)效果。

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

對于初學(xué)者來(lái)說(shuō)，在建立時(shí)間線(xiàn)動(dòng)畫(huà)時(shí)有時(shí)會(huì )遇到這樣的問(wèn)題: 明明是按照書(shū)上的要求一步步做的，但就是無(wú)法顯示出層的運動(dòng)軌跡，這樣就無(wú)法使層動(dòng)起來(lái)。這是為什么呢? 歸納起來(lái)有這么兩種原因:

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

(2) 選中的不是動(dòng)畫(huà)條尾部的關(guān)鍵幀，而是動(dòng)畫(huà)條尾部的普通幀。對于普通幀來(lái)說(shuō)，其位置的特性與它前面的關(guān)鍵幀相同，所以這時(shí)移動(dòng)層也不會(huì )出現層的運動(dòng)軌跡。

從這個(gè)例子中知道，在深圳網(wǎng)站建設中要使動(dòng)畫(huà)做曲線(xiàn)運動(dòng)，首先必須在適當的位置加入關(guān)鍵幀，然后在對應的關(guān)鍵幀處移動(dòng)動(dòng)畫(huà)層。當曲線(xiàn)運動(dòng)的軌跡較簡(jiǎn)單時(shí)，這種方法簡(jiǎn)單有效；但要創(chuàng )建復雜軌跡的動(dòng)畫(huà)時(shí)，這種方法就顯得比較麻煩了。