前言

自 Photoshop CS3 起，Adobe 將 ImageReady 整合進 Photoshop，原生支援 GIF 動畫製作。CS6 版本更引入「時間軸」面板，取代舊版的「動畫」面板。時間軸不僅能編輯影片，更能以關鍵幀插值方式產生比逐幀動畫更流暢的過渡效果，操作邏輯與 After Effects 高度相似。

效果預覽

詳細步驟

Step 1：建立文件與輸入文字

1. 開啟 Photoshop CS6，Ctrl+N 新建文件（建議 800×400px、72dpi、RGB 模式）。
2. 選取文字工具（T），設定字型、大小、顏色，在畫布中央輸入所需文字（如「Hello World」）。

Step 2：開啟時間軸面板

1. 選單列 視窗 > 時間軸。
2. 面板左下角下拉選單選擇「建立影格動畫」或「建立視訊時間軸」。本教學選「建立視訊時間軸」。

Step 3：切換至時間軸模式

1. 若面板顯示為影格模式，點擊面板右上角選單圖示（四條線圖標），選擇「轉換為視訊時間軸」。

Step 4：設定不透明度關鍵幀製作淡入

1. 在時間軸面板中，點擊文字圖層左側三角形展開屬性，找到「不透明度」。
2. 將播放頭移至 00:00f，點擊不透明度左側的秒錶圖示建立第一個關鍵幀（數值 0%）。
3. 將播放頭移至 01:00f（1 秒處），將不透明度改為 100%，自動生成第二個關鍵幀。

Step 5：設定淡出關鍵幀

1. 播放頭移至 02:00f，不透明度保持 100%（靜止 1 秒）。
2. 播放頭移至 03:00f，不透明度改為 0%，生成淡出關鍵幀。

Step 6：預覽與調整

1. 按空白鍵播放預覽，觀察淡入淡出是否流暢。可拖動關鍵幀調整時長與緩動。
2. 時間軸面板右上角選單可切回「影格動畫」模式，此時會自動將關鍵幀插值轉為逐幀影格。

Step 7：匯出 GIF

1. 選單列 檔案 > 匯出 > 存儲為 Web 所用格式（或 Ctrl+Shift+Alt+S）。
2. 格式選 GIF，循環選項選「永遠」，點擊預覽確認動畫效果。



3. 點擊「儲存」，完成輸出。

最終成果

進階提示

• 緩動函數：右鍵點擊關鍵幀選擇「關鍵幀插值」，套用「漸進」使動畫更自然。
• 多屬性動畫：同樣可對位置、縮放、旋轉等屬性設關鍵幀，製作複雜動態字效。
• 圖層蒙版動畫：為文字圖層加蒙版，以關鍵幀控制蒙版羽化或位置，實現推拉字效果。