- 相關(guān)推薦
職稱計(jì)算機(jī)Dreamwaver教程：時(shí)間軸及其創(chuàng)建方法
導(dǎo)語(yǔ)：時(shí)間軸實(shí)根據(jù)時(shí)間的流逝移動(dòng)圖層位置的方式顯示動(dòng)畫(huà)效果的一種動(dòng)畫(huà)編輯界面，在時(shí)間軸中包含了制作動(dòng)畫(huà)時(shí)所必須的各種功能。
一、時(shí)間軸及創(chuàng)建時(shí)間軸動(dòng)畫(huà)
1、時(shí)間軸的各項(xiàng)功能
(1)時(shí)間軸彈出菜單：表示當(dāng)前的時(shí)間軸名稱。
(2)時(shí)間軸指針：在界面上顯示當(dāng)前位置的幀。
(3)不管時(shí)間軸在哪個(gè)位置，一直移動(dòng)到第一幀。
(4)表示時(shí)間指針的當(dāng)前位置。
(5)表示每秒顯示的幀數(shù)。默認(rèn)值時(shí)15幀。增加幀數(shù)值，則動(dòng)畫(huà)播放的速度將加快。
(6)自動(dòng)不放：選中該項(xiàng)，則網(wǎng)頁(yè)文檔中應(yīng)用動(dòng)畫(huà)后自動(dòng)運(yùn)行。
(7)LOOP(循環(huán))：選中該項(xiàng)，則繼續(xù)反復(fù)時(shí)間軸上的動(dòng)畫(huà)。
(8)行為通道：在指定幀中選選擇要運(yùn)行的行為。
(9)關(guān)鍵幀：可以變化的幀。
(10)圖層條：意味著插入了“層”等對(duì)象。
(11)圖層通道：它是用于編輯圖層的空間。
2、在DW8中顯示時(shí)間軸
選擇菜單欄的窗口/時(shí)間軸或按快捷鍵Alt+F9，則顯示時(shí)間軸。
二、創(chuàng)建時(shí)間軸動(dòng)畫(huà)
時(shí)間線只能移動(dòng)分層對(duì)象，如果想移動(dòng)文本或圖像之類(lèi)的對(duì)象，可以將其放在層中。
1、打開(kāi)09.html文件，
把光標(biāo)放到頁(yè)面左上方的位置，在插入面板選擇布局>繪制層，創(chuàng)建六個(gè)層。分別輸入文字“小”、“木”、“web”、“歡”、“迎”、“你”，將圖層排列在適當(dāng)?shù)奈恢谩?/p>
2、打開(kāi)時(shí)間軸。選擇層1后，拖動(dòng)到時(shí)間軸的第一行上。
3、用同樣的方法，把包含有其它文字的層也根據(jù)文字的順序拖動(dòng)到時(shí)間軸的第2-6行上。
4、為了減慢文字移動(dòng)的速度，把時(shí)間軸中的15幀全部擴(kuò)展為25幀。
5、在時(shí)間軸中選擇Layer1的第一幀，在屬性面板的頂端坐標(biāo)值(T)中輸入(-50)，這樣，可以把文字放置到上側(cè)。
6、用同樣的方法選擇其余層的第一幀后，把頂端坐標(biāo)值(T)統(tǒng)一設(shè)定為(-50)。
7、為了每個(gè)一段時(shí)間下落一個(gè)文字，從第二個(gè)動(dòng)畫(huà)條開(kāi)始向后移動(dòng)5幀。勾選“自動(dòng)播放選項(xiàng)”。
8、按F12瀏覽效果。
【職稱計(jì)算機(jī)Dreamwaver教程：時(shí)間軸及其創(chuàng)建方法】相關(guān)文章：
職稱計(jì)算機(jī)Dreamwaver使用教程：插入圖像10-05
職稱計(jì)算機(jī)Dreamwaver教程：認(rèn)識(shí)表單對(duì)象09-07
職稱計(jì)算機(jī)Dreamwaver教程：文本的插入與編輯11-05
職稱計(jì)算機(jī)Dreamwaver使用教程：文本的插入與編輯08-20
職稱計(jì)算機(jī)Dreamwaver教程：頁(yè)面的總體設(shè)置10-05
2017職稱計(jì)算機(jī)考試Dreamwaver教程：使用庫(kù)09-26
職稱計(jì)算機(jī)Dreamwaver教程：利用行為制作動(dòng)態(tài)頁(yè)面06-03