建立時間軸動畫工作流程

上次更新時間 2025年12月2日

深入了解如何使用圖層、主要影格和「時間軸」面板,在 Photoshop 中建立以時間軸為基礎的動畫。

時間軸動畫面板概觀

A. 播放磁頭 B. 時間軸面板選單 C. 新增媒體至軌道 D. 主要影格 E. 放大 F. 縮放滑桿 G. 縮小顯示 H. 轉換為影格動畫 I. 啟用主要影格動畫 J. 播放選項

建立具有適當尺寸的新文件以製作動畫。對於標準網頁動畫,請確定色彩模式設定為 RGB,且解析度設定為 72 像素/英吋。

選取「視窗 > 時間軸」以開啟「時間軸」面板。如果面板顯示影格動畫模式,請選取左下角的「轉換為影片時間軸」<在此處插入圖示> 圖示。

從下拉式選單中選取「建立視訊時間軸」,然後按一下箭頭左側的按鈕。

新增內容的方法是建立新圖層 (「圖層 > 新增 > 圖層」) 或在「圖層」面板中按兩下背景圖層,將其轉換為一般圖層。

選取「時間軸」面板選單,並選取「設定時間軸影格速率」,以設定時間軸影格速率。

秘訣:

選擇適當的速率,例如 24 fps,這是影片的標準速率。

將目前時間指示器 (播放磁頭) 移動至您要設定第一個主要影格的位置。

按一下圖層名稱旁的三角形,即可展開「圖層」屬性,然後在您要製作動畫的屬性 (例如「位置」、「不透明度」或「樣式」等) 旁,選取「啟用主要影格動畫」圖示。

將目前時間指示器移至不同的時間點,然後變更「圖層」屬性 (移動圖層、調整不透明度等)。Photoshop 會自動建立新的主要影格。

選取「檔案 > 轉存 > 演算視訊」以輸出影片,或選取「檔案 > 轉存 > 儲存為網頁用 (舊版)」以取得動畫 GIF,並藉此儲存動畫。

註解:

選取「播放」按鈕,在「時間軸」面板中預視動畫。