<img src="http://www.layersmagazine.com/images/cs4-lc.jpg"
In this Flash project tutorial, designer David Stiller works with the new CS4 motion editor and its easing functions to adjust the speed of movement in a simple animation. The easing graphs allow for adjustments to motion speed to be made visually. Sample files are available for viewers who want to follow along with tutorial. Click here to download.













[...] CS4???? Add Flash CS4 Motion Easing Flash CS4 Animating [...]
Nice tutorial
Hakan,
Thanks!
very good tutorial…well explained and demonstrated
Michelle,
Glad to hear that! Thanks.
Very helpful! Great tutorial
Looking forward to more.
Aaron,
Thanks!
Thanks
Thanks~
Mohamed,
thank you nice tutrial
Mohamed,
You’re welcome! Glad you liked it.
Nice tutorial. Thank you for sharing.
I think a better object to demonstrate the motion ease would have made it a better tutorial. Obviously I can’t complain that much about an excellent tutorial for FREE!!
Lex and Steve,
Thanks! Not sure what object would have been better (slice of pizza? rabbit-in-a-hat? Goomba?) but fortunately, the principles are the same no matter what’s depicted.
I agree with Steve a better object would have made a better tutorial but,the motion editor is a powerful new tool, and the tutorial demonstrates that nicely.
Thanks for the free tutorial, I’ll definitely be working in the motion editor a lot more
Maybe the Y axis would have should it of better?
very help full
thank you
I’ve watched a number of video tutorials on easing. Yours is the best. You explain it very clearly and go through it as a new person might applying an ease.
To Anthony and dineshkumar …
Thanks! (Anthony, that’s a decent point about the Y axis. Maybe next time!)
To Michael …
You just made my afternoon.
As a 25-year tech with engineering in my background, I can’t shake the distinct impression that easing simply describes a method to modify an acceleration curve. As with the math term “gradient” (direction of steepest slope, where the magnitude is rate of change) this may help others with engineering calculus to instantly identify the concepts–without requiring methodical jaunts through a lot of arbitrary videos.
As a direct comment on this video, good work; I had the concept as soon as I realized what the term meant. Thank you.
Kirk,
Thanks for the insight! To me, this sounds a bit like presenting the ingredients for bread as chemical notation. Most people will be more comfortable calling them flour, salt, and water. But sure, for the calculus-minded, the Motion Editor panel provides a new way to modify acceleration curves. Glad you enjoyed the video!
Good video however like all video’s it does not show how it works with multiple keyframes. That part keeps a mystery to me. In the old cs3 style a easing is appliedper tween, it does not work like that in cs4.
Mike,
To clarify, the old CS3 style easing — at least, what I think you mean by that — is still available in CS4. It’s just that you need a classic tween in order to use it. (In previous versions of Flash, even prior to CS3, classic tweens were called motion tweens, and the now old-style easing was the only option available, aside from the Custom Ease In / Ease Out dialog box introduced in Flash 8.)
With motion tweens in CS4 — that is, the new-style tweens that involve the Motion Editor panel — easing applies to the whole span of frames in a given tween, regardless of the number of property keyframes in that tween.
To illustrate, imagine that a new-style tween encompasses frames 1 to 100 of the main timeline. You introduce four property keyframes somewhere between frames 1 and 50, then apply easing to the tween as a whole. The effect of your easing will be distributed from frame 1 though 100, even though no property keyframes appear after frame 50. In CS4 (using the new style), it is not possible to apply one ease between the first two property keyframes, nothing between the second and third, and another ease between the third and fourth. In a sense, it’s all or nothing, unless you actually break the motion tween into two separately selectable spans of frames.
The new Motion Editor is not so intuitive as it seems.
You tutorial is very well explained.
Thank you
Valdemar,
Thank you!
thanks!