時間軸是 Flash 動畫編輯的「指揮中心」，掌控圖層、幀、播放頭三大核心要素。本教學針對 CS5 介面詳細講解時間軸各區域功能、圖層關係、幀類型圖示、關鍵幀建立順序、補間動畫創建規範，建立專業動畫工作流基石。

時間軸介面解剖

CS5 時間軸面板完整結構

• 圖層列表 (左側)：堆疊順序 = 視覺疊加順序 (最上層顯示最前)。
• 幀網格 (右側)：每層一行，列對應幀號。頂部標尺顯示幀編號。
• 播放頭 (紅色三角+垂直線)：指示當前編輯/預覽幀。拖動即可刮擦預覽。
• 狀態欄 (底部)：當前幀號、文件幀率 (fps)、播放至當前幀耗時。注意：實際播放幀率可能低於設置值 (效能不足時)。

圖層堆疊關係鐵律

• 背景層永遠在最底層。
• 遮罩層、引導層**必須位於**被遮罩/被引導層**之上**。
• 同組邏輯元件建議放入「圖層資料夾」管理 (新建資料夾圖示)。

幀類型圖示速查表

圖示	名稱	快捷鍵	含義
	新建圖層	–	在選中層上方插入新圖層
	新建引導層	–	為下一層創建路徑引導
	新建圖層資料夾	–	組織管理相關圖層
	空白關鍵幀	F7	無內容的關鍵幀，可開始新繪製
	關鍵幀	F6	複製上一幀內容並可編輯修改
	一般幀 (插入幀)	F5	延長上一關鍵幀顯示時間，內容不可編輯
	錯誤補間	–	補間建立失敗 (如非元件用運動補間、形狀補間對象非原始形狀)
	形狀補間	–	原始繪圖物件間的形態變化
	運動補間 (正確)	–	元件/影片剪輯的位置/旋轉/縮放/顏色變化
	當前幀指示	–	紅色矩形框標示正在編輯的幀
	選中幀	–	黑色矩形框，可批量操作 (複製/刪除/屬性修改)

專業關鍵幀工作流

1. 順序建立：先在起始位置按 F6 建關鍵幀 → 移動/修改物件 → 再在目標位置按 F6 建下一關鍵幀 → 內容自動複製 → 繼續修改。切勿跳躍式建立，否則位置會亂序。
2. 即時驗證：建立一組關鍵幀後，立即右鍵→「創建補間動畫」/選擇補間類型 → 擦洗播放頭驗證運動軌跡 → 確認無誤再繼續下一組。避免一次建完所有關鍵幀最後才發現補間錯誤。
3. 運動補間 vs 形狀補間：
    • 元件/影片剪輯/文字框 → **運動補間** (右鍵創建補間動畫)。
    • 原始繪圖物件 (線條/填色) → **形狀補間** (屬性面板選擇)。

常見新手錯誤與對策

錯誤現象	原因	對策
補間顯示虛線/錯誤圖示	對象類型與補間類型不匹配	檢查對象是否為元件 (運動補間) 或原始形狀 (形狀補間)
物件運動路徑錯亂	關鍵幀建立順序錯誤	嚴格遵循「建關鍵幀→移動→建下一關鍵幀」順序
圖層遮蓋關係錯誤	圖層堆疊順序錯誤	拖拽圖層調整順序：背景底、遮罩/引導在被引導層上
播放速度與設置不符	效能不足導致掉幀	優化內容、降低幀率、啟用 GPU 加速 (wmode=direct/gpu)

養成「有序建幀、即時驗證、分層管理」的時間軸操作習慣，是從新手邁向專業動畫師的必經之路。