動態(tài)時間軸課件

1、第14章動態(tài)時間軸效果第十四章：動態(tài)時間軸效果將時間軸視為Dreamweaver動態(tài)效果的設計中心一點也不為過，各位可以將動畫中的影格觀念加入到頁面中，同時藉由圖層可自由移動的特性來創(chuàng)造出頁面中的動畫效果。本章的重點在於時間軸的基本觀念與使用技巧，這裡將從基本的動畫設計開始一直到時間軸的管理操作，最後會再介紹動畫原理與各種影格類型。 第十四章：動態(tài)時間軸效果14-1時間軸面板簡介14-2時間軸動畫設計14-2-1建立動畫效果14-2-2建立轉(zhuǎn)彎動畫14-2-3調(diào)整動畫內(nèi)容14-2-4錄製動畫內(nèi)容14-3時間軸的管理14-3-1增加時間軸14-3-2刪除時間軸14-3-3時間軸重新命名14-4動

2、畫原理剖析14-4-1動畫播放速度14-4-2動畫影格類型14-1時間軸面板簡介若各位有學過動畫製作的相關軟體時會發(fā)現(xiàn)到Dreamweaver的時間軸畫面非常的熟悉，因為它就是利用影格觀念來設計動畫的。如果沒學過也沒關係，這裡一樣會帶領各位了解時間軸面板的各項功能，請執(zhí)行視窗/時間軸以開啟時間軸面板。 14-2-1建立動畫效果我們就以簡單的圖層移動效果來學習時間軸上的動畫控制。 將圖層放入到時間軸 建立移動動畫 14-2-2建立轉(zhuǎn)彎動畫二個關鍵影格可以做出移動動畫，若要讓動畫產(chǎn)生轉(zhuǎn)彎的效果時，那就至少要需三個關鍵影格了。 增加關鍵影格 調(diào)整動畫效果 14-2-4錄製動畫內(nèi)容那如果要設計出像蝴蝶

3、飛舞般的動畫效果時，利用手動新增關鍵影格的方式絶對會讓各位大喊叫不消，此時可以搬出時間軸的另一項法寶記錄圖層移動路徑，它能讓各位像在畫面上繪圖般的設計動畫移動路徑並產(chǎn)生動畫效果，所以路徑再複雜也不怕。 14-3時間軸的管理時間軸使用起來雖然方便，但也不能毫無章法的使用，所以我們還必須了解如何對時間軸進行管理，才不會讓頁面上的動畫效果亂成一團。 14-3-1增加時間軸前面曾經(jīng)提過一個時間軸最多可以建立32組圖層動畫，如果還不夠使用的話我們可以再新增第二個時間軸來設計動畫效果。 14-3-2刪除時間軸不需使用的時間軸也可以直接刪除。 14-3-3時間軸重新命名像Timeline1這種時間軸名稱看起來一點也不直覺，同時也可能造成使用時的困擾，沒關係，改個名字就好了。 14-4動畫原理剖析本章最後來為各位詳述動畫的產(chǎn)生原理及相關名詞解釋，同時這些觀念不只適用於Dreamwever，就連其他的動畫軟體都一體適用。 14-4-2動畫影格類型但我們不可能為了動畫效果而一一去繪製每個動畫畫面，而此時就是關鍵影格上場的時候了。記得在調(diào)整動畫時我們都是先點取時間軸上的圓點，然後再去變更圖層位置。位於圓點上的影格就稱為關鍵影格，可以讓我們自由調(diào)整圖層在頁面上的位置。其他的影格則稱為一般影格，其內(nèi)容會根據(jù)前後二個關鍵影格上的圖層位置而自動產(chǎn)