想要免费的 After Effects 替代?Friction 是开源跨平台 2D 动态图形软件,C++/Qt/Skia 打造高性能矢量位图双管线。支持 SMIL/SVG 输出、ECMAScript 表达式、多场景时间线,Windows/macOS/Linux 全平台免费。
🎤 引言
做动态图形(Motion Graphics)的人大概都绕不开 Adobe After Effects。这玩意儿强是真强,但订阅价格也摆在那——个人版一年近 6000 人民币,对独立创作者、学生党和业余爱好者来说确实有点肉疼。那么问题来了:有没有免费开源、上手还不算太烂的替代品?
GitHub 上躺着的 Friction 算是其中一个被低估的答案。它是 enve 的社区继任者,C++/Qt/Skia 重构而来,主打"高性能矢量位图双管线",能导 SMIL 动画 SVG 给 Web 用,也能渲染传统视频给剪辑软件。一句话总结:AE 的核心能力它能顶上七成,且源码完全开放。
⭐ 核心功能
🎯 双管线 GPU/CPU 矢量 + 位图
Friction 最核心的卖点是它把 矢量图形 和 位图图形 同时放进一条流水线。基于 Google Skia 2D 图形库和 Qt 框架,配合 OpenGL 硬件加速,做出来的图层可以直接在时间线上混编,缩放不失真、抠像不糊边。和 AE 比,少了 3D 那一层,但在 2D 维度上该有的都有。
📜 SMIL/SVG 动画导出(Web 友好)
这是 Friction 区别于大多数 AE 替代品的关键功能。它原生支持导出符合 W3C 标准的 SMIL 动画 SVG——也就是说你在 Friction 里做好动画,直接导出成 .svg 文件就能塞进网页,浏览器里自动播放,不用录 GIF、也不用塞 Lottie。对前端开发者、网页动效设计师来说,这条管线是真正的"杀手锏"。
🎞️ 多场景 + 多时间线
支持多 Scene 同时打开,每个 Scene 独立的时间线和 Viewer。你可以做主场景 + 多个子动画分镜,层与层之间用 Graph 视图看关系,也可以分屏对照。复杂项目的可管理性比 Synfig Studio 这类单场景工具强不少。
💻 ECMAScript 表达式编辑器
内置完整代码编辑器,支持 ECMAScript(JavaScript)写表达式,有自动补全、语法高亮、自定义函数。AE 用户最熟悉的"按住 Alt 点秒表拉表达式"那套玩法在 Friction 里也有对应实现——只要你的逻辑是 JS 写的,几乎能 1:1 搬过来。
🎨 文字 / 路径 / 着色器特效
- 文字层:完整文字工具,支持字体、加粗、对齐
- 路径特效:给矢量路径加变形、扭曲、轨迹
- 着色器效果:实验性 GLSL 着色器接口,懂 shader 的人可以自己写效果
- 关键帧曲线:贝塞尔缓动、缓入缓出都齐全
🖥️ 跨平台原生分发
提供 Windows / Linux / macOS 三平台原生安装包(macOS 需 Big Sur 11+),不是 Electron 套壳,是真正的 C++ 原生应用,性能和资源占用都比 Web 类工具好得多。FFmpeg 内置用于视频渲染。
📥 安装使用
获取方式
| 平台 | 状态 | 下载入口 |
|---|---|---|
| Windows | ✅ 稳定版 | friction.graphics 下载安装包 |
| Linux | ✅ 稳定版 | RPM 包 / Portable Tarball(X11/Wayland, glibc 2.17+) |
| macOS | 🟡 仅开发版 | Big Sur 11+ 通用二进制,源码自行编译 |
提示:Friction 在 2026 年仍主要稳定于 Windows / Linux。macOS 官方只放开发版,需要自己跑 CMake 流程,构建说明 写得比较细但坑不少。
核心流程
# Linux 一键安装(示例:Fedora/RHEL 系)
sudo dnf install ./friction-*.rpm
# 源码编译(C++/Qt/Skia 全套依赖)
git clone https://github.com/friction2d/friction.git
cd friction && mkdir build && cd build
cmake .. -DCMAKE_BUILD_TYPE=Release
make -j$(nproc)资源链接
- 🔗 官方网站:https://friction.graphics
- 🔗 GitHub 仓库:https://github.com/friction2d/friction
- 🔗 文档中心:https://friction.graphics/documentation
- 🔗 社区:GitHub Discussions / Codeberg
🎯 适用场景
1. 网页矢量动画 / 交互式 SVG
需要给网站做可缩放、不糊边的动效(图标、加载动画、Hero 区交互)?Friction 导出的 SMIL SVG 直接挂到 <img> 或 <object> 上即可,体积比视频小一个量级。前端团队可考虑把它纳入动效交付流程。
2. 学生 / 个人创作者学习动效原理
AE 的学习曲线不友好、订阅门槛高。Friction 让你用 0 成本摸到时间线、关键帧、表达式、特效叠加这些核心概念,学懂之后再转商业工具也不迟。C++ 源码公开 + GPLv3,对想研究动效实现细节的开发者也有价值。
3. 短视频中的简单动效 / 字幕条
不上 3D、不做粒子、不玩摄像机,单做 2D 矢量转场 + 文字动效 + 简单图形变形?Friction 完全够用,配合 FFmpeg 直接输出给剪映 / Premiere 二次加工很顺畅。
❌ 不适合的场景
- 专业级电影特效 / VFX → 用 Nuke、After Effects、Blender
- 复杂 3D 场景 → 用 Blender,Cinema 4D
- Mac 平台重度依赖 → Friction 体验仍欠火候,建议先用 DaVinci Resolve / Final Cut
- 企业级协作工作流 → 闭源商业工具更稳定
🔍 对比 / 替代方案
| 工具 | 类型 | 矢量动画 | SMIL/SVG | 表达式 | 3D | 开源 | 平台 |
|---|---|---|---|---|---|---|---|
| Friction | 2D 动效 | ✅ | ✅ | ✅ ECMAScript | ❌ | ✅ GPL-3.0 | Win/Linux/macOS |
| After Effects | 2D/3D 合成 | ✅ | ❌ | ✅ 表达式 | ✅ | ❌ 订阅 | Win/macOS |
| Synfig Studio | 2D 动画 | ✅ | ❌ | ❌ | ❌ | ✅ ZLIB | Win/Linux/macOS |
| Blender (Grease) | 2D 动画 | ✅ | ❌ | ❌ | ✅ | ✅ GPL | 全平台 |
| Cavalry | 2D 动效 | ✅ | ❌ | ✅ | ❌ | ❌ 付费 | Win/macOS |
| Lottie + AE | Web 动画 | ✅ | ❌ 间接 | ❌ | ❌ | 部分 | 全平台 |
对比要点:
- vs After Effects:Friction 缺 3D 层和庞大插件生态,但年费 0 vs AE 6000 元/年(个人订阅)足够香;性能开销也小不少。
- vs Synfig Studio:Synfig 偏传统手绘补间动画,Friction 是"时间线 + 多场景 + 代码"现代动效工作流,更接近 AE 用户习惯。
- vs Cavalry:Cavalry 是当下最被推荐的 AE 替代付费品,体验顶尖但 799 美元/年起,开源党可以先试 Friction。
- vs Lottie:Lottie 是输出格式不是编辑器,配 AE 用;要"全流程开源"只能 Friction 或 Blender Grease Pencil。
⚠️ 注意事项
- macOS 体验仍偏弱:官方只放开发版,需要自己编译 + 解决 Qt6/Skia 依赖问题,普通用户慎入。
- Open Issues 197+ 偏高:GitHub 上有近两百个未解决 Issue,活跃维护但 backlog 较重,生产环境使用建议等稳定版(v1.0.0 已发布,但细节仍有打磨空间)。
- 着色器效果是实验性:自定义 GLSL 效果接口可用但功能不完整,不要拿来当生产核心能力。
- 中文资料稀缺:官方文档全英文,社区教程基本也是英文 + GitHub Discussions,习惯看 B 站教程的需要适应。
- GPL-3.0 传染性:可以免费用、可以改、但衍生作品必须也开源。商业 SaaS 或闭源产品集成需谨慎评估法务风险。
- fork 自 enve:注意历史包袱,部分 API 接口还在调整中,长期项目要留意 breaking change。
✅ 总结
Friction 不是一个能完全替代 After Effects 的全能选手,但它在"开源、跨平台、矢量位图双管线、能导 SMIL/SVG 给 Web 用"这个细分赛道确实有自己的位置。
推荐场景:网页动效、独立创作者、学生学习、专业 2D 动效(不上 3D)。
谨慎场景:macOS 重度用户、生产环境大型项目、3D 动效需求。
对于刚想入门动效、或者需要给 Web 项目做矢量动画的开发者,Friction 绝对是值得花一个下午试试的小众良品——毕竟装上就用、不花一分钱、不留版权隐患。
⭐ GitHub Stars:1.7k+(截至 2026-07)
📦 最新稳定版:v1.0.0(2024 起 1.x 持续维护)
🔗 官网:friction.graphics