版本新特性

Photoshop CC (14.0+) 原生支援**即時可編輯圓角矩形**，告別舊版「矩形工具 + 固定半徑 + 柵格化不可修改」的痛苦體驗。現為**動態形狀圖層**，屬性面板即時調整圓角，放大不失真，支援獨立四角控制。

實戰演示：按鈕設計全流程

步驟 1：選擇工具與模式

• 工具列選「矩形工具」 (U) → 選項列「路徑/形狀/像素」選 **「形狀」** (矢量形狀圖層，支援後續編輯)。
  

步驟 2：繪製與即時調整圓角

• 畫布拖曳繪製矩形 → 自動彈出「屬性面板」 (或視窗 > 屬性)。
• 屬性面板「圓角」輸入數值 (如 20px) → 四角同步圓角。
  
• 點擊鏈結圖示「取消鏈結」 → 四角可獨立設定不同半徑 (如左上 30px、右下 0px)。

步驟 3：不同半徑效果對比

從銳利直角 (0px) 到大圓角 (40px) 再到完美圓形 (正方形 + 圓角 = 邊長/2)，單一形狀圖層涵蓋所有變體。

步驟 4：正方形一鍵變圓形

• 繪製正方形 (按 Shift 拖曳) → 圓角設為邊長一半 (或任意 ≥ 邊長/2) → 瞬間變正圓。
  

進階應用技巧

• 按鈕狀態設計：同一形狀圖層複製 3 份 → 分別設定「正常/懸停/按下」圓角/顏色/投影 → 圖層組管理，UI 交付零切圖。
• 響應式組件：配合「美工板」功能，同一圓角矩形在不同尺寸美工板自適應，圓角比例保持一致。
• 路徑輸出：形狀圖層右鍵 > 「匯出路徑為 SVG」→ 前端直接使用，矢量無損。

版本兼容提醒

僅 Photoshop CC (14.0) 及以上版本支援，需 Windows 7+/macOS 10.9+。CS6 及舊版請繼續使用「圓角矩形工具」固定半徑模式或 Illustrator 協作。