效果預覽

結構拆解分析

圖標由五大部分組成：圓角矩形底座、主氣泡、副氣泡、四個裝飾圓點、投影高光。模組化繪製再組合，邏輯清晰易控制。

逐步繪製流程

步驟一：圓角矩形底座

1. 新建文件，前景色 #ecc5c6，圓角矩形工具半徑 20px 繪製底座形狀
2. 添加圖層樣式：
   斜面與浮雕：風格「外部凸緣」，大小 5px，光澤等高線「環形」
   漸變疊加：混合模式「疊加」，線性漸變淺粉→深粉，角度 90°

步驟二：主短信氣泡

1. 鋼筆工具勾繪主氣泡形狀（帶尾巴指向角）
2. 添加「斜面與浮雕」：風格「內部凸緣」，大小 8px，高光/陰影調整模擬氣泡厚度

步驟三：副氣泡（縮小版）

1. 複製主氣泡圖層，自由變換縮小 70% 並位移
2. 修改圖層樣式：
   漸變疊加：調整色停點加深色調
   斜面與浮雕：減小大小至 5px
   投影：距離 3px，大小 5px，不透明度 30%

步驟四：四個裝飾圓點

1. 橢圓工具按 Shift 繪製 4 個小正圓，均勻分佈於底座下方
2. 統一添加圖層樣式：
   斜面與浮雕：外部凸緣，大小 3px
   顏色疊加：統一顏色 #ecc5c6
   投影：距離 1px，大小 2px

步驟五：投影高光收尾

1. 新建圖層置於底座下方，橢圓選區填充黑色，高斯模糊 5px，不透明度 30%（投影）
2. 新建圖層置於頂層，小圓筆刷點繪高光點（白色，不透明度 80%）

最終效果

圖標設計規範提示

• 建立 1024×1024px 主畫布，預留安全區
• 使用矢量形狀圖層確保無限縮放不失真
• 圖層命名規範：base / bubble_main / bubble_sub / dots_01-04 / shadow / highlight
• 圖層樣式存為預設，便於批量生成不同顏色主題版本
• 導出：PNG 透明背景、各尺寸規格（1024, 512, 180, 120, 87, 80, 58, 40, 29pt）