教學目標
學會利用 Photoshop 的「變換複製」技巧(Ctrl+Alt+T / Shift+Ctrl+Alt+T),快速產生花瓣旋轉複製的動畫幀,再透過時間軸面板合成循環播放的 GIF 動畫。成品為一朵不斷綻放、色彩交替的花朵動畫。
準備工作
- Photoshop CS6 或更新版本(需支援時間軸面板)
- 新建 300×300 px、72 dpi、RGB 模式的新檔案
- 前景色設為紅色(花瓣主色),背景色設為黑色
詳細步驟
階段一:繪製基礎花瓣形狀
- 新建圖層 1,填滿黑色背景。新建圖層 2,選取「橢圓選框工具」按住 Shift 拖出正圓選區,填滿紅色,不要取消選區。
- 按 ← 左方向鍵移動選區約 10–15 px,按 Delete 刪除選區內容,形成一側缺口的月牙形花瓣。
- 複製圖層 2(Ctrl+J)得到「圖層 2 複本」,用移動工具將其水平移至缺口另一側,形成對稱雙瓣雛形。
- 回到圖層 2,用「橡皮擦工具」擦除多餘邊緣,使雙瓣銜接自然。再將圖層 2 複本向下合併至圖層 2(Ctrl+E)。
階段二:旋轉複製生成完整花瓣環
- 建立水平、垂直參考線定位畫布中心。用移動工具將花瓣圖層移至中心十字交點。
- 按 Ctrl+Alt+T 呼叫自由變換並複製,將旋轉中心點對準參考線交點,在選項欄輸入旋轉角度 22.5°,按 Enter 確認。
- 連續按 Shift+Ctrl+Alt+T 重複「變換並複製」操作 14 次,共得到 16 片花瓣(360°/22.5°=16),形成完整圓環。
- 除背景圖層外,將所有花瓣圖層合併(Ctrl+E),再複製一份備用。
階段三:製作雙色交替動畫幀
- 複製的花瓣圖層執行「編輯 » 變換 » 水平翻轉」,載入選區後填滿綠色,得到綠色花瓣環。
- 紅、綠兩組花瓣各自重複階段二的旋轉複製動作:紅組順時針 22.5°、綠組逆時針 -1.5°(製造錯動感),各產生 15 幀。
- 將紅、綠兩組圖層分別建群組,設定群組混合模式為「正片疊底」。
階段四:時間軸面板合成 GIF
- 開啟「時間軸」面板(視窗 » 時間軸),點選「建立影格動畫」,再從選單選「從圖層建立幀」。刪除背景幀。
- 選取第 16–30 幀,右鍵選「複製幀」;再選取第 1–15 幀,右鍵選「貼上幀」,對話框選「貼上後」,刪除多餘的 16–30 幀,形成 30 幀無縫循環。
- 全選所有幀,設定幀延遲 0.1 秒,循環選項設為「永遠」。
階段五:添加漸變光暈與輸出
- 新建圖層置於最頂層,選「漸變工具」→「透明彩虹漸變」→「徑向漸變」,從中心向外拉出,圖層模式設為「濾色」。
- 在時間軸全選所有幀,點選漸變圖層與背景圖層,使其套用至每一幀。
- 預覽動畫無誤後,執行「檔案 » 匯出 » 存儲為 Web 所用格式 (舊版)」,格式選 GIF,循環選「永遠」,點擊儲存。
常見問題與技巧
- 花瓣數量調整:若想要更多花瓣,將旋轉角度改小(如 15° 需 24 片),對應增加複製次數。
- 色彩變化:在階段三填色時可用漸變或多色填充,製作彩虹花效果。
- 檔案大小優化:輸出前可減少畫布尺寸(如 200×200 px)或降低幀數(改 0.15 秒/幀)。
結語
這個教學展示了「變換複製」在製作循環對稱動畫時的強大威力。掌握此技巧後,你可以輕鬆創作齒輪旋轉、風車轉動、雪花飄落等各類循環動畫。祝你創作愉快!