废话少说，PS如何画圆边矩形框中的线条？
很多新手，甚至一些用了 Photoshop 几年的朋友，在画圆角矩形框里的线条时都会卡壳。不是画歪了，就是线条跑到框外面去了。今天我就直接告诉你，底层逻辑就两条：路径的对齐 和 描边的属性。
方法一：用形状工具直接画（最推荐）
这是目前最快、最稳的方法，适合 Photoshop CC 及以上版本。
1. 选对工具：左侧工具栏找到“圆角矩形工具”（快捷键 U）。
2. 设置模式：在顶部选项栏中，将绘图模式设置为“形状”，而不是“路径”或“像素”。这样我们画出来的就是矢量形状，可以随时调圆角大小。
3. 画个底框：先画一个圆角矩形作为容器。这里要注意，圆角的半径要记下来，比如 10 像素。
4. 画内部线条：再画一个新形状，同样选“圆角矩形”，然后把圆角半径也设为 10 像素（保持一致才对齐）。将这个新形状的填充取消（顶部选“无填充”），然后“描边”选一个颜色，宽度设为你想要的线条粗细。
5. 对齐操作：选中两个形状图层（按 Shift 点击图层缩略图），然后点顶部选项栏的“对齐”：先点“水平居中对齐”再点“垂直居中对齐”。
避坑提示：如果内部线条的圆角半径和外部框不同，线条角就会露在外面或缩在里面，非常难看。圆角半径一定要一致！
方法二：路径组合法（适合老手）
如果你需要更复杂的线条布局，比如框内不止一条线，用路径组合法更灵活。
1. 画路径：先用圆角矩形路径画一个框（模式选“路径”）。
2. 复制路径：在路径面板（窗口>路径）中复制这个工作路径。
3. 缩放路径：选中复制出来的路径，用“路径选择工具”选中路径，然后按 Ctrl+T 自由变换，按住 Alt+Shift 等比缩小。
4. 设置描边：切换到“画笔工具”，选一个硬边圆笔刷，大小调好（比如 5px）。然后右键路径，选“描边路径”，工具选“画笔”。
避坑提示：缩放路径时如果没按住 Alt+Shift，路径中心点会跑偏，导致内边不居中。一定要同时按住 Alt+Shift 缩放！
方法三：图层样式简化法（适合快速出图）
如果你只是为了给某些 UI 元素加个边线，不想做复杂图层，可以用图层样式。
1. 画一个圆角矩形：填充任意颜色（后面会隐藏）。
2. 添加描边：右键图层>混合选项>描边。设置大小、位置（选“内部”）、颜色。
3. 隐藏填充：在图层样式中，将“填充不透明度”改为 0%（不是图层上方的透明度，是样式里的填充）。这样你就只剩下一个圆角描边框。
4. 加内部线条：如果还需要内部的线条，可以用上面的方法再叠加一个形状或路径。
避坑提示：图层样式的描边位置要选“内部”，否则线条会向外扩，导致实际边框比设计大。
常见误区与踩坑修复
- 线条溢出圆角：如果你用“内描边”但圆角半径太小，线条在转角处会变粗。解决方案：保持圆角半径 ≥ 描边宽度的一半。
- 线条不居中：用“对齐”工具时，确保两个形状的宽高一致。如果内部线条是矩形而非圆角矩形，对齐后边缘会不吻合。
- 缩放后变形：如果用了路径缩放，缩放比例不是等比的，会造成圆角变形。记住用“自由变换”时要按住 Shift（等比）和 Alt（中心）。
实战案例：给 UI 按钮画一个带指示线的框
假设你要在画册设计中，给一个产品图外围画一个圆角矩形框，框内还要有一条对角线的指示线。
1. 第一步：用圆角矩形画外框，半径 20px，描边 4px，颜色 #333。
2. 第二步：再画一个完全一样的形状（复制图层），将填充和描边都取消，但保留路径。
3. 第三步：右键路径（在路径面板），选“建立选区”，然后按 Delete 删除——不对，那是删除内部，我们要保留框内的线条。正确的做法是：用钢笔工具补一条对角线路径，或者直接画一条直线（用直线工具），然后对齐到框内。
4. 第四步：将对角线图层与框图层对齐（水平居中、垂直居中选择其中一个，再手动调整位置）。
重点：直线工具画出来的线条是矩形，如果你要斜的，需要旋转。旋转中心要对齐到框的中心，否则线条会偏移。
总结
记住一句话：用形状工具，设相同圆角，靠对齐取胜。别去背那些复杂的教程，你只需要掌握形状的“填充无、描边有”，以及图层的“水平垂直居中”这两个操作，99% 的圆角框内线条问题都能解决。
老司机 FAQ
Q1：PS里圆角矩形框的圆角半径怎么改？
A：如果你已经画完了，在属性面板（窗口>属性）里找到圆角半径，直接改。如果是旧版 Photoshop，只能删了重画，或者用路径“转换点”工具手动微调。建议一劳永逸：画之前就设好半径。
Q2：怎么让内部线条贴着圆角矩形的内边缘？
A：最简单的方法是复制外框形状，然后等比缩小（Ctrl+T，Alt+Shift），缩小的距离就是描边的一半宽度。比如外框描边 10px，缩小 5px 即可。不过要注意，这样缩小后圆角半径也会按比例变化，所以如果要求严格，最好手动调整圆角半径。
Q3：为什么我画的线条在圆角处断掉了？
A：多半是因为你用了“像素”（位图）模式而不是“形状”模式。像素模式下，线条是像素级别的，放大或缩放会显示锯齿或断点。解决方案：永远优先使用“形状”模式，它生成的线条是矢量的，永不断裂。
本文深度聚焦关键词 ps如何画圆边矩形框中的线条,Photoshop圆角矩形线条,圆角框内线条,PS圆角描边,UI设计圆角框。在技术迭代飞快的今天，唯有坚持原创和实战，才能在搜索引擎的博弈中立于不败之地。如有疑问，欢迎在后台交流。