創(chuàng)建簡單的直線時間線動畫

2022-04-14 分類：網(wǎng)站建設(shè)

時間線通過在不同的時間改變層的位置、大小、可見性和疊放順序等來創(chuàng)建動畫。時間線不能直接控制頁面中的對象，它控制的是放置這些對象的層，如果要使圖像、文本等對象產(chǎn)生動畫效果，必須將其置于層中。
下面我們創(chuàng)建一個最簡單的時間線動畫，以對時間線有一個最基本的了解。
1.設(shè)計目標(biāo)
建立一個做直線運動的時間線動畫。
2.素材準(zhǔn)備
網(wǎng)頁中需要用到本地站點image文件夾下的兩個圖像文件:ing8_1.jpg，img8-2gif.ILLI!說明
為網(wǎng)頁添加背景圖像的方法如下:按Ctrl+J鍵，在彈出的"PageProperties"對話框中，單擊"BackgroundImage"欄旁的"Browse"按鈕，從彈出的"SelectIrmageSource"對話框中，選擇image目錄下的img8-1jpg文件，單擊"Select'按鈕，回到"PageProperties"對話框后，單擊"OK"按鈕。
3.實現(xiàn)步驟
(1)在頁面中添加一個新層，在層中插入圖像ing8-2，gif，然后將層移動到動畫的起始位置。
(2)在菜單欄中選擇"Window"→"Timelines"命令打開時間線面板(如果時間線面板已打開這一步可省略)。
(3)選擇要創(chuàng)建動畫的層。
(4)單擊時間線面板中的彈出菜單按鈕上，在彈出的菜單中選擇"AddObject(添加對象)"或用鼠標(biāo)拖動圖層到時間線的第一幀處。
(5)當(dāng)?shù)谝淮卧跁r間線中添加對象時，會彈出提示框，告訴你可以改變該層的大小、位置、層順序以及可見性。單擊“OK"按鈕，這時在時間線通道中將出現(xiàn)一個紫色動畫條，動畫條中顯示了層的名稱，如圖所示。

(6)單擊動畫條尾部的關(guān)鍵幀位置(注意播放頭也跟著移動到該處)，將動畫層移動到動畫結(jié)束的位置，這時從動畫起始位置到結(jié)束位置有一條線顯示，這就是層的運動軌跡，如圖所示。

(7)按播放按鈕，可直接在網(wǎng)頁中預(yù)覽時間線動畫。
(8)如果想在瀏覽器中預(yù)覽動畫效果，則應(yīng)進行以下設(shè)置:
①選中"Autoplay"復(fù)選框，否則瀏覽器中的動畫是不會自動播放的；
②逃選中"Loop"復(fù)選框，否則動畫在瀏覽器中只播放一次；
③預(yù)覽網(wǎng)頁，網(wǎng)頁保存到網(wǎng)站建設(shè)本地站點的example文件夾下，文件名為ex8-1.htm。

本文題目：創(chuàng)建簡單的直線時間線動畫
文章轉(zhuǎn)載：http://www.aaarwkj.com/news48/145598.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站、虛擬主機、企業(yè)建站、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

創(chuàng)建簡單的直線時間線動畫