您现在的位置： 萬盛學電腦網 >> 軟體知識 > >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學
PS 手繪級天氣圖標：陽光/陰影/雲朵/鏡頭光暈全手繪，打造極致質感 UI 圖標
設計定位
拒絕素材拼貼，純手繪向量/光柵混合流程打造**可無限縮放、風格統一、質感極致**的天氣 App 圖標。核心難點：**陽光體積光、雲朵柔軟感、鏡頭光暈真實感**的手繪還原。
最終效果
13 步精細手繪流程
第一階段：舞臺與陽光主體（步驟 1-4）
- 畫布與背景漸變：自定義尺寸，徑向漸變鋪底
- 太陽圓盤：新層「太陽」，橢圓工具 Shift 畫正圓，填充暖黃基色
- 體積光影雕刻**：加深/減淡工具** (範圍：中間調/高光、曝光度 10-20%)，在**預先羽化選區**內手繪：
- 球體轉折陰影 (加深)
- 正向光源高光 (減淡)
- 邊緣反射光 (減淡)
關鍵：先載入圓形選區 → 羽化 30px → 再繪製，保證邊緣柔和過渡
- 外發光暈**：太陽層下新層 → 載入太陽選區 → 羽化 30px → 填充暖黃 → 模擬大氣散射光暈
第二階段：雲朵有機形態構建（步驟 5-8）
- 矢量骨架**：新層「雲朵」，鋼筆工具勾勒雲朵輪廓路徑 (多圓弧疊合有機形)
- 柔光填充**：同太陽法：新層置於雲朵下 → 載入選區 → 羽化 → 填白/淡灰 → 形成柔邊體積
- 蒙版有機化**：雲朵層加蒙版，黑柔邊筆擦除過度模糊區域，保留特徵輪廓
- 明暗與塗抹**：加深/減淡工具繪製雲朵體積結構 → **塗抹工具** (強度 50-70%) 推拉邊緣，製造蓬鬆、流動的雲朵質感
第三階段：合成與鏡頭光暈終極真實感（步驟 9-13）
- 主體合成**：將太陽組、雲朵組合併/編組，統一調整位置比例
- 鏡頭光暈製作**：
- 新層畫黑色正圓 (遮罩用)
- 濾鏡 > 渲染 > 鏡頭光暈：選擇 50-300mm 變焦/電影級預設，調整光暈中心/光環/光暈元素參數
- 圖層移至底層 → 模式 濾色 (黑色透明，光暈顯現)
- 添加蒙版擦除黑色遮罩區域，僅保留光暈效果
- 最終微調**：調整雲朵/太陽/光暈相對位置，平衡視覺重心
手繪級圖標三大質感法則
| 元素 | 核心技法 | 物理依據 |
|---|---|---|
| 陽光球體感 | 加深/減淡工具 + 羽化選區限域 | 朗伯余弦定律：球面亮度隨入射角余弦變化 |
| 雲朵蓬鬆感 | 塗抹工具推拉邊緣 + 明暗分層 | 雲滴 Mie 散射：前向散射亮、邊緣暗、內部多次散射柔和 |
| 鏡頭光暈真實感 | 原生渲染濾鏡 + 濾色模式 + 蒙版控域 | 鏡片組反射/折射/散射物理模擬 (Ghosting, Flares, Veiling Glare) |
此純手繪流程產出的圖標組，風格高度統一，可直接導出 SVG (矢量部分) + PNG 序列 (光暈部分) 構建完整天氣圖標系統，支援 Retina/8K 任意分辨率無損顯示。
推薦文章
copyright © 萬盛學電腦網 all rights reserved