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 |
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!
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