PS画圆角矩形的终极指南：别再傻傻用圆角矩形工具了

为什么你画的圆角矩形总是很“塑料”？

刚入门的PS玩家最喜欢直接拉个「圆角矩形工具」完事。但你看那些设计大神的作品，圆角柔和不生硬，过渡自然。差距在哪？

PS画圆角矩形，不只是拉个工具那么简单。底层逻辑是：用路径形状+图层样式控制圆角。 直接工具画的圆角是死的，修改麻烦，想个性化调整？没门。

PS画圆角矩形的3种硬核方法

1. 老司机最爱：路径合并法（灵活度最高）

操作步骤：

1. 用「矩形工具」画一个方形路径（不要填充）。

2. 用「椭圆工具」在四个角画正圆（按住Shift），大小决定圆角半径。

3. 选中所有路径，用「路径操作-合并形状组件」合并。

4. 填充颜色，添加图层样式。

避坑： 合并前确保椭圆与矩形边线对齐，否则会有毛刺。按住Alt滚动滚轮可以微调椭圆大小。

2. 高手进阶：蒙版+滤镜（适合不规则形状）

操作步骤：

1. 随便画个矩形选区，填充颜色。

2. 添加图层蒙版。

3. 在蒙版上执行「滤镜-模糊-高斯模糊」，半径=你想要的圆角大小。

4. 按Ctrl+L调出色阶，拖动滑块让边缘变硬——圆角就出来了。

原理： 模糊产生渐变边缘，色阶阈值化后得到硬边圆角。

3. 新手默认：圆角矩形工具（但有坑）

直接选择「圆角矩形工具」，设置半径。问题在于：

• 半径只能统一设置，不能单独调每个角。

• 后期想改半径？只能删了重画。

• 缩放时会变形（除非勾选「缩放圆角」）。

避坑技巧： 双击图层缩略图调出属性面板，可以单独控制每个角的半径（最新版PS支持）。但旧版本就别想了。

核心参数详解：别让半径坑了你

• 半径单位： PS默认用像素。如果你做UI设计，记得换算成pt（1pt=1.333px）。

• 半径与对象比例： 小物件用大圆角会显得很Q，大物件用小圆角显精致。一般圆角半径=对象短边的10%-20%。

• 视觉圆角vs数学圆角： 人眼看圆角感觉会比实际小。老司机会在数学半径上加10%作为视觉补偿。

实战案例：做一个毛玻璃质感的圆角卡片

1. 用「路径合并法」画一个200x300px的圆角矩形（半径20px）。

2. 填充颜色：HSL(220, 30%, 70%)。

3. 添加图层样式：

• 内阴影：混合模式为正片叠底，颜色深蓝，距离5px，大小10px。

• 渐变叠加：从上到下，透明度从0%到30%。

4. 加一个淡淡的投影：混合模式正片叠底，距离10px，大小20px。

5. 完美！

老司机 FAQ

Q1：PS画圆角矩形时，四个角的弧度能不能不一样？

A：能用路径合并法单独控制，或者用属性面板（CC 2019以上）。旧版本路径合并法最稳定，先画矩形，再拖四个圆角路径，分别调整大小。

Q2：放大/缩小圆角矩形后，圆角变形怎么办？

A：直接缩放智能对象或者形状图层时，勾选选项栏里的「缩放圆角」复选框。如果忘记勾，用「编辑-变换-再次」会保留圆角比例。最稳妥的是用路径合并法，圆角是独立椭圆路径，缩放不影响。

Q3：怎么把圆角矩形导出为SVG保持圆角不丢失？

A：用形状图层导出。右键图层-导出为-SVG，确保「包含路径」勾选。如果圆角是用蒙版做的，SVG里会变成图片，无法缩放。路径合并法导出的SVG是纯矢量，完美保留圆角。