想讓文字在圓環上旋轉起舞？本教學將拆解「路徑文字排版 → 透視變換立體感 → Photoshop 幀動畫/IR 導出」全流程，從靜態設計到動態輸出，手把手教你打造極具視覺衝擊力的旋轉文字 GIF。

成品預覽

最終動態效果：雙圓環文字逆向旋轉，配合筆刷裝飾點綴

核心製作三部曲

1. 路徑文字：橢圓工具繪製路徑 → 文字工具點擊路徑輸入文字，文字自動沿路徑排列。
2. 立體透視：自由變換(Ctrl+T)右鍵選「透視」，拖動角點製造近大遠小的 3D 空間感。
3. 幀動畫：複製圖層 → 微調旋轉角度 → 逐幀開關圖層可見度 → 導出 GIF。

詳細步驟實錄

階段一：建立雙圓環文字結構

• 新建黑色背景文件(如 600×600 px)。
• 橢圓工具(Shift+U)按 Shift 拉制正圓路徑(非形狀圖層)。
• 文字工具(T)游標移至路徑邊緣(出現彎曲圖標)點擊輸入文字，調整字距/字體大小填滿圓周。
• 複製文字圖層，Ctrl+T → 右鍵「透視」，拖動底部角點外擴，形成仰視立體感；再微調「變形」增加弧度。
• 將兩組文字圖層分組命名「外環」、「內環」，調整相對位置與大小，形成雙層結構。

階段二：製作旋轉幀序列(核心耐心工程)

方法 A：全在 PS 完成(適合簡單旋轉)

1. 窗口 → 時間軸 → 建立幀動畫。
2. 第 1 幀：僅顯示「外環」原始角度圖層。
3. 複製幀 → 選中「外環」群組 → Ctrl+T 旋轉 10°~15° → 確認。
4. 重複至完成 360° 循環(約 24~36 幀)。內環同理，可反向旋轉增加動態張力。
5. 全選幀 → 設定幀延遲 0.1 秒 → 文件 → 匯出 → 存儲為 Web 所用格式(GIF)。

方法 B：PS 佈局 + IR (ImageReady) 導出(舊版流程，參考用)

• PS 中準備好每個旋轉角度的獨立圖層(外環 0°、10°、20°... 內環 0°、-10°...)。
• 切換至 ImageReady(舊版 PS 自帶)，動畫面板逐幀開關對應圖層眼睛。
• 優化調色板、設定循環選項 → 存儲優化。
  ※ 現代流程建議全程在 PS Timeline 面板完成，無需切換軟體。

階段三：畫面豐富化與輸出優化

• 新增圖層，用星空/光塵/幾何筆刷在背景點綴，避免畫面空洞。
• 輸出設定：顏色 256、抖動 88%、無损壓縮、循環選項「永遠」。
• 檔案大小控制：像素寬度 ≤ 500px、幀數 ≤ 30、色數 ≤ 128，確保 < 2MB 利於網頁載入。

進階變化玩法

• 文字變形動畫：每幀對文字套用不同「變形文字」形狀(旗幟/魚眼/拱形)，製造呼吸感。
• 顏色漸變循環：文字圖層加「色相/飽和度」調整圖層，逐幀微調色相值，產生彩虹流動效果。
• 粒子軌跡：用粒子筆刷在文字軌跡上繪製，每幀位移微量，形成流星拖尾。

小結

旋轉文字 GIF 的關鍵在於「路徑文字排版準確」+「旋轉角度均勻」+「幀率流暢」。善用 PS Timeline 面板的「關鍵幀插值」(位置/旋轉/不透明度)可大幅減少手動複製圖層的苦工，讓創意更專注於視覺設計本身。