適用版本與優勢

Photoshop CS6 / CC 時間軸面板較舊版「動畫面板」更直觀，支援視頻圖層、關鍵幀插值，製作循環滾動極其高效。

素材準備

• 準備 5 張尺寸完全一致的圖片（如 800×600 px），命名 01~05.jpg。
• 將 5 張圖依序拖入同一 PS 文件，自動建立 5 個圖層。

時間軸操作步驟

1. 開啟 視窗 ▸ 時間軸，點選「建立視頻時間軸」。
2. 圖層面板依序排列：第 1 層在最上，第 5 層在最下（或相反，視滾動方向）。
3. 選取所有圖層，在時間軸上將持續時間設為相同（如 2 秒）。
4. 第 1 層：位置關鍵幀從畫面頂部（Y=-h）移動到底部（Y=+h）。
5. 第 2 層：延遲 0.4 秒啟動，同樣頂→底移動。……以此類推，每層錯開 0.4 秒。
6. 最後一層移動結束時，畫面應回到初始狀態，形成無縫循環。
7. 時間軸選單 → 設定時間軸幀速率（如 30 fps）。
8. 檔案 ▸ 匯出 ▸ 存儲為 Web 所用格式 → GIF，循環選「永遠」。

成果展示

進階技巧

• 轉換為智慧物件後再做位置動畫，縮放不失真。
• 加入漸隱/漸現關鍵幀（不透明度 0%→100%→0%），消除銜接縫。
• 搭配視頻圖層可直接匯入 MP4 片段製作滾動字幕。