AE卷轴式几何动态短片制作：形状图层与表达式实现丝滑动画

这次我们来看一条 AE 教程方向：卷轴式高级丝滑几何图形动态短片。这个名字听起来像某个“搬运教程”，但拆开看，真正的技术点其实很集中：利用 After Effects 的形状图层、3D 旋转、修剪路径和表达式，做出一种连续滚动、层层切入、带有节奏感的几何动态。不需要任何第三方插件，不需要买素材，纯内置功能就能完成。对想练 MG 动画、做片头、做信息流短视频的读者来说，这套流程非常划算。

先给结论：如果你会用形状图层，会复制关键帧，会往表达式面板里粘贴代码，那你就能跟完这条教程。硬件方面不挑，常规笔记本能预览，独立显卡体验更好，渲染阶段用 Media Encoder 导出即可。下面我会把整条制作链路拆成：核心能力速览、环境准备、卷轴原理、丝滑缓动表达式、分镜合成、渲染输出、常见问题排查和性能优化。文章里给出的表达式可以直接复制使用，关键步骤我会说明“放哪个属性面板”。

1. 核心能力速览

这套教程最值得学的不是某一个“效果预设”，而是“如何用不规则的运动节奏把简单图形变高级”。图形本身只是矩形、圆、线条、多边形，真正的差距在运动曲线和节奏控制。

2. 适用场景与使用边界

卷轴式几何动画适合这些场景：

• 片头动画：字母、符号、几何体从“卷轴”里滚出。
• 信息流短视频：画面持续流动，适合配合音乐卡点。
• 背景循环：不需要重复剪辑，一条纯几何动画可以反复循环。
• 发布会大屏、授课视频转场、产品功能演示。

不适合做这些事：

• 照片级特效、真实物理模拟、角色动画。
• 需要复杂 3D 建模和贴图的场景。
• 需要大量实拍素材合成的项目。

使用边界要从合规角度单独说。原项目标题带“搬运”字样，这里必须提醒：如果你要搬运别人的原版视频教程，请先获得作者授权。作为技术学习者，正确做法是看原视频理解思路，再自己动手重建工程。字幕、字体、音效、背景音乐都涉及版权，正式发布前先确认授权来源。个人练习使用官方默认字体与无版权音乐是更稳妥的选择。涉及肖像、人脸、声音素材时，更要确认授权。

3. 环境准备与项目设置

3.1 软件准备

推荐使用 After Effects CC 2022 或 CC 2023/2024 版本。新版本表达式引擎更稳定，Media Encoder 队列导出也更省事。老版本不是不能用，但部分内置效果的默认参数有差异，表达式兼容性也会差一些。

需要安装两个软件：

• Adobe After Effects：负责动画合成。
• Adobe Media Encoder：负责批量导出和压缩编码。

3.2 项目设置

新建项目后，先检查“文件 → 项目设置 → 视频渲染和效果”里的渲染器。如果电脑支持 GPU 加速，可以选择“Mercury GPU 加速”；如果不确定，先用“Mercury 软件仅”模式保证稳定预览。

新建合成参数参考：

建议背景色单独建一个“纯色层”，不要直接在合成的背景色里改。这样方便后期替换舞台背景。

3.3 磁盘与缓存

AE 预览缓存默认在 C 盘。做几何动画时，图层数量不多，但预览时间长后缓存量也会上到几 GB。建议在“编辑 → 首选项 → 媒体和磁盘缓存”里把缓存路径改到非系统盘，保留 50GB 以上空间。

4. 卷轴式动画的核心原理

很多人看到“卷轴式”觉得复杂，其实它由三个基础元素组成。

4.1 什么是卷轴式

卷轴式视觉感觉像一张纸滚动展开。放到动态图形里，就是“图形持续从画面一侧进入、另一侧出去”，形成一种无限延伸的流动感。配合分层错位、大小变化和旋转，就变成高级的几何短片。

要实现这种效果，核心不是关键帧，而是“表达式驱动的循环运动”。手拉关键帧也可以，但短片时长超过 10 秒后，手动设置几十个关键帧效率很低。用表达式让一个图层自己滚动，是最稳妥的做法。

4.2 创建基础几何元素

先建几个形状图层：

• 矩形：作为背景条幅，营造“纸张”的视觉。
• 圆形和圆环：作为装饰粒子，营造画面层次。
• 直线：使用形状图层的“添加 → 修剪路径”制作运动线条。
• 多边形：做节奏点缀。

给矩形打开 3D 图层开关后，在“变换”里调整 Y 轴旋转，就能让矩形像门板一样转动。把多个这样的“门板”排成一列，依次旋转，就产生了卷轴展开的观感。

4.3 用表达式控制循环滚动

选中矩形图层的位置属性，按住“Alt 键”点击位置左侧的秒表，打开表达式编辑器，输入：

