很多人以为画个圆角正方形就是拉个圆角矩形,结果要么边缘锯齿,要么后期没法改,要么导出来不是矢量。今天我就把这十几年的实战经验抖出来,三种方法从易到难,个个都能让你自己动手搞定,还能避免那些坑。

方法一:矩形工具最直接,但别踩这两个雷

矩形工具的圆角半径设置

打开PS,左边工具栏找到“矩形工具”(快捷键U)。上方选项栏里有一个圆角图标,旁边就是半径值。比如你输入20像素,画出来的正方形四个角就带20像素的圆角。

避坑1: 如果你已经画完了再改半径,直接在图层面板里双击形状图层的缩略图,属性面板里就有圆角半径,可以随时改。千万别重新画,除非你想体验重复劳动。

避坑2: 画的时候按住Shift键才是正方形。不按的话就是任意矩形,很多人画歪了还来问为什么不是正圆角。

方法二:路径修饰,玩转任意圆角

用直接选择工具调整锚点

有时候你想让圆角大小不一样,或者只对两个角做圆角。这时候就用路径。

先画一个普通正方形(矩形工具+Shift),然后按A键切换到“直接选择工具”。点击正方形的四个角中的任一个,你会看到锚点上有两个小手柄。拖动锚点或者手柄,就可以单独调整那个角的圆度。

避坑: 如果锚点拖不动,检查一下路径是不是被锁定了,或者图层是不是栅格化了。路径一定要保持“形状图层”状态。

从路径生成形状

如果你已经有一条路径,比如用钢笔工具画的,那就右键点击路径,选择“定义自定形状”,以后就能直接从形状工具里调出来用。

方法三:图层样式+智能对象,可编辑的完美方案

用圆角矩形创建智能对象

按住Shift画一个圆角正方形,然后右键图层选“转换为智能对象”。这样以后你双击这个智能对象,就能进入独立画布修改,主场景会自动更新。

避坑: 智能对象内的内容建议也用矢量形状,不然缩放的时候还是会糊。

自定义圆角:用蒙版或剪贴路径

如果官方圆角矩形满足不了你,还可以用矢量蒙版。比如先画一个正方形,再画一个圆角矩形(作为蒙版形状),把圆角矩形转为矢量蒙版,就能实现任意形状的圆角。记得用直接选择工具微调。

进阶技巧:批量导出和自适应圆角

动作预设一键生成

如果你要批量做50个圆角正方形,录一个动作:新建形状-设置圆角半径-转为智能对象-保存。以后按个快捷键就搞定。

圆角与网格对齐

在视图菜单里打开“对齐到网格”,这样画的圆角正方形边缘会完美贴合像素,导出后不会出现半像素的模糊。

老司机 FAQ

Q:为什么我画的圆角正方形导出后边缘有锯齿?

A:最常见的原因是你用了位图图层而不是形状图层。右键图层查看属性,如果是“背景”或“像素图层”,那就先复制一份,然后执行“滤镜-模糊-高斯模糊”再调阈值?不,正确做法是直接在形状工具里选中“形状”模式(非像素),然后导出为SVG或PDF。如果非要导出PNG,就把画布放大2倍再导出,锯齿会轻很多。

Q:怎么让圆角正方形在后期能随时改圆角大小?

A:用矩形工具画的时候,开启属性面板(窗口-属性),选中形状图层就能看到圆角半径输入框。或者直接转为智能对象,双击进入修改。要是用过时的位图方法,那就只能重画,所以一开始就养成用形状图层的习惯。

Q:PS里能画非对称圆角(比如左上角大右下角小)吗?

A:可以。用直接选择工具(A)选中角上的锚点,然后拖动白色小圆点(活角控件)。如果看不到小圆点,在选项栏里点一下“使角活角”图标。然后就能分别调整四个角的半径。这个功能在CC 2018之后才有,老版本可以尝试用路径描边加蒙版来实现。

老司机实战心得:

本文深度聚焦关键词 ps如何画圆角正方形,ps圆角正方形,圆角矩形ps教程。在技术迭代飞快的今天,唯有坚持原创和实战,才能在搜索引擎的博弈中立于不败之地。如有疑问,欢迎在后台交流。