利用圖層技術(shù)制作網(wǎng)-資料下載頁
2025-01-15 01:33本頁面
【正文】 添加時間軸”菜單命令。若要刪除選定的時間軸，可選擇“修改”→“時間軸”→“移除時間軸”菜單命令。這將永久刪除選定時間軸中的所有動畫。若要重命名選定時間軸，可單擊“修改”→“時間軸”→“重命名時間軸”菜單命令，或者在“時間軸”面板上的“時間軸”彈出式菜單中輸入新的名稱。若要在“時間軸”面板中查看另一個時間軸，可從“時間軸”面板上的“時間軸”彈出式菜單中選擇一個新的時間軸，如圖932所示。圖932 使用多個時間軸 時間軸的應用如果有喜愛的動畫序列，可以將其拷貝并粘貼到當前時間軸的另一區(qū)域、同一文檔中的另一時間軸或者另一文檔中的時間軸。還可以同時拷貝并粘貼多個序列。若要剪切(或拷貝)并粘貼動畫序列，可執(zhí)行以下操作。(1)單擊一個動畫條以選擇一個序列。若要選擇多個序列，可按住Shift鍵并單擊多個動畫條；若要選擇所有序列，可按Ctrl+A鍵。(2)拷貝或剪切選定內(nèi)容。(3)執(zhí)行以下操作之一。將播放欄移至當前時間軸中的另一處。從“時間軸”彈出式菜單中選擇另一個時間軸。打開另一個文檔或創(chuàng)建一個新文檔，然后在“時間軸”面板中單擊。(4)將選定內(nèi)容粘貼到時間軸中。同一對象的動畫條不能重疊，因為一個層不能同時處于兩個位置(一個圖像也不能同時具有兩個不同的源)。如果所粘貼的動畫條與同一對象的另一動畫條重疊，Dreamweaver MX會自動將選定內(nèi)容移至第一個不重疊的幀。為了節(jié)約時間，可以只創(chuàng)建一次動畫序列，然后將其應用于文檔中剩余的每個層。若要將現(xiàn)有動畫序列應用于其他對象，可執(zhí)行以下操作。(1)在“時間軸”面板中選擇動畫序列并將其拷貝。(2)單擊“時間軸”面板上的任一幀，然后在該幀處粘貼動畫序列。(3)右擊粘貼的動畫序列，然后在彈出的快捷菜單中選擇“改變對象”命令。(4)在出現(xiàn)的“更改對象”對話框中，選擇另一對象并單擊“確定”按鈕，如圖933所示。以下建議可以提高動畫的性能并使動畫更易于創(chuàng)建。(1)顯示和隱藏層，而不是更改多圖像動畫的源文件由于新的圖像必須進行下載，所以切換圖像的源文件會降低動畫的速度。如果所有圖像都在動畫運行前在隱藏層中同時下載，將不會出現(xiàn)明顯的停頓，并且不會缺少圖像。(2)擴展動畫條以創(chuàng)建更順暢的動作如果動畫斷斷續(xù)續(xù)并且圖像在不同位置之間跳動，可拖動該層動畫條的結(jié)束幀，使動作延伸到更多的幀。通過延長動畫條，可以在運動的開始點和結(jié)束點之間創(chuàng)建更多的數(shù)據(jù)點，同時也會使對象更為緩慢地移動?？蓢L試增加每秒幀數(shù)(fps)以提高速度，但應注意在普通系統(tǒng)上運行的大多數(shù)瀏覽器都不能支持超過15fps的動畫速度?？稍诓煌南到y(tǒng)上用不同的瀏覽器對動畫進行測試，以找到最佳的設(shè)置。(3)不要制作大型位圖的動畫制作大型圖像的動畫會導致動畫速度減慢?？梢詣?chuàng)建合成圖像，并移動圖像中較小的部分。例如，可以通過僅制作汽車輪胎的動畫來顯示汽車的運動。(4)創(chuàng)建簡單的動畫不要創(chuàng)建對當前瀏覽器要求過高的動畫。即使在系統(tǒng)或Internet性能降低時，瀏覽器始終會播放時間軸動畫中的每一幀。 創(chuàng)建時間軸動畫要創(chuàng)建時間軸動畫，也就是往動畫通道上添加對象，制作動畫條，然后構(gòu)建動畫條上的關(guān)鍵幀，并從文檔窗口中設(shè)置對象在關(guān)鍵幀上的位置，從而實現(xiàn)動畫的創(chuàng)作。注意：時間軸能夠移動的主要對象是層，如果希望移動文本或圖像之類的對象，可以先將其放置在層中，然后再設(shè)置為時間軸動畫。利用時間軸制作圖層動畫的基本方法如下。(1)首先將圖層移動到動畫的起始位置，該操作實際上就是指定起始位置的關(guān)鍵幀。(2)選中要制作動畫的圖層。(3)單擊時間軸面板右上角的三角按鈕，或在面板中單擊鼠標右鍵，打開時間軸面板編輯菜單，然后選擇“添加對象”選項，即可在動畫通道中添加一個對應該圖層的動畫條如圖934所示。也可以直接將圖層拖動到時間軸面板上的相應位置來構(gòu)建動畫條。(4)拖動動畫條上最右端的關(guān)鍵幀標記，可以改變動畫條的長度，即改變動畫條的時間，如圖935所示。(5)單擊動畫條最右邊的關(guān)鍵幀標記，然后在文檔窗口中將圖層移動到動畫結(jié)束的位置，如圖936所示。這實際上是設(shè)定了動畫結(jié)束位置的關(guān)鍵幀。(6)如果希望在動畫條的中間位置添加關(guān)鍵幀，可以按住Ctrl鍵，然后在動畫條上的相應幀位置單擊，這時會出現(xiàn)新的關(guān)鍵幀標記。也可以通過單擊鼠標右鍵，從打開的快捷菜單中選擇“增加關(guān)鍵幀”命令來添加關(guān)鍵幀。選中關(guān)鍵幀標記，然后從文檔窗口拖動圖層，將之移動到該幀對應的位置上，如圖937所示。重復該操作，直至所有的關(guān)鍵幀被創(chuàng)建。(7)在按鈕上按住鼠標左鍵，可以在文檔窗口中預覽動畫效果。(8)根據(jù)需要，選中或清除相應的“自動播放”復選框。對于簡單的曲線路徑，采用上述方法可以很輕松地制作動畫，但是如果動畫路徑比較復雜，則無法通過先設(shè)置關(guān)鍵幀，再拖動圖層到指定位置的方法制作動畫。Dreamweaver MX提供了可記錄路徑的方法，允許直接在文檔窗口中拖動圖層，而Dreamweaver MX在后臺記錄拖動圖層的路徑，然后將其應用到時間軸上，利用這種方法，可以很容易地制作各種移動方式的圖層動畫。錄制圖層路徑的操作方法如下。(1)在文檔窗口中選擇要創(chuàng)建圖層動畫的圖層。(2)將圖層移動到動畫的起始位置。(3)按下列操作之一錄制圖層路徑。單擊“修改”→“時間軸”→“錄制層路徑”菜單命令。在圖層上單擊右鍵，從彈出的菜單中選擇“記錄路徑”命令。選擇上述任意方法后就可以錄制圖層的移動路徑了。(4)在文檔窗口中，按照所需要的路徑拖動圖層，可以看到圖層的路徑以虛線表示，如圖938所示。(5)當希望動畫停止時，釋放鼠標，停止移動圖層。(6)在時間軸面板上按到按鈕，可以在文檔窗口中預覽動畫效果。注意：Dreamweaver MX中的時間軸動畫是由JavaScript語句來生成的，因此在低版本的網(wǎng)絡(luò)瀏覽器中，可能對這些JavaScript語句不支持，大家在編輯時間軸動畫時應考慮到這個問題。習題？？？。
公司管理相關(guān)推薦
鄂ICP備17016276號-1