AEtoGSAP 可以将 AE 的动画一键导出为网页友好的 GSAP(GreenSock Animation Platform)代码。它支持将 AE 中的关键帧、时间线、持续时间和自定义缓动曲线完整保留并转换成干净、可运行的GSAP JavaScript、HTML 和 CSS 文件,方便直接在网站中呈现原动画效果,无需重做。使用时只需选择动画图层进行分析导出,就能生成可即时预览的网页动画输出。它支持形状图层、文字图层、Null 层和父子关系动画等基本元素,同时保留缓动效果,让交互动画在 Web 端看起来流畅自然。此工具适合动效设计师与前端开发协作,将 AE 制作的动画转为网站动效、微交互、UI 动画等真实可运行的网页内容,加速视觉设计到 Web 实现的工作流程。

AEtoGSAP 主要特点:

  • 将 After Effects 动画导出为 GSAP 可直接使用的代码
  • 保留AE的计时、持续时间和自定义缓动效果
  • 支持形状图层、文本图层、空对象和父子关系
  • 输出清晰、可直接用于生产的GSAP时间表
  • 生成 HTML / CSS / GSAP 文件以供即时预览
  • 导出可直接运行的预览版,无需额外设置

AEtoGSAP 支持的功能:

  • 基本形状图层变换
  • 缓动
  • 椭圆和矩形的尺寸,圆角半径
  • Polystar 点数和半径
  • 填充和描边颜色
  • 笔画宽度和虚线
  • 自定义路径
  • 基本文本图层变换
  • 文本字体、对齐方式、颜色等等
  • 基本固态层转变
  • 注意:以上未列出的功能(例如特效、图层样式、表达式、裁剪路径、文本动画等)均不受支持。

脚本支持Win/Mac系统:After Effects 2026, 2025, 2024, 2023

版本历史:v1.0.0 -初始发行

 

 

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。