教學特色

以路徑形狀為骨架，利用明暗漸變疊加模擬紙張折痕的光影過渡，無需 3D 軟件即可產出極具觸感的摺紙風格天氣圖標（太陽、雲、雨滴），適合 APP/網站圖標系統設計。

最終效果

圖層結構總覽

核心模組製作

1. 背景

徑向漸變（淺藍到深藍）+ 紋理疊加（淺紋），建立紙質感畫布。

2. 太陽（三層同心圓疊加）

• 第一層：橢圓工具變形 → 填暖黃 → 內陰影/內發光做邊緣厚度。
• 第二層：較小同心圓 → 徑向漸變（亮黃到透明） → 模式「螢幕」。
• 第三層：最小圓 → 純白高光核心。
• 投影：載入選區 → 新圖層填黑 → 高斯模糊 → 蒙版漸隱 → 置於太陽群組底部。

3. 折痕條紋（通用技巧）

矩形選框/矩形工具拉 3 條由淺到深的條帶（代表紙張彎曲面的明暗面）→ 調整不透明度/模式（疊加/柔光）→ 置於各模組對應折痕位置。

4. 雲朵（鋼筆精確選區 + 疊加漸變）

• 鋼筆工具勾勒完美雲形路徑 → 存為路徑 → 載入選區。
• 新圖層填白 → 「漸變疊加」（線性，淺藍灰到白） → 投影同太陽法。
• 複製雲層 → 變形位置/大小 → 疊加 2~3 朵形成群雲。

5. 雨滴（多層漸變蒙版疊加）

• 基礎滴形：鋼筆勾勒水滴輪廓 → 形狀圖層填透明藍。
• 高光層：複製 → 改色淡藍 → 蒙版遮蓋下半部。
• 折射層：再複製 → 變形扁平 → 改色深藍 → 蒙版遮蓋上半部。
• 頂層高光：新圖層白筆刷點頂點高光 → 圖層樣式「斜面與浮雕」微調質感。
• 投影：同前法。

設計系統化建議

• 將「折痕條紋」、「投影樣式」、「漸變配方」存為圖層樣式庫/動作/腳本。
• 新增天氣類型（雪、霧、雷）時，只需組合現有模組 + 微調顏色/形狀。
• 輸出 SVG：形狀圖層 → 右鍵「匯出內容」→ SVG，保留向量優勢。