萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 制作炫彩射線 GIF 動畫:極坐標變換與 ImageReady 幀動畫全流程

效果預覽

五彩射線旋轉動畫

核心原理

利用 極坐標濾鏡 將水平線條轉為放射狀射線,再配合 水平翻轉 產生兩幀差異,在 ImageReady(或 PS 時間軸面板)中交替播放,形成無限循環旋轉視覺。

詳細步驟

1. 建立基礎線條圖層

  • 新建 500×300 px、白底、72 dpi 文件。
  • 鋼筆工具 P 繪製一條水平直線路徑。
  • 筆刷預設:1 px 硬圓頭,間距調大(如 200%),形成虛線。
  • 新建圖層,前景色任意,路徑面板右鍵 描邊路徑 → 筆刷,得到虛線線條層。
水平路徑
筆刷間距設定
筆刷預設面板
描邊後虛線
虛線效果

2. 拉伸填滿畫布

Ctrl+T 自由變換,垂直拉伸虛線層至畫布高度滿屏。

垂直拉伸滿屏

3. 漸變疊加賦色

雙擊圖層 → 漸變疊加:自定義五彩漸變(紅橙黃綠藍靛紫),角度 90°(垂直),模式正常。

漸變疊加設定
漸變編輯器

4. 疊加增強與合併

  • 複製圖層 Ctrl+J,疊加增強色彩飽和度。
  • 蓋印可見圖層 Shift+Ctrl+Alt+E,命名「動畫基底」。
  • 隱藏其他圖層,僅保留「動畫基底」。

5. 極坐標變換:矩形 → 放射

執行 濾鏡 > 扭曲 > 極坐標,選 矩形轉極坐標。水平虛線瞬間變為向心/向外放射射線。

極坐標轉換後

6. 製作第二幀:水平翻轉

  • 複製「動畫基底」為「動畫副本」。
  • 執行 編輯 > 變換 > 水平翻轉,射線方向反轉。

7. 進入 ImageReady / 時間軸面板製作動畫

PS 現代版本(CC 以降)請使用時間軸面板:

  1. 窗口 > 時間軸 > 創建幀動畫。
  2. 幀 1:僅顯示「動畫基底」圖層。
  3. 新建幀 2:僅顯示「動畫副本」圖層。
  4. 選中兩幀,設定幀延遲 0.1 秒(或 0.05 秒更流暢)。
  5. 循環選項選 永遠。
  6. 文件 > 導出 > 存儲為 Web 所用格式 (GIF),顏色 256、抖動 88%、循環永遠。
幀動畫面板
幀延遲設定

最終輸出

導出 GIF 動畫

進階變體

  • 多幀平滑旋轉:極坐標後,對圖層進行微小角度旋轉(如 15°),複製多層,每層旋轉遞增,導出 12-24 幀,動畫更絲滑。
  • 色相漂移:每幀對圖層套用 Ctrl+U 色相偏移,產生彩虹流動感。
  • 結合濾鏡風格化:極坐標前後疊加 風格化 > 尋找邊緣 或 濾鏡庫 > 筆觸 效果。
copyright © 萬盛學電腦網 all rights reserved