WiFi 圖標看似簡單，要畫出四條弧線粗細一致、間距均勻、端點完美收口、旋轉角度標準的規範圖標，純手繪極難達到像素級精度。本教學演示如何完全使用向量形狀工具（橢圓/路徑選擇/直接選擇），通過布爾運算、錨點編輯、自由變換，構建可無限縮放、參數可調的標準 WiFi 信號圖標。

核心邏輯：4 個同心圓環 + 路徑布爾運算 = WiFi 信號

• 4 個同心圓環，半徑遞減，線寬一致
• 保留第 1、3 象限（或 90°-270° 扇區） → 形成 3 條弧線 + 1 個實心圓點
• 整體旋轉 -45°（或 45°）對齊標準朝向

逐步操作詳解

1. 新建文件：建議 512×512px 或 1024×1024px，背景透明/任意色。
2. 橢圓工具 (U) → 選項列設為形狀、填色「無」、描邊「黑色」、寬度 8px（視畫布大小調整，建議畫布寬度的 1.5-2%）。
3. 按 Shift 拖拽繪製正圓（第 1 環，最外層）。
4. Ctrl+J 複製圖層 → Ctrl+T 自由變換 → 按 Alt+Shift 從中心等比縮小（約 75%）→ 移動微調對齊中心 → 確定。重複得第 2、3 環。
5. 第 4 環（最內層）：同樣複製縮小，但將填色改為描邊同色（實心圓點）。
6. 選中 4 個形狀圖層 → 右鍵合併形狀（或 Ctrl+E），成為單一形狀圖層，包含 4 個路徑子元件。
7. 路徑選擇工具 (A) / 直接選擇工具 (Shift+A) → 框選每個圓環的右側兩個錨點（約 0°-180° 區間）→ Delete 刪除 → 每環保留左半圓弧。
8. 選中內層實心圓 → 同樣刪除右側錨點 → 變為半圓 → 直接選擇工具 拖動端點控制柄，調整為半圓端點平滑閉合（而非尖銳）。
9. 全選路徑（Ctrl+A） → Ctrl+T → 旋轉 -45°（或輸入 -45） → 確定。
10. 視圖 → 顯示 → 參考線/網格 微調對齊像素網格（消除鋸齒）。
11. 顏色調整：雙擊形狀圖層縮略圖修改填色/描邊色，或添加圖層樣式（漸變/描邊/投影）豐富視覺層次。

進階：建立可複用元件庫

1. 將最終形狀圖層存為自定義形狀：編輯 → 定義自定義形狀。
2. 或存為圖層樣式預設：右鍵圖層 →「複製圖層樣式」→ 新建圖層右鍵「貼上圖層樣式」。
3. CC Libraries：拖入形狀圖層到 CC 資料庫，跨設備/跨軟體（XD/Ai/Id）同步使用。

避坑指南

• ❌ 用畫筆手繪弧線 → 粗細不均、端點不齊、縮放失真
• ❌ 用橡皮擋擦除多餘弧段 → 產生像素殘留、不可編輯
• ❌ 合併圖層後才發現間距不均 → 善用參考線/網格/智能參考線輔助對齊
• ✅ 全程向量可編輯：隨時可調整線寬、間距、顏色、旋轉角度、增減弧線數量
• ✅ 導出 SVG：右鍵形狀圖層 →「匯出為 SVG」→ 真正的矢量交付