想要免费的 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)

资源链接


🎯 适用场景

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开源平台
Friction2D 动效✅ ECMAScript✅ GPL-3.0Win/Linux/macOS
After Effects2D/3D 合成✅ 表达式❌ 订阅Win/macOS
Synfig Studio2D 动画✅ ZLIBWin/Linux/macOS
Blender (Grease)2D 动画✅ GPL全平台
Cavalry2D 动效❌ 付费Win/macOS
Lottie + AEWeb 动画❌ 间接部分全平台

对比要点

  • 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。

⚠️ 注意事项

  1. macOS 体验仍偏弱:官方只放开发版,需要自己编译 + 解决 Qt6/Skia 依赖问题,普通用户慎入。
  2. Open Issues 197+ 偏高:GitHub 上有近两百个未解决 Issue,活跃维护但 backlog 较重,生产环境使用建议等稳定版(v1.0.0 已发布,但细节仍有打磨空间)。
  3. 着色器效果是实验性:自定义 GLSL 效果接口可用但功能不完整,不要拿来当生产核心能力。
  4. 中文资料稀缺:官方文档全英文,社区教程基本也是英文 + GitHub Discussions,习惯看 B 站教程的需要适应。
  5. GPL-3.0 传染性:可以免费用、可以改、但衍生作品必须也开源。商业 SaaS 或闭源产品集成需谨慎评估法务风险。
  6. 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