PS老司机手把手教你：如何绘制圆角矩形框（避坑版）

PS绘制圆角矩形框，是每个设计师的入门基本功。但你可能不知道，很多教程只教了皮毛，导致你老是在画好之后才发现圆角改不了、位置对不齐、导出模糊等问题。今天，我这个用了15年PS的老司机，把压箱底的笔记翻出来，给你把“如何绘制圆角矩形框”这事彻底说透。

1. 选对工具：别用矩形工具硬扛

很多人一上来就点矩形工具（U），然后手动调整圆角半径。但你要知道，修饰面板里的“圆角矩形工具”才是亲儿子。在工具栏里按住矩形工具图标不放，会弹出一串工具列表，里面有个“圆角矩形工具”。选它之后，直接在画布上拖拽，圆角默认就是活的。

避坑点：如果你已经用矩形工具画了一个框，再想去改圆角，那只能靠转换为智能对象或者直接栅格化后手动修，非常麻烦。所以，一开始就选对工具，别给自己挖坑。

2. 属性栏里藏着的秘密：半径、样式与描边

选中圆角矩形工具后，看顶部属性栏。这里有三个关键参数：

半径（Radius）

这是圆角的大小，单位是像素。通常建议设到10-20px，太小像没圆角，太大像药丸。老司机技巧：按住Alt键（Windows）/ Option键（Mac）去拖拽图形上的圆角控制点，可以实时微调单个角，但如果你只想统一调整，直接在属性栏输入数值更精准。

样式（Style）

默认是“形状”，这意味着你画出来的是一个矢量形状图层，可以无限缩放不模糊。如果你选了“路径”或“像素”，那后续修改空间就小了。强烈建议始终用“形状”模式，除非你真的只需要一个纯位图。

描边与填充

很多人画圆角矩形框只是为了边框，于是把填充设为无，只留描边。但注意：描边可以设置对齐方式（内部、居中、外部），这会影响最终呈现的尺寸和边缘清晰度。例如，如果你要做1px的描边边框，建议选“内部”对齐，这样边框不会占用额外空间，且边缘锐利。

3. 画完之后还能改吗？当然可以！

如果你按照上面的方法用“圆角矩形工具”创建了一个形状图层，那么随时可以在属性面板（窗口>属性）里修改圆角半径。选中该形状图层，属性面板会出现“圆角半径”输入框，想改多大就多大，圆角始终保持完美贝塞尔曲线。

避坑点：如果你因为手贱用了矩形工具+手动拉圆角（比如用钢笔工具加锚点调曲线），那你就失去了自由修改的能力。这时候，唯一的补救办法是：将该图层转换为智能对象，然后通过“滤镜>模糊>高斯模糊”加蒙版来模拟圆角？别傻了，那效果一塌糊涂。老老实实重画吧。

4. 高级玩法：单独控制每个角的半径

很多新手不知道，PS其实可以单独设置四个角的圆角半径。方法：在形状图层上，选择“直接选择工具”（A），点击图形边缘激活路径，然后你会发现四个角上各有一个小圆圈（圆角控制点）。用鼠标拖拽某个角的小圆圈，即可单独调整该角的半径。但更精确的方法是：选中形状图层后，在属性面板里，点击“圆角半径”旁边的“设置圆角半径”图标（一个小齿轮），会弹出对话框，让你分别输入四个角的数值。

5. 关于导出的坑：别让圆角变狗啃

当你要导出包含圆角矩形框的设计稿时，尤其是导出为PNG或JPG，记得检查以下几点：

• 分辨率：如果是Web用，72ppi没问题，但打印至少300ppi。

• 缩放：如果你对形状图层进行了缩放操作（Ctrl+T），一定要先右键“栅格化图层”（如果无需矢量），或者保持为智能对象，否则导出后边缘可能锯齿。

• 背景：如果你的圆角矩形框是白色填充，放在深色背景上，导出时记得选择“裁切到图层”或“透明背景”，否则会带白边。

老司机 FAQ

Q1: PS画圆角矩形框，如何确保四角完全对称？

A: 在属性面板里，确保“链接半径”图标是选中状态（链条图标），这样你输入任何一个角的数值，其他三个自动同步。如果是分别设置，先点取消链接，再分别输入数值。

Q2: 用圆角矩形工具画出来的框，为什么导出后边缘发虚？

A: 大概率是你画的时候画布缩放比例不是100%（比如200%视图），或者形状图层被旋转/扭曲了。检查“变换”属性，确保没有非均匀缩放。另外，导出时选择“PNG-24”并勾选“交错”有时能改善。

Q3: 如何将已有的直角矩形框快速变成圆角？

A: 如果你的矩形是形状图层，选它之后，在属性面板里直接输入圆角半径值即可（前提是它没有被栅格化为位图）。如果已经被栅格化，那只能靠“选择>修改>平滑”来近似模拟，但会损失边缘精度，建议重画。