Curve Editor

Graph

Click and drag the handles to define the shape of your curve. Anything you make here will directly translate to your animation curve.

SHIFT Snap to floor or ceiling
ALT Lock angle
CTRL Lock length
SHIFT+CTRL Move handles symmetrically

Context Menu

Right-click in the graph to access additional options to:

  • Apply either expression or curve, depending on selected options in the UI
  • Apply to Keys provides an option to apply curve to keyframes in either Ease, Ease In or Ease Out direction
  • Apply to Expression applies Flow’s curve expression
  • Reverse Values will invert the current curve easing
  • Copy Values to Clipboard copies in the form of 0.70,0.27,0.16,1.00

Read from AE

This will analyze your currently selected keyframes and set the graph to its in/out curves.

Note

Behaviour depends on “Read Key Values” uses Ease Direction option in the Preferences


Bezier Points

This reflects the location of your two points.

If you’re familiar with the css transition cubic-bezier() property, these values work exactly the same way and will produce the exact same curve.

You can click here to manually set or copy these values out.

Tip

You can copy/paste bezier values from http://cubic-bezier.com/ in form of full URL like http://cubic-bezier.com/#.8,0,.2,1 to values field. No need to strip off domain string!


Save to Library

Click here to save the current curve to your User Library for quick use later.

Save Preset

Apply Type

How do you want to apply a Flow curve?

Apply as Keys

With this enabled, APPLY will change the animation curves on any selected keyframes to your cuve.

Apply as Expression

A bit more complicated, this mode will add an expression to your selected property, giving you a range mapping control.

These controls work the exact same way as linear(), ease(), easeIn() or easeOut().


Ease Direction

These toggles define whether you want to use your curve for easing into your keys, out of your keys, or both.


APPLY

This makes magic 🎉

Tip

Enable Auto-Apply Curve in the Preferences to make your Flowing experience even better