作者首次嘗試撰寫教程，記錄了從手繪草圖到 PS 精細構建立體短信氣泡圖標的全過程。涵蓋形狀構建、圖層樣式疊加、光影邏輯、材質細節（紙張紋理、邊緣磨損、投影分層）等關鍵環節，展示 APP 圖標設計的專業標準流程。

最終效果

製作流程（關鍵節點圖示）

教程以圖示為主，關鍵步驟包括：

1. 草圖構圖與透視確立。
2. 矢量形狀工具建立氣泡主體、尾巴、邊框基礎幾何。
3. 圖層樣式堆疊：內陰影、內發光、斜面與浮雕、漸變疊加、投影，構建立體厚度與玻璃/塑膠質感。
4. 紋理疊加：紙張紋理素材/程序化雜色+動感模糊，剪貼蒙版限制於主體內，混合模式「疊加/柔光」融合。
5. 邊緣磨損/劃痕手繪細節：小尺寸硬邊畫筆、低不透明度，模擬真實使用痕跡。
6. 多層投影分離：接觸陰影（硬、近）、區域投影（軟、遠）、環境光遮蔽（AO），營造懸浮感。
7. 高光修飾：頂部高光條、邊緣菲涅爾高光、尾巴彎曲處反光。
8. 文字/圖標內容植入：對齊像素網格，銳利無鋸齒。
9. 整體色調分級：曲線/色階統一溫度，導出各尺寸規範。

關鍵步驟截圖

新手避坑指南

• 像素對齊： 所有矢量邊緣必須對齊像素網格（形狀工具選項勾選「對齊像素」），否則導出模糊。
• 圖層結構命名規範：Base / Shadow / Highlight / Texture / Detail / Text，便於團隊協作與後期修改。
• 智能對象封裝：將主體組轉為智能對象，濾鏡非破壞，替換內容極快。
• 參考真實物體：拍攝實體氣泡/紙片在相同光照下的照片，分析高光形狀、投影漸變、紋理尺度，而非憑空想像。

作者誠摯邀請同行指正與交流，共同提升圖標設計專業度。