萬盛學電腦網

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

Photoshop 製作旋轉人像風車動畫完整教學

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

最終效果預覽

步驟 1:裁切正方形人臉選區

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

步驟 2:對角分割人像建立四個三角形圖層

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

步驟 3:利用已保存路徑完成另一側切割

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

步驟 4:繼續切割得到四個小三角形

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

步驟 5:變形工具摺疊風車葉片

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

步驟 6:四角摺疊完成效果

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

步驟 7:製作摺疊陰影漸變

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

步驟 8:添加中心固定圖示與支撐棒

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

步驟 9:開啟時間軸製作旋轉動畫

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

步驟 10:批量產生旋轉圖層

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

步驟 11:對應幀與圖層、設定延遲

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

步驟 12:修正旋轉方向並匯出 GIF

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

完成作品欣賞

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

copyright © 萬盛學電腦網 all rights reserved