// 让图层沿 X 轴持续向右循环滚动 loopTime = 5; // 循环周期，单位秒 progress = (time % loopTime) / loopTime; // 起始位置 startX = -500; endX = 1500; x = linear(progress, 0, 1, startX, endX); value + [x, 0];

这段表达式的含义：

• loopTime 控制一圈多少秒。
• time % loopTime 让时间形成一个循环余数。
• progress 把循环时间映射为 0 到 1。
• linear() 把 0 到 1 映射为从 startX 到 endX。

把这个表达式放到位置属性上，图层就会自动循环滚动。复制多个矩形，分别设置不同的 loopTime 和 startX，再配合透明度变化，卷轴式背景就出来了。

4.4 卷轴式展开的 3D 旋转表达式

如果要做“卷一卷再展开”的效果，可以把 3D 旋转属性也用表达式控制。选中图层的“Y 轴旋转”属性，打开表达式输入：

// 让 3D 图层的 Y 轴旋转循环，模拟卷轴滚动 loopTime = 4; speed = 360; // 每秒钟旋转角度 value + (time % loopTime) * speed;

这样图层会在 4 秒内转完一圈，并且不断循环。把多个图层错开入点，画面就会呈现出一波接一波的滚动感。

5. 丝滑动画的关键：缓动表达式

几何图形本身不稀奇，真正决定“丝滑感”的是运动曲线。AE 默认的线性关键帧会有明显生硬感，手动拉“图表编辑器”曲线也可以，但表达式的可控性更强。这里给出三个最实用的表达式模板。

5.1 标准平滑缓动

把以下表达式粘贴到位置属性的表达式面板：

// 从 inPoint 开始，在 1.2 秒内完成入场 t = time - inPoint; duration = 1.2; p = clamp(t / duration, 0, 1); eased = ease(p, 0, 1, 0, 1); // 从当前位置向上偏移 200 像素入场 value + [0, (1 - eased) * -200];

注意：ease()是 AE 内置插值函数，参数是ease(值, 起始值, 结束值, 输出起始值, 输出结束值)。上面的代码会先让图层从下方 200 像素位置平滑移到最终位置。

5.2 回弹缓动

回弹适合卷轴展开后图形“落定”的瞬间。把下面代码放到位置属性：

function easeOutBack(t) { var c1 = 1.70158; var c3 = c1 + 1; return 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 1); } t = clamp((time - inPoint) / 1.0, 0, 1); offset = easeOutBack(t) * 300; value + [offset, 0];

这段代码会在进入状态时产生先过冲再回落的弹性效果。c1控制弹跳强度，数值越大越夸张。

5.3 自动循环摇摆

用于背景装饰图形，例如圆环左右浮动：

// 让图层在 X 轴方向来回摆动 freq = 1.5; // 摆动频率 amp = 40; // 摆动幅度 value + [Math.sin(time * freq * Math.PI * 2) * amp, 0];

把圆形图层的缩放或旋转属性也加上类似表达式，背景就不会死板。几何动画的高级感往往就来自这些细微的循环运动。

5.4 修剪路径：线条展开

新建形状图层，用“钢笔工具”画一条直线。然后在“添加”中选择“修剪路径”。给“修剪路径”的“结束”属性打开表达式：

t = clamp((time - inPoint) / 1.5, 0, 1); ease(t, 0, 1, 0, 100);

线条会从 0% 展开到 100%，形成一条持续的笔触动画。如果还需要“收尾”，就再添加第二个关键帧或用“开始”属性做反向控制。

6. 完整短片的合成流程

6.1 分镜设计

20 秒短片可以拆成五个阶段：

不需要一开始就追求复杂。先用单个合成验证每一段动画，再合并成总合成。

6.2 用预合成组织层级

每个独立动作单独放在一个预合成里，比如“背景滚动预合成”“文字入场预合成”“装饰粒子预合成”。预合成的优势是方便改时长、改循环、加整体效果。

在总合成里，只需要控制各个预合成的入点、透明度和缩放，不需要频繁打开内部图层。这样做还有一个好处：批量渲染时不容易因为图层嵌套混乱而出错。

6.3 对齐音乐节奏

如果画面要卡点，建议先把音乐拖进合成，打开“时间轴”下方的音频波形。然后在波形峰值处标记关键帧，再把图形的入点对齐到标记。几何动画和音乐节奏对齐后，观感会直接提升一个档次。

7. 渲染输出与 Media Encoder 批量导出

动画做完后，不推荐直接在 After Effects 里用“渲染队列”输出最终 MP4。规范做法是：先输出高质量中间格式，再用 Adobe Media Encoder 压缩成发布格式。

7.1 使用渲染队列输出中间格式

在“合成 → 添加到渲染队列”中设置：

7.2 使用 Media Encoder 批量导出

