资源介绍

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 中文版脚本即可使用。

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

是网站没有弹出成功提示,请联系站长提供付款信息为您处理

可联系站长qq:1556340058,会第一时间给处理