上面我們講到的動(dòng)畫是最簡(jiǎn)單的只有起點(diǎn)與終點(diǎn)的直線運(yùn)動(dòng)的動(dòng)畫。但如果僅讓小鳥(niǎo)作直線飛行未免太生硬了些,能否讓小鳥(niǎo)運(yùn)動(dòng)的路徑是彎曲的呢?答案是肯定的,下面我們將介紹一個(gè)曲線運(yùn)動(dòng)的時(shí)間線動(dòng)畫實(shí)例。
1.設(shè)計(jì)目標(biāo)將做直線運(yùn)動(dòng)的時(shí)間線動(dòng)畫,改為做曲線運(yùn)動(dòng)。
2.實(shí)現(xiàn)步驟(1)打開(kāi)ex8-1,htr,將文件另存為ex8_2htrn。
(2)打開(kāi)時(shí)間線面板,在時(shí)間線面板中,取消"Loop"復(fù)選框。
(3)用鼠標(biāo)拖拽動(dòng)畫條右端關(guān)鍵幀標(biāo)記,將第15幀拖拽到第45幀處,改變動(dòng)畫長(zhǎng)度,并選擇第45幀(這是因?yàn)樗袆?dòng)作如果在15幀內(nèi)完成顯得太倉(cāng)促了,而45幀作為整個(gè)動(dòng)畫的長(zhǎng)度,在本例中比較合適),如圖所示。
(4)選中動(dòng)畫條的第15幀,單擊鼠標(biāo)右鍵(或鼠標(biāo)左鍵單擊時(shí)間線面板中的彈出菜單按)從彈出的快捷菜單中選擇"AddKeyframe”,添加一個(gè)關(guān)鍵幀。
(5)移動(dòng)層使運(yùn)動(dòng)軌跡呈現(xiàn)曲線狀。
(6)按Ctrl鍵,單擊動(dòng)畫條的第30幀,再添加一個(gè)關(guān)鍵幀。
(7)移動(dòng)層使運(yùn)動(dòng)軌跡呈現(xiàn)曲線狀,如圖所示。
(8)選中"Loop"復(fù)選框,預(yù)覽動(dòng)畫效果。
(9)通過(guò)預(yù)覽動(dòng)畫,發(fā)現(xiàn)小鳥(niǎo)的飛行速度太快了,可將“Fos"中的每秒幀數(shù)從15改為8,這樣可以降低小鳥(niǎo)的飛行速度。
(10) 保存網(wǎng)頁(yè)文件。
對(duì)于初學(xué)者來(lái)說(shuō),在建立時(shí)間線動(dòng)畫時(shí)有時(shí)會(huì)遇到這樣的問(wèn)題:明明是按照書上的要求一步步做的,但就是無(wú)法顯示出層的運(yùn)動(dòng)軌跡,這樣就無(wú)法使層動(dòng)起來(lái)。這是為什么呢?歸納起來(lái)有這么兩種原因:
(1)在選擇創(chuàng)建動(dòng)畫層時(shí),選中的不是層,而是把層中的對(duì)象(如圖像等)選中,這樣加到時(shí)間線中的對(duì)象就不是層,而是層中的對(duì)象,這時(shí)再移動(dòng)層自然不會(huì)出現(xiàn)層的運(yùn)動(dòng)軌跡。正確的方法是一定要選中層,選擇圖像和選擇層的區(qū)別如圖所示。
(2)選中的不是動(dòng)畫條尾部的關(guān)鍵幀,而是動(dòng)畫條尾部的普通幀。對(duì)于普通幀來(lái)說(shuō),其位置的特性與它前面的關(guān)鍵幀相同,所以這時(shí)移動(dòng)層也不會(huì)出現(xiàn)層的運(yùn)動(dòng)軌跡。
從這個(gè)例子中知道,在
深圳網(wǎng)站建設(shè)中要使動(dòng)畫做曲線運(yùn)動(dòng),首先必須在適當(dāng)?shù)奈恢眉尤腙P(guān)鍵幀,然后在對(duì)應(yīng)的關(guān)鍵幀處移動(dòng)動(dòng)畫層。當(dāng)曲線運(yùn)動(dòng)的軌跡較簡(jiǎn)單時(shí),這種方法簡(jiǎn)單有效;但要?jiǎng)?chuàng)建復(fù)雜軌跡的動(dòng)畫時(shí),這種方法就顯得比較麻煩了。
文章標(biāo)題:創(chuàng)建曲線運(yùn)動(dòng)的時(shí)間線動(dòng)畫
文章鏈接:http://m.rwnh.cn/news8/147458.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、企業(yè)網(wǎng)站制作、網(wǎng)站營(yíng)銷、虛擬主機(jī)、品牌網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)