# 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.

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