想讓文字像果凍一樣扭動起來嗎？這篇教學專為 GIF 動畫新手設計，利用 Photoshop 內建的「文字變形」與「時間軸面板」過渡功能，幾分鐘就能完成一個可愛的扭動文字動畫，無需複雜的逐幀繪製。

成品預覽

文字在「旗幟」變形模式下，從 +100% 彎曲扭動到 -100%，透過過渡幀自動產生平滑動畫：

建立文字與初始變形

1. 新增文件：Ctrl+N，尺寸依需求（建議 600×300 px），背景透明或深色。
2. 選取 橫向文字工具 (T)，輸入想要的文字，設定字體、大小、顏色。
3. 在文字圖層上右鍵選擇 「文字變形」（或選項列點擊 T 旁彎曲圖示）。
4. 樣式選 「旗幟」，彎曲度拉至 +100%，確定。

圖 1｜輸入文字

圖 2｜文字變形選單

圖 3｜旗幟 +100% 設定

圖 4｜初始變形狀態

開啟時間軸建立動畫

1. 視窗 → 時間軸，點擊「建立影格動畫」。
2. 第一幀：文字保持 +100% 彎曲狀態，顯示時間設為 0.1 秒。
3. 點擊時間軸面板右下角 「複製選取影格」 圖示，產生第二幀。
4. 在第二幀：再次右鍵文字圖層選「文字變形」，將彎曲度改為 -100%，確定。

圖 5｜開啟時間軸面板

圖 6｜複製第一幀

圖 7｜第二幀變形 -100%

圖 8｜變形設定 -100%

圖 9｜第二幀完成狀態

關鍵步驟：自動產生過渡幀

1. 點擊時間軸面板的 「過渡」圖示（兩個三角形中間有箭頭）。
2. 彈出對話框：新增幀數設為 15（可依速度調整，幀數越多越平滑），勾選「所有圖層」、「位置」、「不透明度」、「效果」，確定。
3. Photoshop 會自動在兩個關鍵幀之間插入 15 個過渡幀，文字會平滑從 +100% 扭動到 -100%。

圖 10｜過渡設定 15 幀

圖 11｜產生過渡幀後

製作來回循環動畫

1. 點擊選取 第一幀，按住 Shift 點擊 最後一幀（第 17 幀），全選所有幀。
2. 點擊時間軸面板選單 「複製幀」。
3. 再次點擊選單 「貼上幀」，選擇「貼上於選取範圍之後」。
4. 全選新貼上的幀，點擊選單 「反轉幀」，順序顛倒，形成回彈動畫。

圖 12｜選取第 1 幀

圖 13｜Shift 選取第 17 幀

圖 14｜複製多幀

圖 15｜貼上多幀

圖 16｜反轉幀順序

圖 17｜反轉後完整幀序列

圖 18｜最終幀時間軸

匯出 GIF 成品

1. 檔案 → 匯出 → 存儲為 Web 所用格式（或新版「另存為 GIF」）。
2. 格式：GIF，顏色：256，抖動：散佈 88%，循環：永遠。
3. 影像大小依需求調整，儲存。

圖 19｜存儲為 Web 格式設定

圖 20｜最終動畫效果

進階玩法與技巧

• 變形樣式實驗：嘗試「波浪」、「魚眼」、「上拱」等其他變形樣式，搭配正負值切換。
• 多文字圖層：每個字獨立圖層，錯開關鍵幀時間，製作波浪式逐字扭動。
• 顏色動畫：在關鍵幀加入色相/飽和度調整圖層，文字扭動同時變色。
• 背景互動：加入簡單背景圖層，利用蒙版讓文字扭動時露出/遮蓋背景細節。
• After Effects 連動：將 PSD 匯入 AE，用「釘選圖層」+「網格扭曲」製作更豐富的漲落變形。

新手常見問題 QA

Q：為什麼我的過渡幀沒有產生動畫效果？

A：確認兩個關鍵幀的文字圖層「變形」屬性確實不同（+100 vs -100），且過渡對話框有勾選「效果」。

Q：動畫播放太快/太慢？

A：調整每幀顯示時間（預設 0.1 秒），或增加/減少過渡幀數。

Q：GIF 匯出後顏色斑駁？

A：提高顏色數至 256，啟用抖動；或簡化畫面顏色層次。

Q：可以做成影片檔 (MP4) 嗎？

A：可以，時間軸面板選單選「轉換為影片時間軸」，再用「轉譯影片」輸出 MP4。

這個技巧不只適用於文字，任何可變形的形狀圖層（形狀圖層、智慧物件）都能用同樣方法製作扭動動畫。發揮創意，讓你的設計動起來吧！