職稱計算機Dreamwaver教程:時間軸及其建立方法

導語:時間軸實根據時間的流逝移動圖層位置的方式顯示動畫效果的一種動畫編輯介面,在時間軸中包含了製作動畫時所必須的各種功能。

職稱計算機Dreamwaver教程:時間軸及其建立方法

  一、時間軸及建立時間軸動畫

  1、時間軸的各項功能

(1)時間軸彈出選單:表示當前的時間軸名稱。

(2)時間軸指標:在介面上顯示當前位置的幀。

(3)不管時間軸在哪個位置,一直移動到第一幀。

(4)表示時間指標的當前位置。

(5)表示每秒顯示的幀數。預設值時15幀。增加幀數值,則動畫播放的速度將加快。

(6)自動不放:選中該項,則網頁文件中應用動畫後自動執行。

(7)LOOP(迴圈):選中該項,則繼續反覆時間軸上的動畫。

(8)行為通道:在指定幀中選選擇要執行的'行為。

(9)關鍵幀:可以變化的幀。

(10)圖層條:意味著插入了“層”等物件。

(11)圖層通道:它是用於編輯圖層的空間。

  2、在DW8中顯示時間軸

選擇選單欄的視窗/時間軸或按快捷鍵Alt+F9,則顯示時間軸。

  二、建立時間軸動畫

時間線只能移動分層物件,如果想移動文字或影象之類的物件,可以將其放在層中。

  1、開啟檔案,

把游標放到頁面左上方的位置,在插入面板選擇佈局>繪製層,建立六個層。分別輸入文字“小”、“木”、“web”、“歡”、“迎”、“你”,將圖層排列在適當的位置。

2、開啟時間軸。選擇層1後,拖動到時間軸的第一行上。

3、用同樣的方法,把包含有其它文字的層也根據文字的順序拖動到時間軸的第2-6行上。

4、為了減慢文字移動的速度,把時間軸中的15幀全部擴充套件為25幀。

5、在時間軸中選擇Layer1的第一幀,在屬性面板的頂端座標值(T)中輸入(-50),這樣,可以把文字放置到上側。

6、用同樣的方法選擇其餘層的第一幀後,把頂端座標值(T)統一設定為(-50)。

7、為了每個一段時間下落一個文字,從第二個動畫條開始向後移動5幀。勾選“自動播放選項”。

8、按F12瀏覽效果。