
WebMotion 是 Simotion 开发的 After Effects 扩展,它把网页变成可编辑的 AE 合成。官方原文:Turn websites into editable After Effects compositions.以及:Instead of taking screenshots or manually rebuilding every button, text layer, image and shape, WebMotion brings the page directly into your After Effects project.——不用截图、也不用逐个按钮和文字层手工复刻,插件把页面直接搬进 AE 工程。
主要特性
- 网站转 After Effects:捕获网页并在 AE 内直接重建成图层。
- 手机模式(Phone Mode):捕获网站的响应式移动端版本。
- 16:9 模式:生成适合演示的 16:9 网页版本,直接可用于提案或展示。
- 直发(Direct Send):从 Chrome 直接把捕获的网页发送到 AE 里的 WebMotion。
- 手动导入(Manual Import):也支持手动导入捕获包。
- 一切可编辑:文字可编辑、形状可编辑、图片与资源可编辑——这是它与「截图贴图」做法的根本区别。
工作流程(官方原文)
1. 捕获——在 Chrome 中打开目标网站,使用 WebMotion Capture 扩展;
2. 发送——把捕获的页面直接发送到 AE 里的 WebMotion 扩展。
适用场景
网站与 App 界面的动效演示、产品发布视频里的界面镜头、UI/UX 设计稿的动态化展示、落地页的推广动画,以及任何「把真实网页界面做进视频」的需求。
版本与安装
本资源包内为 v1.0.0(扩展清单 ExtensionBundleVersion="1.0.0",宿主范围 Host Name="AEFT" Version="[22.0,99.9]")。需要说明:截至整理时官方已更新到 1.1.0(官方 VERSION HISTORY 原文 1.1.0 - Sep 22, 2026,该版本修复了 Direct Send 在 X.com 等网站上可能报 An asset’s content does not match its supported media type 的问题)。本资源属较早版本,如需最新功能请前往官方页面获取。
安装步骤(来自包内 安装方法.txt 原文):
1. 把 com.webmotion.builder 文件夹复制到:
Windows:C:Program Files (x86)Common FilesAdobeCEPextensions
macOS:~/Library/Application Support/Adobe/CEP/extensions/
2. 启用调试模式/未签名扩展:Windows 双击运行 Add Keys.reg;macOS 在终端运行 install-as-admin。
3. 勾选「允许脚本写入文件和访问网络」(AE CC 2019.1 及以上位于「编辑 > 首选项 > 脚本与表达式」)。
4. 打开 AE,选择 窗口 > 扩展 > WebMotion。
重要配套组件:WebMotion 需要一个 Chrome 扩展配合使用——WebMotion Capture,需从 Chrome 网上应用店安装(包内 README.txt 提供了链接)。官方也推荐用 aescripts + aeplugins Manager App 安装并管理授权。
资源内容:com.webmotion.builder/(含 CSXS/manifest.xml、host/webmotion.jsx、client/app.js、bridge.js、import-package.js 等)、README.txt、安装方法.txt、Add Keys.reg、install-as-admin.zip、Win extensions.lnk、User Guide.mp4(官方用户指南视频)。
兼容性:官方 COMPATIBILITY 列表为 After Effects 2026 / 2025 / 2024 / 2023 / 2022。官方 Requirements 原文要求 Adobe After Effects 2022 或更新版本、Google Chrome,以及 WebMotion Capture 这个 Chrome 扩展。
许可信息:商业扩展,官方页面标价 $35.99 USD,另有免费试用。
原作者:Simotion 原产品页:https://aescripts.com/webmotion/
封面图片来自作者官方产品页。本文为中文整理,功能与兼容性信息以作者官方页面为准。资源仅供学习交流,商业使用请购买正版授权。















暂无评论内容