…and especially enthusiastic about motion tweens in Flash…
You can then edit the custom ease using the standard bezier editing controls found in other property graphs in the Motion Editor.
To apply the custom ease to a property, you select the custom ease’s name from the Ease menu in the property you want to apply it to. The property graph updates with a dashed curve that displays the actual tweened values after the ease is applied, as it does for the preset eases you can apply using this Ease section of the Motion Editor. Keep reading to learn how to create custom eases.
There is an additional, and very useful, feature unique to custom ease graphs, as shown in the following exercise. Using this technique helps you ease between keyframes, which will be covered in the next blog post.
1. Open this sample file, called custom-ease.fla.
2. Select the tween span in the Timeline and open the Motion Editor. A tween with a custom ease has been applied already.
3. Scroll down to the Eases section and find the Custom ease. Click the ease to expand the row size.
4. Move the playhead to frame 40, which is where the keyframe is located on the X and Y properties.
5. Click the Add Keyframe button to add a keyframe at that location.
6. Drag the keyframe up and down at that location to see how it snaps to a percentage on the graph. This is where the keyframe value of the ease matches the keyframe on the X and Y properties.
7. Choose Custom from the menu in the Ease column for both X and Y properties. Notice how the ease hits the keyframe at both of the spatial properties.
8. Drag the handles that extend from this keyframe ,or the first and last ones, to modify the ease curve. The ease still hits the keyframes in the X and Y graphs (see the following image - click for fullsize).
![]()
9. Return to the Custom ease graph in the Eases section. Drag the keyframe at frame 40 up or down, while watching what happens in the X and Y property graphs and on the Stage (see the following image - click for fullsize).
![]()
After you pull the keyframe to a new location, it no longer hits the keyframes in the X and Y property graphs. Your ease will hit another location on the motion path.
10. Drag the keyframe until it snaps again. Now the animation hits the spatial properties again. Test the animation to see how it looks.
Using this feature helps you create a custom curve that you can use to ease between keyframes. For more information on easing between keyframes, read the next blog post.
This blog specializes in the new motion model of Flash CS4, and is brought to you by team tween of Flash at Adobe. The blog will includes tips, techniques, and info on tweening in Flash using the Timeline and Motion Editor (as well as some stuff about motion runtime with code). From time to time, we might also talk about ActionScript 3.0. So if you're interested in tweens, this blog is for you. We also want to hear your feedback in the comments. All views expressed here are those of the authors, and do not necessarily represent the opinion or views of Adobe Systems Inc.

Andrej
January 14th, 2009 at 5:08 am
Hi, i have a question. How do i apply custome ease to mouse events? Lets say i need something to start rotate on mouse ON with speeding up till some point where it has stable rotation speed, and on mouse out its slowing rottation and stops?
Jon
January 30th, 2009 at 9:39 am
man, i am not a fan of shit new process… thanks though.
Jon
January 30th, 2009 at 9:39 am
ooops! this* hmm, must have been freudian….
Kenneth R Rinderhagen
April 12th, 2009 at 1:58 am
Thank You for the Awesome tutorial on the Using Flash for the First Time, at http://www.adobe.com/designcenter/flash/
articles/flacs3it_firstflash_pt1.html, You gave a nice touch! the tutorial was successful and nice!
Thank You!
James Williamson
June 17th, 2009 at 9:34 pm
Hey Jen!
Long time no-talk. So…is there any way to copy a preset ease and use it as a starting point for a custom ease? T’would make life easier.
Also…can we not save our custom eases and give them cute names? That would be nice, perhaps I’m missing something…
Jen deHaan
June 18th, 2009 at 10:47 am
Hey James!
Good to hear from you! Unfortunately there isn’t a way to go from preset > custom or specifically save the custom ease itself. (Have existing enhancement requests logged for those though - I’d love to see that myself).
The closest you can get for the second in CS4 is to save a basic tween with your custom ease in it as a preset that you then use as the starting point for the tweens you apply it to. (Or use it to copy/paste the custom ease from).
Wish I had better news!
David Beifeld
July 20th, 2009 at 7:32 am
Your explaination of a custom ease finally broke through my thick skull. I had been struggling much to long on this topic, confusing the interaction between playhead postion, ease values, keyframe positions, and graph representation.
This may be a difficult subject to easily document, considering the variety of varables, but you did a good job. I look forward to reading your article on easing between tween keyframes.
Thanks for enlightening me - it should make my future work with Flash more palatable.
sean
December 8th, 2009 at 10:31 am
can you explain the ease behavior highlighted in this image: http://www.flickr.com/photos/flooglehousen/4169074973/sizes/o/
i cant figure out why there is such a flat-line then steep rise on the “Y” property… it does not seem to follow the ease.
Jen deHaan
December 17th, 2009 at 2:35 pm
@sean: That looks like it’s occurring because the keyframe around frame 50 on the custom ease isn’t matching the value in the Y property. If you drag the keyframe in the custom ease until it snaps, it will match the keyframe in the position (why it snaps), so they hit the same spot. Then your ease should follow the position (you can make the rise occur after frame 50, no flat line). Hope that helps.