Grid Builder v2.0.2 —— AE 网格排布引擎：四种网格、一个 Null 全控、排布之间可形变-游戏CG

📦 资产下载解压后 25 个文件，合计 2,731,605 字节

After Effects 没有原生阵列工具。想摆一圈十二个图标，你得复制十二次、每次旋转 30 度、把位置算到圆周上。想摆成一个球面，得写表达式或者装第三个插件。想从环形变形成排排坐，基本等于重做一遍。

有人用表达式解决：位置用 sin/cos 算，旋转用 index 算。这确实能做环形，但改参数靠改表达式，别人接手看不懂，而且球面分布要预先算好数学公式。

Grid Builder 的思路是把这些算好放进面板：你选一个网格模式，在面板里建，之后所有参数都在一个控制 Null 上的伪效果（Pseudo Effect）里。

官方标语：「The ultimate grid engine for After Effects. Create, manage, animate complex layouts and trigger true proximity effects – all from a single Null.」——After Effects 的终极网格引擎。创建、管理、动画化复杂布局，并触发真正的邻近效果——全都通过一个 Null。

「一个 Null」是这个设计的核心：不管网格里有多少图层，控制它们的位置只有一个 Null，所有参数都在它上面。时间线很干净，交接给别人时对方一眼就能看到「这个 Null 控制这一组」。

二、四种网格模式与四种朝向

按官方说明，网格模式有四种：

Rectangular Grid（矩形网格） —— 按列排。最常用的一种，做图片墙、图标阵列、图文排版。
Radial Grid（环形网格） —— 图层排成圆环。
Path Grid（路径网格） —— 选一个路径模板或者自己画一条，图层沿路径铺开。
Spherical Grid（球面网格） —— 官方原话是「数学上完美分布的图层在球面上」，也就是用斐波那契球这类算法均匀铺点。这个手动做几乎不可能。

朝向模式（orientation modes）也有四种：

Forward —— 图层跟着控制 Null 的旋转与朝向走。
Orient to center —— 所有图层始终朝向网格中心。
Face Screen —— 所有图层始终朝向相机，不管网格怎么转。做图标墙时用这个，转网格图标不会跟着歪。
Orient to path —— 只用于路径模式，图层沿路径方向对齐。

关键的一点是官方那句「Morph between the different modes! Fluidly animate…」——可以在不同朝向模式之间平滑形变。这意味着你能让一排图标从「都朝屏幕」慢慢转成「都朝中心」，或者从矩形网格变形到环形网格（2.0.0 加的 Morph 功能）。这是原生 AE 完全做不到的事。

三、2.0.x 这几个版本加了什么

包内是 2.0.2（2026-08-17），官方版本历史里这一版更新是「fixed the Twist behavior, when orientation mode has changed」——修了朝向模式改变时 Twist 行为出错的问题。

往前几个版本值得知道：

· 2.0.1（2026-06-27） —— Morph 现在在建网格的过程中就能直接用；Trial 版有一些改动与增强。
· 2.0.0（2026-06-22） —— 新增 Proximity 功能（真正的邻近效应，图层根据彼此距离互相影响）。
· 1.1.1（2026-05-18） —— 修了用 Legacy ExtendScript 时 Grid Builder 不工作的问题。
· 1.1.0（2026-05-15） —— 新增 Morph 模式（在不同网格布局之间来回形变）；新增 Twist 与 Stagger 控制（可对网格内每个元素单独设）；修了切换网格模式时控制参数与关键帧没被带过去的问题。
· 1.0.8（2026-04-29） —— 修「Can not set value」错误（由分离维度的图层引起）。

从这条时间线能看出：Morph 与 Twist/Stagger 是 1.1.0（2026-05-15）才有的，Proximity 是 2.0.0（2026-06-22）才有。如果你看的是更早的教程，会找不到这些功能。

2.0.2 是当前最新版，本包与之一致，不存在落后问题。

四、装法与工作流

包内结构：`Grid_Builder_v2.0.2/Grid Builder v2.0.2/com.jera.gridbuilder/`（CSXS/manifest.xml、host.js、index.html、jsx/host.jsxbin、src/GridRad_V106.ffx 与 src/GridPath_V106.ffx 两个预设、style.css、node_modules/aescripts-cep-license），外层是 `install-as-admin.zip`。

`.ffx` 文件是 AE 的预设文件——`GridRad_V106.ffx` 是环形网格预设，`GridPath_V106.ffx` 是路径网格预设。装上之后可以直接从预设里起手。

装法：把 `com.jera.gridbuilder` 目录拷到 CEP 的 extensions 目录（Windows `C:Program Files (x86)Common FilesAdobeCEPextensions`，macOS `/Library/Application Support/Adobe/CEP/extensions`），macOS 跑 `install-as-admin.zip` 里的脚本打开未签名扩展开关。重启 AE，在「窗口 > 扩展」里打开 Grid Builder。

工作流：面板里建网格（选模式、选源图层、设行列数或半径）→ 生成后得到一个控制 Null → 在 Null 的「效果控件」里调所有参数（Pseudo Effect 挂在那里）→ 需要动画就直接给这些参数打关键帧。

官方强调的一点：「Each layer remains fully controllable. You can animate, add effects, or modify layers to your liking without breaking the grid logic.」——单个图层仍然完全可控，你可以给它加动画、加效果、随便改，网格逻辑不会坏。这一点很重要：很多阵列工具会把图层锁死，Grid Builder 不锁。

另一个实用功能是面板里能拖拽排序图层：「Drag and drop to reorder layers directly within the extension」，不用去合成图层堆里找。