再见了剪映，再见了After Effects，打开网页就能做动画和剪视频

发布时间：2025-06-25 07:39:21  浏览量：3

现在做自媒体视频的，普通人估计都是用剪映吧，专业学过一点的也会用到After Effects。剪映大家很熟悉了。Adobe After Affects以其创建动态3D动画，动画徽标和字符以及复合视觉效果的能力而闻名。

不过现在剪映收费了，收得还挺贵。我写篇文章、做个视频才几毛钱的收入，实在买不起。After Effects倒是可以用下破解版，但需要学习成本。

一款开源软件Motionity在Github上狂揽3.3K星，上边两个软件的功能它基本都有。它是一款基于网页的开源动态图像编辑神器。完全免费，无需注册登录，在线就能搞定你的所有需求。下载地址：https://github.com/alyssaxuu/motionity。我来说一下安装过程。

1. **环境要求**

在开始之前，请确保你的系统满足以下要求：

- *Node.js**：需要安装 Node.js（推荐版本为 LTS，例如 v16 或更高版本）。下图有官方地址，下载安装就行。- **Git**：用于克隆仓库（也可以不用安装，直接浏览器下载）。- **浏览器**：现代浏览器（如 Chrome、Firefox）用于访问 Motionity 的 Web 界面。- 可选：一个代码编辑器（如 VS Code）来查看或修改代码。

2. **克隆项目仓库**

首先，克隆 Motionity 的 GitHub 仓库到本地，也可以直接用浏览器下载然后解压到某个目录。

git clone https://github.com/alyssaxuu/motionity

3. **启动项目**

cd motionity #进入项目目录npm install -g http-serverhttp-server .打开浏览器，访问 `http://localhost:8080`（端口可能不同，具体以命令行输出的地址为准）。

上图中打开后，你可能像我一样是个目录列表，点击上图中的src目录就可以了。

5. **验证启动**

成功启动后，你应该能在浏览器中看到 Motionity 的界面，这是一个类似 After Effects 和 Canva 的动画编辑器，支持以下功能：

- 关键帧动画（Keyframing）- 图层遮罩（Layer masking）- 图像和视频滤镜（如模糊、色度键等）- 音频支持- Pixabay 集成等

如果你嫌本地安装麻烦，也可以直接用在线网址，不过那样上传大视频会很慢。Motionity - The web-based motion graphics editor for everyone。