通過鋼筆工具繪製矢量路徑、圖層樣式構建材質質感,從零制作一枚擬真度極高的資料夾圖標。適合掌握 PS 基礎操作、欲提升圖標設計能力的學習者。

新建 512×512px 透明背景文檔→開啟網格與標尺輔助精準繪製→鋼筆工具「形狀圖層」模式繪製上蓋輪廓→圖層樣式:斜面浮雕(深度 10%)+ 漸變疊加(#a0c0d9→#8cb2ce,線性、勾選反向),建立金屬質感基礎。




隱藏上蓋→新圖層鋼筆繪製下蓋輪廓→同樣添加斜面浮雕(10%)+ 漸變疊加(#b2cbde→#79a5c6,反向),顏色略深表現陰面關係。


顯示上蓋合成整體→複製下蓋圖層柵格化關閉樣式→魔棒建選區→填充 #79a5c6→添加雜色(濾鏡→雜色)→不透明度 15% 產生細微金屬紋理。
再次複製下蓋柵格化→魔棒選區→填充 #79a5c6→不透明度 10%→濾鏡→素描→鋼筆畫效果,增強手繪質感筆觸。





套索工具繪製不規則高光區→填充 #80adcf→上蓋同法處理→複製下蓋移至上下蓋夾層→高斯模糊製陰影→自由變換調整大小位置→不透明度 30%→矩形工具繪製黑色長條→柵格化高斯模糊→自由變換壓扁投影,構建空間關係。









頂層新建文字圖層輸入「X」(#7a9db8)→圖層樣式:投影+內陰影,賦予壓印質感→最終效果輸出。


圖標設計核心工作流:矢量路徑建模 → 圖層樣式材質化 → 紋理疊加真實化 → 光影系統空間化 → 細節品牌化。每個階段保持圖層獨立可編輯,體現專業非破壞工作流優勢。