在平面设计和UI制作中,圆角矩形因其柔和、现代的视觉效果被广泛应用,无论是按钮、图标还是卡片设计,掌握Photoshop(PS)中绘制圆角矩形的技巧都至关重要,本文将详细介绍两种常用方法,助你快速实现精准的圆角矩形绘制。
使用“圆角矩形工具”
-
选择工具
打开PS,在左侧工具栏中找到“矩形工具”(快捷键U),长按图标选择子菜单中的“圆角矩形工具”。
-
设置圆角半径
在顶部选项栏中,找到“半径”输入框(单位:像素),数值越大,圆角弧度越明显。- UI按钮常用半径:8-12px
- 卡片设计常用半径:20-30px
-
绘制形状
在画布上拖动鼠标绘制矩形,松开后即可生成圆角矩形,按住Shift键可绘制正方形圆角。 -
后期调整
若需修改弧度,可选中形状图层,使用直接选择工具(A)拖动锚点,或重新输入半径值。
通过“矩形工具+圆角属性”
- 先用矩形工具绘制普通矩形。
- 在属性面板(若无则点击菜单栏“窗口>属性”)找到“矩形属性”,调整四个角的半径值。
- 点击锁链图标可统一/单独调整每个角的弧度。
- 适合需要不对称圆角的设计(如仅左上、右下圆角)。
进阶技巧
- 矢量可编辑性:圆角矩形为矢量路径,可无限缩放不失真。
- 描边与填充:通过属性面板自定义颜色、渐变或描边样式。
- 转换为选区:右键图层选择“栅格化”后,可转为选区进行更多编辑。
常见问题
- 为什么圆角不显示?
检查半径是否为0,或图层被隐藏/锁定。
- 如何精确控制弧度?
在属性面板直接输入数值,比手动拖动更精准。
掌握这些方法后,无论是制作APP界面还是海报设计,圆角矩形都能轻松驾驭,尝试结合不同半径和样式,为你的作品增添细节美感吧!
小练习:用圆角矩形设计一个iOS风格的按钮,并分享你的成果!
(注:本文基于PS 2023版本,旧版界面可能略有差异。)
