
After Effects 的形状层里,圆角矩形只有一个 Roundness 参数。它同时作用于四个角,值就是半径,没有曲率的概念,也不能让这个角比那个角更方。想要一个左上角 8px、右下角 24px 的卡片,得画两层形状布尔运算,或者用遮罩硬抠。
做 UI 动画的人每天都在跟这件事打交道。官方的开场白说得挺直白:「Rounded rectangles. If you do any UI/SaaS animation you have to deal with them. Native After Effects shape layers give very little control. There are some good extensions out there already, but none of them did everything I wanted, so I made it myself.」
直译:圆角矩形——只要你做 UI 或 SaaS 动画,就必须对付它。AE 原生形状层给的控制太少了。市面上已经有一些不错的扩展,但没有一个能把我想要的全做到,所以我自己写了一个。
这句「所以我自己写了一个」是这个插件的可信度来源之一:它不是为了卖而做的产品,是一个人做 UI 动画做到烦了之后的产物。
官方列出的参数能力是:Width、Height、Alignment、Corner roundness(linked or separate)、Corner curvature(convex vs concave)、Squircle(for Apple-style panels)。
二、它到底能调什么
官方列出的参数能力是:Width、Height、Alignment、Corner roundness(linked or separate)、Corner curvature(convex vs concave)、Squircle(for Apple-style panels)。
逐条拆开:
宽度与高度当然是基础,但它是在扩展面板里输入的数值,而不是拖形状手柄,所以能精确到像素,也能直接打关键帧做尺寸动画。
对齐指的是矩形相对于图层锚点的对齐方式。做响应式 UI 动画时,你需要矩形从中心长出来、还是从左边长出来,这个参数直接决定。
四角圆角,可链接也可分开。 这是最实用的一条:链接时四个角同步,和原生一样;分开之后每个角独立设值,左上 8 右下 24 这种卡片布局一次就能做出来,而且每个角都能打关键帧做单独动画。
曲率(凸或凹)。 这是原生完全没有的维度。同样是半径 20,曲率决定这段过渡是向外鼓还是向内收——向外鼓是普通圆角,向内收就出现了那种「内凹切角」的观感,做科技感面板、赛博风卡片很常用。
Squircle。 苹果从 iOS 7 开始用的不是真圆角,而是超椭圆(squircle),视觉上比正圆角更「饱满」。原生 AE 做不出来,必须用贝塞尔手调。RectControl 直接给了一个开关。
除了参数,官方还提到能在不同形状之间做 Morph(形变),也就是让一个矩形平滑过渡成另一种形态。
三、1.1.x 两个版本改了什么
1.1.1(2026-07-19,本包版本) 修的是 Windows 上从下拉菜单里选不到 Settings 的问题。这是一个纯粹的界面可用性修复:在这之前 Windows 用户没法打开设置面板。
1.1.0 是一次结构性改动:把 RectControl、AlignAll、Type ReAlign 三个扩展合并成共用一个 poll(轮询)的形态,并且这个轮询可以关掉。这一点值得说细一点——CEP 扩展如果各自开一个常驻轮询,AE 里同时装几个就会互相拖慢;合并之后只有一个轮询在跑,而且给了开关。
对于同时装了这三个扩展的人来说,1.1.0 之后它们不再互相抢资源。本包 1.1.1 已经是官方最新版本。
四、怎么装
包内是标准 CEP 扩展结构:`com.adamsacks.rectcontrol/`(内含 host/host.jsxbin、CSXS/manifest.xml、META-INF 签名、client/index.js、client/selsync.js、client/RectControl.ffx、client/license/aesp.umd.js、client/libs/CSInterface.js),外层另有 `Add Keys.reg`、`WinExtensions.lnk`、`RectControl-Documentation.pdf` 与 `install-as-admin.zip`。
装法:把 `com.adamsacks.rectcontrol` 整个目录拷到 CEP 的 extensions 目录(Windows `C:Program Files (x86)Common FilesAdobeCEPextensions`,macOS `/Library/Application Support/Adobe/CEP/extensions`),Windows 上跑一次 `Add Keys.reg`,macOS 上跑 `install-as-admin.zip` 里的脚本。重启 AE,在「窗口 > 扩展」里打开 RectControl。
注意 extensions 目录下必须直接是 `com.adamsacks.rectcontrol`,不能多套一层。
包内还带一个 `client/RectControl.ffx`,这是一个 AE 预设文件,相当于一键生成符合该插件参数结构的矩形图层。
五、适合谁,以及它的边界
最适合的人是做产品动效、UI 演示、SaaS 官网视频的——这类工作里矩形卡片、按钮、弹窗是主角,圆角精度直接影响「像不像正经产品」。
不太需要的人:做影视合成、角色、场景的,一年也用不上几次圆角矩形。
边界也要说清楚:它管的是形状,不管材质、阴影、描边风格。你想要的玻璃拟态、辉光、内阴影,还得靠别的效果堆。它把圆角矩形这一件事做透了,仅此而已——对一个售价 $10 的扩展来说,这个定位是合理的,也别期待更多。
另外它是单用户商业授权,本包只是安装文件,授权需要自己购买。
原产品页:https://aescripts.com/rectcontrol/
封面图片来自作者官方产品页。本文为中文整理,功能与兼容性信息以作者官方页面与包内说明为准。资源仅供学习交流,商业使用请购买正版授权。















暂无评论内容