PS纯干货：手把手教你画圆环中间透明图，避坑指南全在这

聊个痛点：为什么你画的圆环中间总是不透明？

搞设计的，特别是做图标、UI、或者游戏素材的时候，经常需要那种中间镂空的圆环，也就是所谓的“圆环中间透明图”。听着简单，但很多新手甚至老手都会栽跟头——明明选了减去顶层形状，结果还是实心？或者导出PNG发现背景不是透明的？别急，我今儿把压箱底的3种方法全抖出来，保证你一次就通。

方法一：形状工具画圆环中间透明图（最稳）

这是我最推荐的方法，因为完全不用抠图，直接矢量生成，放大缩小不失真。

1. 新建画布：Ctrl+N，背景选“透明”。大小随意，但建议先定好尺寸，比如512×512 px。

2. 选择椭圆工具：快捷键U（长按矩形工具选椭圆）。注意顶部选项栏要选“形状”，别选路径或像素。

3. 画第一个圆：按住Shift拖出一个正圆，颜色随便。此时图层会生成一个形状图层。

4. 关键步骤——减去顶层：在顶部选项栏找到“路径操作”（一般显示为“形状”图标旁边），点开选“减去顶层形状”。然后再次画一个稍小的正圆（按住Shift），从原先的大圆中心开始画。完美，中间被挖空，透明了！

避坑指南：

• 画第二个圆之前，必须确保形状图层的“路径”还被选中（在路径面板或者图层面板双击形状缩略图可激活）。

• 如果画完发现变成了两个独立形状，别慌：用“直接选择工具”选中所有路径，然后在选项栏点“合并形状组件”。

方法二：选区减选法画圆环中间透明图（适合抠图党）

如果你已经有个圆形图片，或者想快速抠圆环，用选区操作更直接。

1. 打开图片：支持任何背景，但你的最终目的是让中间透明，所以最好图本身就有透明通道，或者背景纯色便于抠。

2. 画椭圆选区：用“椭圆选框工具”（M键），按住Shift画一个正圆选区。

3. 减选内圆：在顶部选项栏点击“从选区减去”（或按住Alt键），然后再次画一个稍小的正圆选区。松开鼠标，中间就空出来了。

4. 反选并删除：如果选区显示的是外圆环，则按Shift+Ctrl+I反选（选中中间部分），然后Delete删除。如果直接显示的圆环，那么直接按Ctrl+Shift+I反选，再Delete。

避坑指南：

• 如果背景图层是“背景”（带锁的），无法直接删除。解决方法：双击背景图层解锁为普通图层，或Ctrl+J复制一层再删。

• 选区减选时，两只圆必须同心。可以借助参考线：从标尺拖出横竖两条线，交叉点对准画布中心。

方法三：图层样式描边画圆环中间透明图（取巧但有限制）

这个方法适合快速预览，但不是真正透明，因为本质是“描边”效果，放大后会模糊。

1. 画一个正圆形状：跟方法一一样，用椭圆工具画个实心圆。

2. 关闭填充：在图层面板，把“填充”滑到0%，注意不是“不透明度”。

3. 添加描边样式：双击图层，勾选“描边”，设置粗细和颜色。这样看起来就是个圆环，但中间实际上是透明区域（因为填充没了）。

避坑指南：

• 这种方法输出为PNG时，圆环边缘可能会有一圈半透明锯齿，所以最后一步最好“栅格化图层样式”，然后Ctrl+缩略图载入选区，反选删除背景，才能得到纯透明。

• 而且这种方法得到的圆环不是单一矢量，不利于后期缩放。所以仅用于临时或小尺寸用途。

进阶技巧：如何保证圆环绝对透明且无锯齿？

不管你用哪种方法，导出时注意：

• 文件→导出→导出为（Web所用格式旧版），格式PNG-24，勾选“透明度”。

• 如果PNG仍有白边，可能是因为边缘抗锯齿带了背景色。在“图层”面板，点右键选“混合选项”，取消“透明形状图层”的勾选（少用，有时会失效）。更稳的是：按住Ctrl点击形状图层缩略图载入选区，然后“选择→修改→收缩”1像素，再反选删除边缘。

老司机FAQ

Q1：为什么我用形状工具减去顶层后，两个圆变成了一个环，但导出的PNG还是有半透明边？

A：这是Photoshop的bug，本质是因为抗锯齿。解决：双击形状图层打开“图层样式”，在“混合选项”中把“图层蒙版隐藏效果”勾上（有些版本叫“透明形状图层”取消勾选），或者干脆栅格化图层，然后手动用橡皮擦修边。

Q2：画圆环中间透明图时，怎么保证内外圆完全同心？

A：用参考线！按Ctrl+R调出标尺，从顶部边缘拖出水平参考线到画布中心，左边拖出垂直参考线，保证交点为中心。然后画圆时，鼠标从交叉点开始拖动，同时按住Shift+Alt（Mac: Shift+Option），这样就能以中心为起点画正圆。

Q3：我需要一个由多个环组成的圆环透明图，比如齿轮效果，该怎么操作？

A：用方法一（形状路径）做基础，画完第一个环后，不要点击其他地方，继续在选项栏切换为“合并形状”画第二个环，或者“减去顶层”画孔。完成后用“路径选择工具”选中所有路径，点击“合并形状组件”得到复合路径。然后Ctrl+Enter转为选区，填充颜色即可。或者保持形状图层，随时调整。