想學做會動的插圖嗎？這篇教學將示範如何用形狀工具、蒙版與動畫面板，製作一顆蘋果逐漸被水灌滿的 GIF 動態效果。過程淺顯易懂，適合動畫入門練習！

最終動態效果

過渡效果參考：

製作流程概覽

1. 繪製蘋果主體：用形狀工具畫出蘋果外型。
2. 建立水層：在蘋果圖層上方新增藍色圖層作為水體，疊加白色筆觸模擬高光。
3. 路徑蒙版控制水位：用路徑工具勾勒水面形狀，將水層與路徑執行「剪貼蒙版」（或矢量蒙版），水只會顯示在蘋果內部。
4. 添加動態細節：在水層上畫出運動發光白點，將水層、路徑蒙版、白點歸組，再加群組蒙版精修邊緣。

動畫製作關鍵步驟

1. 開啟「時間軸」面板（舊版為「動畫」面板），建立幀動畫。
2. 第 1 幀：將水層（含白點）移至最左/最低處（水位最低）。
3. 第 2 幀：將水層移至最右/最高處（水位最高），白點移至合適位置。
4. 同時選取第 1、2 幀，點選「補間」圖示，設定插入 30 幀，PS 自動產生平滑過渡幀。
5. 預覽動畫無誤後，選「檔案」→「存儲為 Web 所用格式」，選 GIF 格式輸出。

進階提示

• 調整補間幀數可控制動畫快慢與流暢度。
• 可在水層加入漸層、波紋濾鏡增加真實感。
• 輸出前注意檔案大小，必要時縮小尺寸或減少顏色數符合平台限制。

教學附源檔下載，若步驟不清晰可直接開啟源檔拆解研究。現在就動手試做屬於你的注水蘋果動畫吧！