资源介绍
AEtoGSAP 可以将 AE 的动画一键导出为网页友好的 GSAP(GreenSock Animation Platform)代码。

支持将 AE 中的关键帧、时间线、持续时间和自定义缓动曲线完整保留并转换成干净、可运行的GSAP JavaScript、HTML 和 CSS 文件,方便直接在网站中呈现原动画效果,无需重做。
使用时只需选择动画图层进行分析导出,就能生成可即时预览的网页动画输出。
支持形状图层、文字图层、Null 层和父子关系动画等基本元素,同时保留缓动效果,让交互动画在 Web 端看起来流畅自然。
此工具适合动效设计师与前端开发协作,将 AE 制作的动画转为网站动效、微交互、UI 动画等真实可运行的网页内容,加速视觉设计到 Web 实现的工作流程。
资源包含
将 After Effects 动画导出为 GSAP 可直接使用的代码
保留AE的计时、持续时间和自定义缓动效果
支持形状图层、文本图层、空对象和父子关系
输出清晰、可直接用于生产的GSAP时间表
生成 HTML / CSS / GSAP 文件以供即时预览
导出可直接运行的预览版,无需额外设置
AEtoGSAP 支持的功能:
基本形状图层变换
缓动
椭圆和矩形的尺寸,圆角半径
Polystar 点数和半径
填充和描边颜色
笔画宽度和虚线
自定义路径
基本文本图层变换
文本字体、对齐方式、颜色等等
基本固态层转变
注意:以上未列出的功能(例如特效、图层样式、表达式、裁剪路径、文本动画等)均不受支持。
脚本支持Win/Mac系统:After Effects 2026, 2025, 2024, 2023动画电影
安装方法
1、拷贝对应语言的com.grapedesign.aetogsap文件夹 粘贴到以下位置:
Win : C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\
Mac : 系统盘/Library(中文叫资源库)/Application Support/Adobe/CEP/extensions\
2、Win运行一下Add Keys.reg,Mac运行一下install-as-admin
3、打开AE软件设置,勾选上*允许脚本读写和访问网络
Win:编辑-首选项-常规
Mac:After Effects CC-首选项-常规
AE CC2019.1或更高版在:
Win:编辑-首选项-脚本和表达式
Mac:After Effects CC-首选项-脚本和表达式
4、打开AE软件,在软件顶部菜单 窗口-扩展 下打开 AEtoGSAP 中文版脚本即可使用。








