After Effects 替代：在浏览器里做文字动效、画中画和图文包装
现成模板改字换素材就能用，会写代码还能自己写；免费、不装软件、不上传。
选一个模板开始
- 高亮大字 米色底上一条亮黄高亮条擦过，大字逐个落下
- 动态大字 一个词一屏砸进来，黑 / 黄 / 米三色色块斜切换底
- 底部字幕条 姓名 + 身份的人名条
- 圆角媒体窗 白描边光晕窗 + 左上标签，缩放入场，可推近某块区域（录屏讲解）
- 照片墙 几张竖图并排依次弹入，每张带一句说明
- 色块倒计时 大数字一下一下，每下换一块底色推进来
- 画面填充大字 大字里透出你的视频或图片，上有小标题、下有副标题
- 渐变颗粒背景 深青到暖橙的流动渐变 + 胶片颗粒，放在最底层当背景
- 直播讲解小窗 圆角人像小窗 + LIVE 角标 + 名牌，视频声音一起放上时间轴
点一下进编辑器，动效已经加好。带素材槽的模板可以把视频、图片拖到卡片上，或点「用我的素材」选文件，进去时就已经放好。文件只在你的设备上，不上传。
想做标题动效、人名条、画中画小窗、照片墙这类包装，又不想装 After Effects？图图剪辑在浏览器里就能做：选模板改字，把视频和图片拖进去，导出 MP4。会写 HTML / CSS / GSAP 的话可以自己写效果。做不到的：粒子、三维摄像机跟踪、专业多层合成这类重活，仍是 After Effects 的强项。
很多人打开 After Effects 只是为了做一个标题动效、一条人名条、一个画中画小窗或一面照片墙。这些在图图剪辑里有现成模板：选一个、改字、把视频或图片拖进素材槽，动效就叠在你的视频上，导出 MP4。
模板背后是普通的 HTML、CSS 和 GSAP，点「编辑代码」就能改；会写的人可以从零写一个，也可以让 AI 按你的描述写。字体可以选中文字体，画面在浏览器里逐帧渲染，预览和导出用的是同一套画法。
不如 After Effects 的地方：没有粒子系统、三维摄像机跟踪、表达式和插件生态，也打不开 .aep 工程。如果你做的是电影级合成或复杂特效，After Effects 仍然是对的工具；做日常的视频包装，这里更快。
图图剪辑和 After Effects 比
| 对比项 | 图图剪辑 | After Effects |
|---|---|---|
| 怎么写动效 | 图图剪辑普通 HTML / CSS / JS（Canvas、SVG、GSAP、Three.js） | After Effects 未核实 |
| 要会什么 | 图图剪辑改模板不用会代码，自己写会 HTML 就行 | After Effects 未核实 |
| 和实拍视频、图片一起剪 | 图图剪辑同一条时间轴，素材能直接进动效 | After Effects 未核实 |
| 要安装什么 | 图图剪辑什么都不装，打开网页就用 | After Effects 未核实 |
| AI 帮你写 | 图图剪辑内置 AI 助手，写好直接放进时间轴 | After Effects 未核实 |
| 费用 | 图图剪辑免费，无水印 | After Effects 未核实 |
| 用数据在服务器上批量渲染 | 图图剪辑不支持 | After Effects 未核实 |
核对于 2026-10-04。每一格旁的 ↗ 是出处，点开可以自己看。
常见问题
- 能打开 After Effects 的 .aep 工程或模板吗？
- 不能。.aep 是 Adobe 的工程格式，我们读不了。可以用我们的模板，或者把效果用 HTML / CSS / GSAP 重新写一遍 —— 把想要的效果描述给 AI，它会写好放进时间轴。
- 有哪些现成的动效模板？
- 有标题、人名条、倒计时、数据图表、画中画小窗、照片墙、设备样机、图文分屏等。带素材槽的那些可以直接把你的视频和图片拖进去；所有模板都能改字、改颜色，也能打开代码自己改。
- 做出来的动效能和视频一起剪吗？
- 能。动效是时间轴上的一段，背景透明，叠在视频上；可以拖动、裁剪、调时长，改字和颜色在右侧属性面板里。预览和导出用同一套画法，看到的就是导出的。
- 需要付费或注册吗？
- 不需要。编辑和导出免费、没有水印、不用注册，AI 助手对没登录的人也开放。只有把工程存到云端时需要登录。
- 手机上能用吗？
- 能。在手机浏览器里打开就行：选模板、改字、换素材都有触屏操作（长按、拖动），导出也在手机上完成。写代码这类细活建议用电脑。