想要將靜態人像變成動感十足的旋轉風車動畫嗎?本教學將詳細示範如何利用 Photoshop 的路徑、變形與時間軸功能,一步步打造出專業級的 GIF 動畫效果。無論是初學者還是進階使用者,都能輕鬆上手。


開啟素材圖片,選取「矩形選框工具」,按住 Shift 鍵拖曳出一個完美的正方形選區,框選人物臉部區域。

風車的核心在於將頭像對角切割成四等分。這裡使用鋼筆工具描繪路徑建立選區,再按 Ctrl+J 將選區內容複製到新圖層。記得在路徑面板中保存路徑,後續會反覆使用。


載入先前保存的路徑建立選區,執行「反選」(Ctrl+Shift+I),再次按 Ctrl+J 複製至新圖層,即可得到對角另一側的三角形。

同理建立另一條對角線路徑(記得保存),將現有的兩個大三角形各自再切成兩個小三角形,總共獲得四個獨立的三角形圖層,分別對應風車的四個葉片。


選取其中一個三角形圖層,按 Ctrl+T 啟動自由變換。將左上角的控制點拖拽至畫面正中心,並微調參考點(中心點)位置,使摺疊後的邊緣與對角線平行。對其餘三個圖層重複相同操作。


完成後四個葉片已呈現風車立體摺疊狀態。

為了增加立體感,新建一個「淺灰-白-淺灰」的線性漸變。用鋼筆工具勾勒出每個葉片摺疊的背面區域,載入選區後套用漸變填充,模擬光影過渡。四個葉片依序處理。



在風車圖層群組下方新建圖層,繪製一個中心固定圖示(如圖釘或裝飾圖標)。另新建一圖層(此層不可合併),用矩形選區填充顏色製作風車支撐棒。


選單列「視窗」→「時間軸」,建立影格動畫。複製第一幀,設定總共 12 幀(方便 30 度旋轉間隔)。


回到風車合併圖層,按 Ctrl+J 複製一層,旋轉 30 度。接著連續按下 Ctrl+Shift+Alt+T 重複變換複製 10 次,自動產生 10 個遞增旋轉角度的圖層。


在時間軸面板中,將每一幀對應一個旋轉圖層(顯示該圖層、隱藏其餘)。全選所有幀,設定幀延遲為「其他」→ 0.15 秒(0.1 太快、0.2 太慢)。

播放預覽若發現旋轉方向相反,全選幀後點擊「反向幀」即可修正。最後選擇「存儲為 Web 所用格式」匯出 GIF 動畫。


透過路徑精準切割、變形摺疊與時間軸幀動畫,一個充满動感的人像風車動畫就大功告成了!你可以嘗試不同角度、速度或加入背景元素,創作出獨一無二的動態藝術作品。