太陽圖標是 UI 設計、天氣應用、兒童插畫中的高頻元素。本教學示範如何在 Photoshop 中純用圖層樣式與濾鏡，零素材繪製出擁有動態光暈、立體球體質感的逼真太陽圖標，適合作為圖示設計入門練習。

核心製作邏輯

整個流程可拆解為三大階段：基礎球體建模 → 表面紋理與色相變化 → 發光暈圈與粒子特效。關鍵在於善用「漸變疊加」模擬球面受光、「內發光/外發光」製造大氣散射感、「雲彩/鏡頭光暈」濾鏡生成隨機有機紋理。

步驟速覽

1. 完美圓形：按住 Shift 拉出正圓選區，新圖層填充暖橙色 #FF8C00。
2. 球體立體感：圖層樣式 → 「漸變疊加」徑向漸變 #FFD700（中心）→ #E65C00（邊緣），角度 120° 模擬光源方向；添加「內陰影」距離 0、大小 30px、色 #8B4513 增強邊緣厚度。
3. 表面紋理：複製球體圖層，填充 50% 灰，濾鏡 → 渲染 → 雲彩，再疊加「濾色」模式，不透明度 15%；再複製一次套用「鏡頭光暈」濾鏡（50-300mm 變焦），模式「正片疊底」強化高光點。
4. 動態光暈：新建圖層置於球體下方，橢圓選區羽化 50px 填充 #FFD700，外發光：顏色 #FFA500、擴展 20%、大小 80px；再外層疊加更大羽化圓環，顏色 #FF4500 不透明度 30%，營造大氣散射層次。
5. 微粒飛舞：新圖層填黑，濾鏡 → 雜色 → 添加雜色（單色、量 150%），Ctrl+L 色階拉高對比留下亮點，模式「濾色」，自由變換拉大覆蓋畫面，蒙版擦除中心區域，形成陽光下的塵埃感。

進階變體技巧

• 扁平化風格：移除所有發光效果，僅保留漸變疊加與細微內陰影，適配 Material Design 規範。
• 像素藝術風：鉛筆工具 1px 手繪邊緣抖動，配合限定調色盤（4-5 色），製造復古遊戲感。
• 動態 GIF 輸出：將光暈半徑、粒子位置製作關鍵幀時間軸動畫，導出 WebP/APNG 供網頁直接使用。

避坑指南

⚠️ 光暈層級過多易導致視覺雜訊，建議限制在 3 層以內；⚠️ 圖標需在 16px~512px 多尺寸下檢視清晰度，向量智能對象工作流可確保無損縮放；⚠️ 色盲友善配色請驗證紅綠色弱模擬下的可識別性。

完成後可另存為 SVG（形狀圖層匯出）或 PNG 序列，直接應用於設計系統組件庫中。多嘗試不同光源角度與色溫組合，將建立你的專屬太陽圖標風格庫。