PS如何画圆角矩形方框？老司机手把手教你避开坑

前言：为什么你老画不好圆角矩形方框？

先说个真相：网上90%的PS教程都是鸡肋。要么教你用笨办法，要么默认你会了基础操作。今天老司机就直截了当，讲透PS里画圆角矩形方框的底层逻辑，顺便把坑给你填平。

方法一：形状工具流——最稳当的套路

第一步：拉出圆角矩形

• 按键盘 U，调出“圆角矩形”工具（别找菜单了，快捷键更快）。

• 在上方属性栏，设置圆角半径。敲黑板：不同版本PS的半径单位可能不一样，老版是像素，新版是“点”。建议直接输入数值，比如30 px（先不管单位，输完回车上路）。

• 在画布上按住鼠标左键拖拽，别松手——按 Shift 可以保持正方形比例。

第二步：转成选区

• 拖动完后，其实你还拖着一个虚拟矩形。右键点开，选“建立选区”，羽化设0。

• 或者更直接：Ctrl + 回车（Mac是Command + 回车），直接转为选区。

第三步：描边

• 新建空白图层（Shift+Ctrl+N）。目的是让描边单独一层，方便修改。

• 按 Alt + E + S 调出描边对话框，或从菜单栏：编辑 > 描边。

• 宽度设2~4像素（看用途），颜色选前景色或自定义。

• 位置：选“内部”或“居中”，别选“外部”，否则边角会多出毛刺。

避坑：为什么我的边角不圆滑？

1. 画布太小，像素不够。 分辨率别低于300 dpi，否则圆角变成锯齿。

2. 半径设太大。 比如矩形宽100px，半径设50px，那就变成药丸了。视觉上，半径建议控制在短边的20%以内。

3. 未对图层栅格化。 有些老版本PS，形状层不能直接描边，先右键栅格化图层再操作。

方法二：路径描边——追求像素级精准

当你要的是方框边缘有渐变、画笔效果，或者想精确控制描边宽度时，用这个方法。

操作步骤

1. 还是用圆角矩形工具，但在属性栏选“路径”模式（三个图标中选中间那个）。

2. 画好路径。如果你想调整节点，用直接选择工具（A）拖拽锚点，或移动一下圆角的控制柄（那个蓝色方块）。

3. 选中画笔工具，按F5调出画笔面板，设置大小、硬度、甚至铅笔仿真。

4. 按 P 或点击路径面板，右键路径，选“描边路径”，工具选“画笔”，勾选“模拟压力”可能会让你的线头变尖。

5. 描完，按退格键隐藏路径。

进阶技巧

• 用图层样式描边：双击图层空白处，在图层样式里选“描边”，可以随时改大小、颜色、甚至叠加渐变。

• 如何画双线框：复制图层，然后按Ctrl+T，缩小一圈。或者用两次描边，第一次内部，第二次居中（需调整像素）。

方法三：快捷操作党——用动作录制

如果你要画100个相同样式的框，别手操了，用“动作”录制。

1. 窗口 > 动作，新建动作。

2. 按上面的方法二完整走一遍。

3. 停止录制。下次直接选动作，点播放。

坑：录制时坐标别固定，否则播放时永远画在同一个位置。尽量用相对坐标，或者配合选择工具自由定位。

老司机 FAQ

Q1: 我画出来的圆角矩形方框有锯齿，怎么处理？

A: 90%是分辨率问题。新建画布时设300 dpi，然后检查视图 > 显示 > 像素网格是否勾选？如果有锯齿，可以在描边前对图层先“高斯模糊”0.3~0.5像素，然后“色阶”拉回来。或者直接用“消除锯齿”的画笔描边。

Q2: 我想让圆角矩形方框的边上有渐变效果，但直接用描边只能纯色？

A: 方法一：先画一个纯色圆角矩形，然后双击图层，添加“渐变叠加”样式，把混合模式设正常。方法二：用路径描边，在画笔预设里选“渐变画笔”，先拉渐变再描边。方法三：画两个同样大小的圆角矩形，下面的渐变，上面的缩小一圈当遮罩。推荐方法一，简单不篡位。

Q3: 圆角矩形工具和矩形工具+羽化有什么区别？

A: 完全两码事。圆角矩形是固定半径的直角倒圆，边是直线；而羽化是整个形状边缘的过渡柔和。羽化只能做出模糊边，不能做出清晰圆角。如果你要清晰圆角，就别用羽化。