前言

許多精美的花卉動圖都少不了晶瑩剔透的水珠點綴。本教學將帶你從零開始，在 Photoshop 中繪製出具備高光、陰影、折射感的真實水珠，並利用時間軸面板製作成循環滾動的 GIF 動畫。

第一階段：繪製單顆靜態水珠

步驟 1：建立水珠基礎形狀

1. 開啟背景圖片（葉片、花瓣等），雙擊背景圖層解鎖。
2. 按住 Shift 使用橢圓選框工具拉出正圓選區。
3. 按 Ctrl+J 將選區內容複製到新圖層（命名為「水珠基底」）。

步驟 2：球面化與柔化

1. 選單 濾鏡 ▸ 扭曲 ▸ 球面化，數值 100%，執行 1~2 次。
2. 再執行 濾鏡 ▸ 模糊 ▸ 高斯模糊，半徑 1~2 像素，讓邊緣自然過渡。

步驟 3：圖層樣式——內陰影與投影

雙擊「水珠基底」圖層開啟圖層樣式：

• 內陰影：不透明度 10%，角度依光源調整，距離/大小視水珠大小設定。
• 投影：不透明度 70%，顏色可取圖中最深色調，而非純黑，更自然。

步驟 4：繪製高光（關鍵細節）

1. 在水珠上方適當位置，用橢圓選框工具拉出橢圓選區。
2. 選取漸層工具 (G)，模式「前景到透明」，前景色白色，從光源方向向內拉出漸層。
3. 再建一小圓選區，選取 ▸ 修改 ▸ 羽化（半徑 3~5 px），編輯 ▸ 填充 白色，製造次級高光。

第二階段：製作滾動動畫

步驟 5：建立動畫幀序列

1. 右鍵複製「水珠」圖層，使用 編輯 ▸ 自由變換 (Ctrl+T) 將水珠向下移動、稍微扭曲變形（模擬重力拉長）。
2. 每移動一次就複製一次圖層，建議製作 8~12 個階層，形成完整滑落軌跡。

步驟 6：時間軸面板製作 GIF

1. 開啟 視窗 ▸ 時間軸，點選「建立影格動畫」。
2. 第一幀：僅開啟第 1 個水珠圖層眼睛，其餘關閉。
3. 點「新增影格」，關閉第 1 層、開啟第 2 層……依序操作至最後一層。
4. 設定每幀延遲 0.1~0.15 秒，循環選項選「永遠」。
5. 檔案 ▸ 匯出 ▸ 存儲為 Web 所用格式 (舊版)，選 GIF，儲存。

成果展示

替代做法：透明水珠（無背景折射）

若需完全透明的水珠素材，步驟 1 時不要按 Ctrl+J，改在圖層面板新增空白圖層，直接用漸層工具（黑到白）繪製球體陰影，圖層模式設「疊加」，後續球面化、高光、動畫步驟相同。適合疊加在任何背景上。