萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 繪製標準橢圓矩形(Squircle)三大法:多邊形、圓角矩形疊加、橢圓相交

橢圓矩形(Squircle,又稱超橢圓)是介於圓與圓角矩形之間的優雅曲線,蘋果 iOS 圖標、現代 UI 設計廣泛採用。文中提供三種 PS 向量繪製法,依需求選用。

準備畫布

新建 600×600 px、72 dpi、RGB 模式畫布。建議開啟 編輯 > 偏好設定 > 一般 > 讓向量工具與像素網格對齊,繪製後 Ctrl+T 微移即可自動對齊像素,邊緣銳利無虛邊。

方法一:多邊形工具 + 平滑拐角(最快)

  1. 選 多邊形工具,選項列設 邊數:4,點擊齒輪圖示勾選 平滑拐角。
  2. 按 Shift 拖曳繪製正方形,即得標準 Squircle。
  3. 後續微調:用 直接選擇工具 拖動四邊錨點內縮/外擴,控制曲率。

優點:一步到位、可無限縮放、易調整。缺點:曲率由演算法決定,無法精確指定圓角半徑。

方法二:圓角矩形 + 橢圓疊加(可控圓角半徑)

  1. 畫一個圓角矩形(設定固定圓角半徑)。
  2. 選 橢圓工具,選項列選 合併形狀,在四邊中點繪製橢圓,使橢圓兩端弧度與圓角矩形弧度無縫銜合。
  3. 複製橢圓至另三邊,完成。

優點:圓角半徑精確可控。缺點:圖層較多,需確保弧度完美重合。

方法三:兩圓相交 + 旋轉複製 + 修角(幾何構造法)

  1. 畫兩個同心圓,垂直位移 90 px,設 與形狀區域相交,得垂直橢圓條。
  2. 複製該形狀,旋轉 90°,再設 相交,得基礎 Squircle(四角為尖角)。
  3. 用橢圓工具(合併形狀)在四角加 74 px 圓形修圓,再用矩形工具(減去頂層形狀)切除多餘,最後複製翻轉補齊四角。

優點:純幾何邏構,適合理解曲線數學本質。缺點:步驟繁瑣,易誤差。

總結建議

  • **UI 設計、圖標製作** → 方法一最效率,再用直接選擇工具微調。
  • **需精確圓角半徑、規格文件** → 方法二。
  • **教學演示、幾何研究** → 方法三。
copyright © 萬盛學電腦網 all rights reserved