前言

本教學展示如何利用智能物件與智能濾鏡 (馬賽克、照亮邊緣) 非破壞性地製作彩色格子圖標，並結合角度漸變、內陰影/內發光/投影/描邊堆疊立體感，最後加入文字與漸變完成極具視覺衝擊力的 APP 圖標。

最終效果預覽

關鍵步驟

1. 新建文件，背景層轉一般圖層，顏色疊加 #262523 + 漸變疊加 + 內發光雜色做紋理背景。
2. 大柔邊白畫筆點亮中心 → Ctrl+T 壓扁拉寬 → 不透明度 10-30% 做大面漸變亮光。
3. 圓角矩形建立圖標主體 (智能物件準備)。
4. 上方繪製較大形狀 → 角度漸變 → Alt+點擊建立剪貼蒙版 → 轉為智能物件。
5. 智能濾鏡：馬賽克分塊 → 複製智能物件 → 照亮邊緣濾鏡 → 混合模式「線性減淡」30% 形成細線分隔。
6. 再複製 → 模式「減去」20% → 移動工具向下右各 1px 形成凹槽立體感。
7. 中心正圓 + 角度漸變 + 內陰影 + 投影 做立體按鈕基底。
8. 較小正圓 + 顏色疊加 (深灰) + 內發光雜色 + 內陰影 + 內部描邊 做凹陷按鍵面。
9. 文字圖層 + 漸變疊加 + 內陰影 (模擬邊緣高光) + 投影。

過程圖參考