
官方第一句:
PuzzleMotion – A block-based motion editor.
一个基于积木(方块)的运动编辑器。
Simply by placing visual blocks, you can easily create complex typography
and layer animations.
只要把可视化方块摆好,你就能轻松做出复杂的字体动画与图层动画。
★ 这句话里的关键词是 block-based。它不是”给你一堆预设让你套”,
而是把一段动画拆成一块块可组合的方块,你像摆顺序一样把它们排起来。
★ 为什么这个思路省时间:
传统做”10 个字符依次弹入”是——打字、加 range selector、调 offset、调 easing、
复制给每个字符、再手动错开时间……每一步都要进关键帧和图表编辑器。
PuzzleMotion 是——选文字层 → 按 AUTO → 它自己拆字符、排方块序列、生成动画。
二、AUTO 一键:选层 → 点一下 → 动画就有了
官方原文:
One-click automatic
No setup required for this animation. Simply select your text layer and click AUTO.
With a single click, the text is split into individual characters, a random block
pattern is generated, and the entire animation is applied. No dragging or adjustments
are needed. Movement is created instantly.
直译:
一键自动。这个动画不需要任何设置。只要选中文字层,点 AUTO。
一次点击之后:文字被拆成单个字符、随机生成一套方块组合、整套动画被应用上去。
不用拖、不用调。动画立刻就有了。
★ 注意里面的三个自动动作:
① 拆字符(split into individual characters)
② 随机生成方块组合(a random block pattern is generated)
③ 应用整套动画(the entire animation is applied)
★ 这条最适合的场景其实是找灵感:你不想从零设计,就让它随机给你一版,
看着不对就再按一次(下面有 Random 按钮)。官方把这个叫”无限老虎机”:
Press the Random button repeatedly to instantly cycle through an endless variety
of motion styles until you find the perfect one. It is like an infinite slot machine
for motion graphics.
三、三类方块 + 可视化时间线
官方原文:
Visual block-based editor
Drag and drop directional combo blocks (IN/OUT arrows), action blocks (jump, flip),
and effect blocks directly onto the panel’s timeline. The sequence you create will then play.
也就是说方块分三类:
· 方向组合块(directional combo blocks)—— IN/OUT 箭头,控制进出方向
· 动作块(action blocks)—— jump(跳)、flip(翻)
· 效果块(effect blocks)
★ 三个关键词值得拆开看:
“combo blocks”(组合块)—— 一个块里带进和出两个方向,所以块的边界就是动画的转折点。
“直接拖到面板的时间线上” —— 它有自己的时间线,不是 AE 主时间线。
这点很重要:你在它的时间线里排顺序,AE 主时间线只留表达式。
“snap them into place”(自动吸附)—— 官方描述里写的是拖上去会吸附,
所以你不需要精确对齐,块与块之间是连续的。
★ 官方另一处强调了”不限于文字”:
Whether you are animating text, logos, illustrations, 3D models, or video footage,
PuzzleMotion transforms the animation process into a fun, intuitive, and
surprisingly fast experience.
四、Live Preview:不写进 comp 就能看(1.0.5 起)
官方原文(这一条特别标了 new in 1.0.5):
Live Preview — see your motion instantly (new in 1.0.5)
You can now preview your motion fast — no rendering, no waiting.
Open Live Preview and watch your selected layers play the motion you are building,
in a separate panel you can dock anywhere in After Effects.
Drop a block on the timeline and the preview updates instantly —
nothing is written to your composition until you press Apply.
Drag the bar to scrub to any moment, and press Pin to keep the same layers on
screen while you go on building.
★ 这条的价值在最后半句:“nothing is written to your composition until you press Apply”
—— 你随便试,试坏了 comp 也不会被改。这是”敢乱试”的前提。
没有这个功能的话,每次试都要先应用、看完、再撤销,心态完全不同。
★ Pin 按钮的用处:锁定当前图层组继续编辑。选别的层时预览不跳走,
这在给多个对象做统一动效时很实用。
★★ 但注意:本包是 1.0.3,Live Preview 是 1.0.5 才加的。
所以这份包里没有 Live Preview——你点了 Apply 才会看到效果,改了要撤销重来。
官方当前最新版本是 1.0.6(Oct 11, 2026),下面列出 1.0.6 修了什么。
五、其他实用细节(官方逐条)
① Marker-based timing:拖标记改速度
Need to slow down the playback speed of your animation? No need to open a panel.
Simply drag the generated markers directly onto the After Effects timeline to
adjust the animation’s playback duration in real time.
★ 它会在 AE 时间线上生成标记,拖标记就能实时改整段动画的时长。
不用回去改数字——这个交互设计得很聪明。
② 一键恢复吸管工具
Restore eyedropper with one click
官方说 AE 里吸管工具经常被占掉/失效,它给了一个一键找回的按钮。
★ 这是那种”不写出来你都不知道自己需要”的小功能。
③ 内置随机(reroll)
Endless “rerolls” and variations
反复按 Random,无限刷不同的运动风格。
★ 配合 AUTO 用:AUTO 出一版 → 不满意 → Random 再刷 → 挑一个 → 再手工微调。
④ 专门为 1.0.6 修的几件事(官方 VERSION HISTORY 原文)
1.0.6 – Oct 11, 2026
· Fixed incorrect fonts in Live Preview.
· Improved opening, closing, and reopening the Live Preview window.
· Improved Live Preview accuracy for backgrounds, opacity, and rotation.
· Added Now buttons to set animation start times to the current timeline position.
· Updated the user guide.
★ 其中「Added Now buttons」挺实用:可以把动画起始时间一键对齐到当前播放头。
这个在 1.0.3 上也没有。对齐起始时间你只能手动改。
六、包内实测 + 安装 + 版本落差
包内实测 19 个文件 / 6,037,830 B,CEP 扩展目录 `com.puzzlemotion.panel`:
js/aesp.js 2,946,494 B ← 授权库(aescripts 授权框架)
PuzzleMotion_Guide.pdf 1,964,015 B ← 官方用户手册
js/main.js 497,061 B ← 面板主逻辑
hostscript.jsxbin 401,707 B ← 宿主侧脚本(jsxbin 编译)
js/i18n.js 66,340 B ← 多语言
img/logo.png 45,167 B
css/style.css 41,842 B
js/blockTypes.js 23,418 B ← 方块类型的定义
js/icons.js 19,289 B
css/inspector.css 12,129 B
js/CSInterface.js 5,829 B
META-INF/signatures.xml 4,501 B ← 扩展签名
(以及 CSXS/manifest.xml 等)
★ 面板 manifest 实测:`ExtensionBundleVersion` 是 1.0.3,
宿主声明 `AEFT` 最低版本 `17.0`(也就是 AE 2020)。
安装
1. 解压 rar,得到 `com.puzzlemotion.panel` 目录
2. 放到 CEP 扩展目录:
Windows `C:Program Files (x86)Common FilesAdobeCEPextensions`
macOS `~/Library/Application Support/Adobe/CEP/extensions/`
3. 重开 AE,在 `窗口 > 扩展` 里打开 PuzzleMotion
4. 若面板不显示,需开启 AE 的 `首选项 > 脚本与表达式 > 允许脚本写入文件和访问网络`,
并(非签名版)在 CEP 调试模式下启用
版本落差(如实交代)
本包 1.0.3,官方最新 1.0.6(2026-10-11)。差三个小版本。
最实际的一条:Live Preview 是 1.0.5 才有的,本包没有。
介意的话请买官方或等更新版本。
原产品页:https://aescripts.com/puzzlemotion/
封面图片来自作者官方产品页。本文为中文整理,功能与兼容性信息以作者官方页面与包内说明为准。资源仅供学习交流,商业使用请购买正版授权。















暂无评论内容