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

前言：圆角矩形方框图是UI和流程图的基本功

别管你是在做UI设计、流程图、还是写PPT配图，圆角矩形方框图都是最基础也最常用的元素。很多人觉得PS画个圆角矩形有什么难的？结果画出来的不是锯齿就是死边，要么对齐不准，要么后期没法改。今天老司机就给你把这些坑全部填上。

工具怎么选？形状工具才是亲儿子

有人用矩形选区+描边，有人用钢笔工具，其实都不要。PS里画圆角矩形方框图，最正确的方式就是用【形状工具】里的【圆角矩形】。路径和形状的区别在于：路径画完没图层，后期要改半径、大小还得重画；形状是矢量图层，双击随时改。

步骤一：调出圆角矩形工具

快捷键 U，或者长按工具栏的矩形图标，选择圆角矩形。注意左上角选项栏要选【形状】，不要选路径或像素。颜色随便，晚点改都行。

步骤二：设置圆角半径

选项栏里有个【半径】输入框，默认10像素。老司机建议：小图（比如100x100）用8-12px，大图（比如500x500）用20-30px。半径太大容易像胶囊，太小跟直角没区别。你还可以画完后在【属性】面板里改半径，随时调。

步骤三：画框技巧

按住鼠标左键拖拽画圆角矩形，想画正方形就加按Shift。画完后，如果要对齐到画板或其他元素，用移动工具配合【对齐】按钮（顶部选项栏里那排横竖线）。

避坑指南：这3个坑99%的新手都会踩

坑1：画完没法改大小或圆角

用形状工具画但选了【像素】或【路径】？那就完蛋了，像素图没法改，路径改完要重新描边。解决办法：记得选【形状】，这样图层自动带一个形状属性，双击图层缩略图的形状图标（不是图层缩略图！）就能改半径、颜色、描边。

坑2：画完的圆角矩形边缘有锯齿

圆角矩形本身是矢量，放多大都不会锯齿。但如果你把它栅格化了（右键栅格化图层），或者导出分辨率不对，就会糊。老司机建议：保留形状图层到最后一刻，导出前再栅格化，或者直接导出SVG。如果必须栅格化，画布DPI设300起步。

坑3：多个圆角矩形无法完美对齐

想想看，你要画一组流程图，几个框要等间距、等高、垂直居中。很多人纯手动拖，结果累死还对不齐。正确做法：先排好位置，选中所有形状图层（按住Ctrl点选），然后点击顶部【对齐】按钮的【垂直居中对齐】和【水平分布】。注意是【分布】不是【对齐】。

进阶操作：让方框图更专业

内阴影与描边

方框图太死板？加个内阴影（图层样式-内阴影），设置角度120度，距离2-3px，大小5px，不透明度30%。描边的话建议用形状的【描边】属性（在属性面板里），不要用图层样式里的描边，因为前者描边在内部，不会影响框的尺寸。

圆角矩形+箭头连线

很多教程说画箭头用自定义形状，老司机告诉你：直接钢笔工具画路径，然后选【画笔】+【模拟压力】，再右键【描边路径】。这样画出来的箭头有粗细变化，更专业。

批量生成重复方框

用【Ctrl+J】复制图层，然后移动工具选中它，再按Alt+方向键复制并位移。或者更高级的：用【图层组】配合【复制组】功能，再调组位置。

老司机 FAQ

Q1：PS里如何快速调整所有圆角矩形的半径一致？

A：选中所有圆角矩形形状图层，在【属性】面板（窗口-属性）里修改“圆角半径”的值，所有框会同步变化。注意要先统一半径再调整大小，不然会变形。

Q2：圆角矩形方框图导出后颜色偏暗怎么办？

A：检查颜色模式！别用CMYK（那是印刷用），用RGB。另外导出时选PNG-24，不要选JPEG，JPEG压缩会变色。如果必须JPEG，品质调80以上。

Q3：怎么给圆角矩形方框图加上渐变背景？

A：双击形状图层空白处，打开图层样式，勾选【渐变叠加】，选线性渐变，角度90度。颜色建议用浅蓝到深蓝（#4facfe 到 #00f2fe），或者黑到灰。但注意：渐变会覆盖原有颜色，想保留边框的话，记得在渐变叠加上方再加一个【描边】样式。