下面我們創(chuàng)建一個最簡單的時間線動畫，以對時間線有一個最基本的了解。
1.設計目標
建立一個做直線運動的時間線動畫。
2.素材準備
網(wǎng)頁中需要用到本地站點image文件夾下的兩個圖像文件:ing8_1.jpg，img8-2gif.ILLI!說明
為網(wǎng)頁添加背景圖像的方法如下:按Ctrl+J鍵，在彈出的"Page Properties"對話框中，單擊"Background Image"欄旁的"Browse" 按鈕，從彈出的"Select Irmage Source"對話框中，選擇image 目錄下的img8-1jpg文件，單擊"Select'按鈕，回到"Page Properties"對話框后，單擊"OK"按鈕。
3.實現(xiàn)步驟
(1) 在頁面中添加一個新層，在層中插入圖像 ing8-2，gif，然后將層移動到動畫的起始位置。
(2) 在菜單欄中選擇" Window" → "Timelines"命令打開時間線面板(如果時間線面板已打開這一步可省略)。
(3) 選擇要創(chuàng)建動畫的層。
(4) 單擊時間線面板中的彈出菜單按鈕上，在彈出的菜單中選擇"Add Object (添加對象)"或用鼠標拖動圖層到時間線的第一幀處。
(5) 當?shù)谝淮卧跁r間線中添加對象時，會彈出提示框，告訴你可以改變該層 的大小、位置、層順序以及可見性。單擊“OK"按鈕，這時在時間 線通道中將出現(xiàn)一個紫色動畫條，動畫條中 顯示了層的名稱，如圖所示。
(6) 單擊動畫條尾部的關鍵幀位置(注意播放頭也跟著移動到該處)，將動畫層移動到動畫結束的位置，這時從動畫起始位置到結束位置有一條線顯示，這就是層的運動軌跡，如圖所示。
(7) 按播放按鈕，可直接在網(wǎng)頁中預覽時間線動畫。
(8) 如果想在瀏覽器中預覽動畫效果，則應進行以下設置:
① 選中"Autoplay"復選框，否則瀏覽器中 的動畫是不會自動播放的；
② 逃選中"Loop"復選框，否則動畫在瀏覽器中只播放一次；
③ 預覽網(wǎng)頁，網(wǎng)頁保存到網(wǎng)站建設本地站點的example文件夾下，文件名為ex8-1.htm。
本文地址：http://murenxiang.com.cn//article/2658.html
