
作者的官方自述(这段很坦白,值得照抄):
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 原生的形状图层给的控制非常少。市面上已经有一些不错的扩展,
但没有一个能做到我想要的全部,所以我自己做了一个。
★ 这段把它的定位说得明明白白:它是为了解决”AE 原生形状图层控制太弱”而生的。
★ AE 原生做圆角矩形的问题具体在哪:
· 圆角半径只有一个 `Roundness` 参数,四个角永远一致,想单独调某一个角做不到
· 想做「苹果那种 squircle(超椭圆)」——原生完全没有这个概念
· 想做「内凹圆角」(concave)——原生只能凸,凹的要自己搭路径
· 想在矩形九个方位挂空对象(null)来带动画——原生得手动算位置、写表达式
· 想整体对齐到 comp 或图层——原生形状图层的「Group」位置和 Transform 是两套坐标
二、六个可独立 K 帧的参数
官方原文:
Easily Morph Rectangle Shapes
Enjoy individual animatable control over
Width
Height
Alignment
Corner roundness (linked or separate)
Corner curvature (convex vs concave)
Squircle (for Apple-style panels)
对应成中文并解释每一条的实际价值:
① Width / Height(宽、高)
独立可动。原生形状图层的尺寸参数藏在内容层里,做动画要层层点开。
② Alignment(对齐)
矩形相对 comp / 相对自身位置的对齐方式。
★ 这条是「改尺寸但中心不动」的关键——不然加宽的时候会往一边长。
③ Corner roundness(linked or separate)(圆角半径:联动或分离)
★ `linked or separate` 是这条最值钱的地方。
linked = 四角一起调(日常用)
separate = 四角各自调(做「只有左上角圆」的卡片、做「对话框小尖角」这类)
原生 AE 完全没有 separate 这个选项。
④ Corner curvature(convex vs concave)(圆角曲率:外凸 vs 内凹)
★ convex = 普通的圆角(向外圆)
concave = 内凹圆角(向内切,像被咬掉一块)
内凹圆角是「新拟态 / 玻璃拟态 / 高端 UI」里很常见的一种视觉,
AE 原生要做只能手动改路径点。这是它区别于其它圆角扩展的核心功能之一。
⑤ Squircle(for Apple-style panels)(超椭圆,苹果风格面板)
★ 严格说苹果的圆角不是圆弧,是超椭圆(squircle)——
圆的公式是 x²+y²=r²,超椭圆是 |x|ⁿ+|y|ⁿ=rⁿ(n≈4~5)。
视觉差别:真圆弧的圆角看起来”扁”,squircle 的过渡更连续、更有”果味”。
★ 想做出 iOS 那种面板质感,这一项是必须的。原生 AE 无解。
三、1-Click Null Creation:九个方位的空对象
官方原文:
1-Click Null Creation
Easily create nulls that follow 9 regions of your rectangle.
Perfect for
· Dynamically pinning elements inside your rectangle
· Dynamically pinning elements outside your rectangle
· Dynamically pinning gradient stroke and gradient fill start and end points
to your rectangle
★ 也就是一键在矩形的九个区域生成空对象(四角 + 四边中点 + 中心,3×3 网格),
这些 null 会跟着矩形走。
★ 三个官方给的用途,逐个说清价值:
① 把元素钉在矩形内部
比如卡片里的图标、文字,钉在矩形上——卡片改大小、改位置,里面的元素自动跟着走。
不用给每个元素写「跟随卡片」的表达式。
② 把元素钉在矩形外部
比如卡片外挂的角标、阴影、装饰——同样自动跟随。
③ 把渐变的起止点钉到矩形上
★ 这条最专业:AE 的渐变填充/描边,起点终点是两个坐标点。
矩形一动,渐变就错位了(因为点不会跟着动)。
把渐变端点钉到 null 上,矩形怎么变形,渐变都始终贴着它的边。
做「会变的玻璃卡片」这种活的时候,没有这个功能基本做不了。
四、Figma → AE:一键转换
官方原文:
1-Click Convert Rectangles From Figma Into RectControl
Rectangles from Figma with linked corner roundness brought into After Effects
through Overlord can be converted with one click into RectControl versions and
maintain fill, stroke and corner roundness.
直译:
一键把 Figma 的矩形转成 RectControl 矩形。
从 Figma 通过 Overlord 导入 After Effects 的、带联动圆角的矩形,
可以一键转换成 RectControl 版本,并保持填充、描边和圆角。
★ 这条打通的是 设计稿 → 动画 的链路:
Figma 里设计师画好卡片 → Overlord 导进 AE → RectControl 一键接管 →
然后在 AE 里做变形动画,而不用重画。
★ 但要注意依赖:它需要 Overlord(另一个付费扩展)来做 Figma→AE 这一段。
RectControl 自己只负责最后那”一键转换”。
五、还有一个顺手的好处:项目可以不带插件传出去
官方原文(这段很重要,很多人会踩坑):
Easy to share
Projects can be passed to animators without RectControl and they can still use
the Effect Controls.
To add pinned nulls or adjust alignment without changing position, RectControl
must be installed.
★ 拆开看,这是两件事:
① 没有装 RectControl 的人也能用 Effect Controls 调
因为矩形本体是用 AE 原生的 Effect Controls 驱动的(.ffx 预设那部分),
参数是 AE 原生效果参数,不是插件私有面板。
所以项目发给别人,对方即使没装也能改宽高、圆角——只是没有面板 UI。
② 但要「加钉住的 null」或「改对齐而不改位置」,就必须装插件
这两类操作要跑插件逻辑,光靠原生效果参数做不到。
★ 这个设计很体贴:它把”参数”和”工具”解耦了。
很多插件是”没装就打不开”,RectControl 是”没装还能改,只是不能用高级功能”。
团队协作时的差别很大。
六、v1.1.0 的性能改进 + 包内实测 + 安装
v1.1.0 的重要更新(官方原文)
New Features in v1.1.0
Improved Polling
My tools RectControl, AlignAll, and Type ReAlign each use polls to keep their panel UI
in sync with your layer selections. I’ve merged these into a single shared poll,
so that even with all three extensions open, only one poll will run.
If you’re worried about performance, or notice keystrokes are getting lost,
you can turn polling off in the settings menu. With polling disabled, the UI only
updates when your cursor enters the panel.
Note: to stop polling entirely, you need to disable polling in each extension you have open.
★ 这段说的是:作者有三个扩展(RectControl / AlignAll / Type ReAlign),
原本每个都有自己的轮询(poll,定时检查图层选中状态以同步面板 UI)。
三个一起开就是三份轮询在跑,会拖性能、还会”吃按键”(keystrokes getting lost)。
1.1.0 把三个轮询合并成一个共享的——三个全开也只跑一份。
★ 官方还给了退路:性能敏感的人可以在设置里关掉轮询,
关掉后 UI 只在你把鼠标移进面板时才更新。注意要关得每个扩展都关。
包内实测 16 个文件 / 3,379,813 B,CEP 扩展目录 `com.adamsacks.rectcontrol`:
client/license/aesp.umd.js 2,750,915 B ← 授权库
RectControl-Documentation.pdf 389,937 B ← 官方文档
host/host.jsxbin 107,294 B ← 宿主脚本
client/libs/CSInterface.js 42,759 B
client/index.js 21,560 B ← 面板逻辑
client/selsync.js 15,385 B ← 选中同步(就是上面说的轮询)
META-INF/signatures.xml 12,462 B
client/RectControl.ffx 11,284 B ← 效果预设(关键!)
RectControl.ffx 11,284 B ← 同一份预设在根目录的副本
client/index.html 9,269 B
Add Keys.reg 1,938 B
CSXS/manifest.xml 1,567 B
★ 两个 `.ffx`(同一个文件的两份副本)就是第 5 节说的「没装插件也能用」的载体——
它是 AE 原生的效果预设,双击套上去就有一个 RectControl 效果,参数是原生效果参数。
★ manifest 实测:`com.adamsacks.rectcontrol` / 1.1.0 / Host `AEFT [0,99]`(不限版本)。
安装
1. 解压 rar
2. 把 `com.adamsacks.rectcontrol` 目录放到 CEP 扩展目录:
Windows `C:Program Files (x86)Common FilesAdobeCEPextensions`
macOS `~/Library/Application Support/Adobe/CEP/extensions/`
3. 把 `RectControl.ffx` 放进 AE 的效果预设目录(或直接双击导入)
4. `Add Keys.reg` 是 Windows 下的注册表项(CEP 调试模式相关),需要时双击合并
5. 重开 AE,在 `窗口 > 扩展` 里打开面板
版本落差:本包 1.1.0,官方最新 1.1.1(Jul 19, 2026,修 PC 上 Settings 不出现在下拉菜单的 bug)。
原产品页:https://aescripts.com/rectcontrol/
封面图片来自作者官方产品页。本文为中文整理,功能与兼容性信息以作者官方页面与包内说明为准。资源仅供学习交流,商业使用请购买正版授权。















暂无评论内容