Photoshop 实战指南：轻松绘制完美空心圆的 5 种高效方法
在平面设计、UI 制作或图标绘制的过程中，“空心圆”（即圆环或圆环边框）是一个非常基础且高频运用的图形元素。无论是制作进度条、选择框，还是装饰性边框，掌握在 Photoshop（PS）中快速绘制空心圆的方法。
很多的初学者陷入误区，试图经由复杂的蒙版或路径运算来“挖空”圆心，这不仅效率低下，还难以保证圆形的完美对称。这篇文章将为您系统梳理 5 种在 PS 中绘制空心圆的最优解，并对比其适用场景，帮助您提升工作流效率。
核心概念辨析：什么是“空心圆”？
在 PS 中，“空心圆”指两种形态：
1. 圆环（Ring）：具有特定宽度的环形区域，中间完全透明或填充背景色。
2. 描边圆（Stroked Circle）：仅保留圆形的轮廓线，内部无填充。
以下方法将围绕这两种形态展开。
方法一：形状工具 + 描边设置（最推荐，矢量无损）
这是最专业、最灵活的方法，适用于需要后期调整大小而不失真的场景。
操作步骤：
1. 选择 椭圆工具（U）。 2. 在顶部选项栏中，将填充设置为 无（点击斜线图标），描边设置为所需颜色。 3. 在 描边 选项右侧，点击下拉菜单，将单位从“像素”改为 像素 或 点，并设置描边粗细（ 5px）。 4. 按住 Shift 键（保持正圆比例），在画布上拖动绘制。优点：矢量路径，可随时修改颜色、粗细，无损缩放。
缺点：需手动调整描边宽度。
方法二：图层样式中的“描边”效果（快速视觉填充）
如果您已有一个实心圆，或者希望快速获得一个带有固定宽度的空心圆，此方法极为高效。
操作步骤：
1. 使用 椭圆工具 绘制一个实心圆（填充颜色，描边无）。 2. 双击该图层打开 图层样式 对话框。 3. 勾选 描边（Stroke）。 4. 设置位置为 内部 或 居中，大小即为“空心”的宽度。 5. 调整颜色和不透明度。优点：非破坏性编辑，可随时修改描边大小和颜色。
注意：若描边设为“外部”，会导致圆形整体变大；设为“内部”则保持外径不变。
方法三：选区 + 反选 + 填充（经典像素操作）
适用于需要精确控制像素级边界或推进特殊纹理填充的场景。
操作步骤：
1. 使用 椭圆选框工具，按住 Shift 绘制一个正圆选区。 2. 菜单栏选择 选择 > 修改 > 收缩，输入您希望“空心”部分的宽度（ 10 像素）。 3. 按 Shift + Ctrl + I（Mac: Shift + Cmd + I）反选选区。 4. 按 Delete 删除中心部分，或新建图层填充颜色。优点：可结合图案填充、渐变填充制作复杂空心圆。
缺点：基于像素，放大后模糊；操作较繁琐。
方法四：路径运算（布尔运算逻辑）
适合需要精确控制内外径关系的复杂图形设计。
操作步骤：
1. 运用 椭圆工具，设置为 路径 模式。 2. 绘制一个大圆。 3. 在路径面板中，新建一个路径，绘制一个小圆。 4. 采用 直接选择工具 或 路径选择工具，选中小圆路径，在选项栏中选择 减去顶层形状（Subtract Front Shape）。 5. 对合并后的路径开展描边操作。优点：路径精准，适合制作同心圆环。
缺点：学习曲线稍高，不适合快速简单图形。
方法五：自定义形状库（一键调用）
PS 内置了大量预设形状，包括各种圆环。
操作步骤：
1. 选择 自定义形状工具（U，长按椭圆工具图标可展开）。 2. 在顶部选项栏的形状下拉菜单中，寻找“圆环”或“环形”相关形状。 3. 直接拖拽绘制。优点：速度最快，无需设置。
缺点：形状固定，灵活性较低。
方法对比与数据说明表
为了帮助您根据具体需求选择最佳方案，下面呢是五种方法的综合对比数据：
| 方法名称 | 操作复杂度 | 是否矢量无损 | 适用场景 | 调整灵活性 | 学习成本 |
|---|---|---|---|---|---|
| 形状工具+描边 | ⭐ | ✅ 是 | UI 设计、图标、Logo | 高 | 低 |
| 图层样式描边 | ⭐⭐ | ✅ 是（智能对象） | 快速原型、装饰元素 | 高 | 低 |
| 选区反选填充 | ⭐⭐⭐ | ❌ 否（像素） | 纹理填充、特殊效果 | 中 | 中 |
| 路径布尔运算 | ⭐⭐⭐⭐ | ✅ 是 | 精密图形、复合形状 | 高 | 高 |
| 自定义形状 | ⭐ | ✅ 是 | 标准化模板、快速出稿 | 低 | 极低 |
- 操作复杂度：基于平均操作步骤数评估（1 步为最简单，5 步为最复杂）。
- 是否矢量无损：指放大缩小是否失真。
- 调整灵活性：指后期修改颜色、大小、粗细的便捷程度。
常见问题与技巧
Q1: 如何确保画出的圆是完美的正圆？
- 关键技巧：在绘制过程中，务必按住 Shift 键。这是 PS 中保持比例的标准快捷键。
Q2: 描边圆环的边缘出现锯齿怎么办？
- 解决方案：
Q3: 如何制作渐变色的空心圆？
- 解决方案：运用 方法一 或 方法二，将描边颜色设置为 渐变填充 而非纯色。在图层样式中，将描边填充类型改为“渐变”，即可实现炫酷的渐变圆环效果。
在 Photoshop 中绘制空心圆并非只有一种方式，选择哪种方法取决于您的具体需求：追求效率与矢量特性，首选“形状工具+描边”；追求快速视觉效果，使用“图层样式”；需要特殊纹理填充，则考虑“选区反选”。
掌握这些核心技巧，不仅能提升您的设计效率，还能确保作品的专业度与可编辑性。建议您在实际项目中尝试多种方法，找到最适合您工作流的解决方案。
提示：这篇文章所述操作基于 Adobe Photoshop CC 2020 及以上版本，界面因版本略有差异，但核心逻辑通用。