把多个合成加入 Media Encoder 队列，设置预设为“H.264 → YouTube 1080p Full HD”。Media Encoder 可以排队渲染，适合多个版本或不同分辨率的输出需求。

渲染队列任务示例： - 总合成_1080P.mp4 (H.264, 30fps) - 总合成_竖版_1080x1920.mp4 (H.264, 30fps) - 背景循环_单段.mp4 (H.264, 25fps)

如果你发布到 B 站或视频号，一般选择 H.264 编码、码率 8-15Mbps 就足够。竖屏平台可以单独输出 1080×1920 的版本，修改合成尺寸后再加入队列。

8. 常见问题与排查方法

AE 教程中最容易让新手卡住的问题集中在启动、预览、渲染三个阶段。下面给出排查表。

8.1 “Can't continue: licensing error”专项说明

这个报错经常出现在 AE 或 Creative Cloud 启动时。它不是项目文件损坏，而是授权校验没通过。正常处理流程：

• 退出 AE。
• 打开 Creative Cloud 桌面端，确认已经登录。
• 在“帮助”菜单里点击“更新”。
• 重新打开 AE。
• 如果仍然报错，用 Adobe Creative Cloud Cleaner Tool 清理相关组件后重装正确版本。

使用软件时务必选择官方渠道，不要采用来路不明的破解补丁。破解补丁既有安全风险，也容易导致授权文件被破坏，反而带来更多问题。

9. 性能观察与资源优化

做几何动画时，AE 的资源占用主要来自预览缓存和图层计算。

9.1 如何观察资源占用

在“窗口 → 任务管理器”打开 AE 自带监控，或使用 Windows 任务管理器查看内存和 GPU 占用。常见规律：

• 预览时内存占用很高：说明预览缓存正在构建，属正常现象。
• 旋转或缩放图层多时 GPU 占用上升：说明 Mercury GPU 加速生效。
• 渲染阶段内存占用高、GPU 占用低：说明当前渲染器更依赖 CPU。

9.2 降低资源占用的方法

• 预览分辨率改为 1/2 或 1/3。
• 关闭不参加当前预览的图层眼睛。
• 用“合成 → 缓存工作组”优化预览速度。
• 30 秒以上的短片拆成多个合成渲染。
• 把背景循环做成一个预合成，不要在总合成里铺几十个图层。

9.3 显存与内存的合理预期

几何动画对显存要求不算极端，但图层多、分辨率高时显存会明显上涨。更稳妥的判断是：如果你的电脑能流畅剪辑 1080P 视频，通常也能流畅预览大部分几何动画。具体占用需要以本机实际测试为准，可以在预览时每隔几秒观察一次监控面板。

10. 最佳实践与使用建议

10.1 第一次先做小样

不要一上来就做 20 秒完整短片。先建一个 5 秒的合成，只放 3 个图形，测试“3D 旋转 + 位置循环”是否顺畅。小样跑通后，再逐步添加背景、文字和音乐。这样做能显著减少信息过载。

10.2 把常用表达式存成模板

把本节里的缓动表达式、循环表达式、修剪路径表达式分别放到一个文本文件里。后续做其他动画时，直接复制粘贴。表达式本身是纯文本，用“记事本”或云笔记保存都可以。

10.3 工程文件分目录管理

推荐目录结构：

项目根目录/ ├── 源文件/ │ └── 背景音乐.mp3 ├── 素材/ │ └── 参考图.png ├── 渲染/ │ └── 成品_1080P.mp4 └── 工程/ └── zhouzhou_anim.aep

这样无论过多久都能快速找到原始素材和输出文件，也方便多版本对比。

10.4 批量任务与版本管理

如果需要导出多个平台版本，不要手动一个个点击。把所有版本放进 Media Encoder 队列，统一设置输出目录，然后批量渲染。每个版本命名带上分辨率：filename_1080P.mp4、filename_1080x1920.mp4。

10.5 合规使用与发布前复核

发布到公开平台前，重点检查三件事：

• 背景音乐是否获得授权。
• 字体是否为商用授权字体。
• 素材中是否包含他人肖像或标识。

如果教程本身是“搬运”的，不要在公开文章里直接放原视频文件或工程包。更规范的做法是：自己根据教程思路重新制作工程，并用自己的截图和表达式版本写教程。这样既练习技术，又不会造成版权风险。

10.6 后续扩展方向

卷轴式几何动画可以继续扩展出很多变种：

• 把矩形替换为文字，变成卷轴文字排版动画。
• 加入“动态模糊”，让运动更丝滑。
• 使用 Cam 或“Mocha”跟踪画面里的真实平面。
• 把循环背景做成无缝循环视频，适合直播背景。
• 结合表达式，做数据图表演示动画。

这些扩展都在同一套底层逻辑上：几何元素 + 表达式驱动 + 循环节奏。先把卷轴式教程里的基础操作练熟，后面接商业项目会顺手很多。