All Projects → SupportClass → ae-ease-to-gsap-customease

SupportClass / ae-ease-to-gsap-customease

Licence: MIT license
Converts the keyframes of the selected property in After Effects to a set of SVG path commands that can be used directly in GreenSock's CustomEase plugin

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to ae-ease-to-gsap-customease

nuxt-gsap-module
GSAP module for Nuxt.js
Stars: ✭ 183 (+215.52%)
Mutual labels:  gsap, greensock
Modern.JS
모던 자바스크립트 라이브러리/프레임워크 × KIPFA(한국인터넷전문가협회)
Stars: ✭ 16 (-72.41%)
Mutual labels:  gsap, greensock
HTML5-Banners
HTML5 animated banner boilerplate. Built for Doubleclick & Sizmek ad management platforms.
Stars: ✭ 47 (-18.97%)
Mutual labels:  gsap, greensock
libgoldilocks
An implementation of Mike Hamburg's Ed448 (Goldilocks) curve - derived from libdecaf. This is a mirror of https://bugs.otr.im/otrv4/libgoldilocks
Stars: ✭ 17 (-70.69%)
Mutual labels:  curve
discrete frechet
Compute the Fréchet distance between two polygonal curves in Euclidean space.
Stars: ✭ 68 (+17.24%)
Mutual labels:  curve
keyframe
A simple keyframe utility for custom animation
Stars: ✭ 16 (-72.41%)
Mutual labels:  keyframes
ThumbHoverSVGFilter
A simple hover effect for images using different SVG filters.
Stars: ✭ 53 (-8.62%)
Mutual labels:  gsap
frechet
Discrete Fréchet distance and of the minimum path required for traversing with it
Stars: ✭ 14 (-75.86%)
Mutual labels:  curve
AEScript-Explode-Shape-Layer
Extract shapes from a shape layer to individual layers
Stars: ✭ 37 (-36.21%)
Mutual labels:  after-effects
GlitchyGrid
An experimental grid layout slideshow with a stack-like navigation and glitch effect.
Stars: ✭ 33 (-43.1%)
Mutual labels:  gsap
AE-Slicer
Save PNG slices in AE. Support multiple slice zones in one comp.
Stars: ✭ 21 (-63.79%)
Mutual labels:  after-effects
tweenslideshow
A simple slideshow using Tweenmax
Stars: ✭ 34 (-41.38%)
Mutual labels:  gsap
flesch
Formula to detect the ease of reading a text according to Flesch Reading Ease (1975)
Stars: ✭ 25 (-56.9%)
Mutual labels:  ease
vueNotification
Notification plugin for VuesJS
Stars: ✭ 52 (-10.34%)
Mutual labels:  gsap
custom-easings-with-keyframes
🏃 Make custom non-cubic-bezier easings using keyframes and animations with this online css code generator.
Stars: ✭ 15 (-74.14%)
Mutual labels:  keyframes
portfolio
Personal portfolio (2018)
Stars: ✭ 388 (+568.97%)
Mutual labels:  gsap
smooth-corners
CSS superellipse masks using the Houdini API
Stars: ✭ 133 (+129.31%)
Mutual labels:  curve
MannvilleGroup Strat Hackathon
stratigraphic machine-learning - active work moved to Predictatops
Stars: ✭ 17 (-70.69%)
Mutual labels:  curve
dale-chall-formula
Formula to find the grade level according to the (revised) Dale–Chall Readability Formula (1995)
Stars: ✭ 26 (-55.17%)
Mutual labels:  ease
jsxbin
Convert jsx ExtendScript files into jsxbin files using ExtendScript Toolkit
Stars: ✭ 73 (+25.86%)
Mutual labels:  after-effects

ae-ease-to-gsap-customease Build Status

Converts the keyframes of the selected property in After Effects to a set of SVG path commands that can be used directly in GreenSock's CustomEase plugin. Works on Windows and MacOS.

BETA NOTICE: This script is currently in an early beta. It may not work with all layers and properties. Most of these limitations will be fairly straightforward to overcome, but we wanted to get this script out in public ASASP.

Motivation

Ever wished you could take your ease curve from the graph editor in After Effects and somehow use it directly in your GSAP animation? Now you can.

Installation

  1. Click here to download ae-ease-to-gsap-customease.jsx, and save it to a place where you can find it again easily.

Usage

  1. Open your After Effects project.

  2. Select the layer whose ease curve you wish to export.

  3. Select the property (such as Scale, Opacity, etc) whose ease curve you wish to export.

  4. Go to "File > Scripts > Run Script File..."

  5. Browser to where you downloaded ae-ease-to-gsap-customease.jsx and select it, then click "Open".

  6. If the script ran successfully, you will see an alert like this:

    success_alert

  7. You can now paste the contents of your clipboard directly into a GSAP CustomEase.

To preview your ease, you can paste it into GreenSock's "Ease Visualizer" tool.

Thanks

In writing this script, I studied code from

I also received guidance from @zlovatt, who made time to answer my beginner questions.

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].