jarandmi / ae2gs

After effects to greensock (css/js) animation
2 stars 0 forks source link

ae2gs

Move your animation from After Effects to the browser, animated with the Greensock library.

Supports rotation, scaling, opacity and position from After effects.

Export from After Effects

  1. Name the layers as class names (e.g. .circle1)
  2. Select the layers and properties that you want to export from the timeline
  3. File -> Scripts -> Run scripts file, and select the ae.jsx file.
  4. Select the code (double click) that pops up, right click and copy.

Import into browser

<script src="https://github.com/jarandmi/ae2gs/raw/master/js/ae2gs.js"></script>
var animJson = ""; //Put JSON from After Effects in this var
var animate = new Animation.init(animJson, {repeat: 0});
animate.start();