7-day free trial to lynda.com video training library.

New Flash Extension: MotionBlur

Justin | animation,extensions,Flash | Monday, March 2nd, 2009

The MotionBlur Flash extension takes a (new) motion tween, analyzes the movement, and creates a motion blur. Because the new motion model allows each property on a tween to be set independently, this extension is able to generate independent blurring for horizontal (x) and vertical (y) movement. It can take into account some rotation as well as some movement on the z-plane (3D), but its primarily designed to track x and y motion.

It works best if you run the extension after you’ve completed all easing and other adjustments on the tween first. If have to you adjust your path or motion easing, you can simply run the MotionBlur command again to re-calibrate.

The motion curves for blur x and blur y are optimized as well, so they add as few new keyframes to your tween as possible. The amount of blur is also adjusted based on the document’s frame rate (higher frame rate = faster animation = more blur).

Download
(Compatibility: CS4 & newer)
MotionBlur.mxp

Related Topics



30 Comments »

  1. MotionBlur for Flash:
    http://tinyurl.com/dgx5lb

    Comment by justinputney (Justin Putney) — March 2, 2009 @ 5:02 pm

  2. hi,

    i was trying out your extension, but all i get is an error:

    ‘The following JavaScript error(s) occurred:
    At line 198 of file “MotionBlur.jsfl”:
    TypeError: selPath has no properties’

    any idea what’s the problem?

    Comment by huehmae — March 16, 2009 @ 12:45 pm

  3. huehmae,

    It took me a little while to figure out how to reproduce this error, but I think I figured out what’s going on.

    In order for this extension to run, you cannot click on anything while it’s processing (only takes a second or two depending on the length of your animation).

    When you get the prompt for quality and intensity, and you’ve selected the levels you want, hit ENTER or single-click the okay button. If you double-click the okay button, your second mouse click will interrupt the processing of this extension.

    P.S. Once this error has occurred, you may have to restart Flash in order for the extension to work properly.

    Comment by Justin — March 16, 2009 @ 6:30 pm

  4. i’m still getting the same error, and for sure am not clicking anywhere during the processing. it seems the error occurs when the processing reaches the end of the tween. it worked once, though. mysterious.

    Comment by huehmae — March 17, 2009 @ 3:50 pm

  5. Hmm…
    I’ll keep thinking about it, huehmae. Let me know if you notice anything else.

    Comment by Justin — March 18, 2009 @ 11:13 pm

  6. Very cool extension. Thank you for your hard work and making it available to the rest of us! Worked like a charm!

    Comment by Andrew — March 20, 2009 @ 7:16 pm

  7. Hi Justin, I’m having a problem with motion blur. When I try to run MotionBlur with a motion tween selected, it says “The motion contained color, filter and/or 3D properties that can not be applied to the selected object(s).” The unsupported properties were removed.”
    All the motion tween really is, is just moving a symbol from one place to another over several frames. What am I doing wrong?

    Comment by Espeorb — March 28, 2009 @ 7:14 pm

  8. Espeorb,
    I didn’t run into any messages like this while testing. Could you post
    your file somewhere for me to look at? If I can replicate the problem, I
    might be able to fix it, or at least tell you why it’s happening.

    Got it figured out. You’re getting that error message because you’re trying to apply MotionBlur to a graphic symbol. Graphic symbols cannot have filters applied. Your symbol should be a movie clip (preferred) or a button. I’ve updated the extension so that it will now prompt you if you try to apply the blur to a graphic symbol, and will allow you to convert it to a movie clip on-the-fly. This was an omission on my part for not thinking to include this in the first place.
    Thanks for bringing it to my attention!

    Comment by Justin — March 29, 2009 @ 1:33 am

  9. Hi, I’m working on a kinetic type project, which will involve a lot of motion blur while the text moves, and this seems like the perfect extension to make the animation go faster. However, for some reason Extension Manager crashes when I try to install it. Is there any reason this would happen? Or would Extension Manager be the problem somehow?

    Thanks in advance for your help and your work on this extension.

    Comment by alfadark — March 30, 2009 @ 12:34 am

  10. alfadark,
    So far, I’ve had great luck with Extension Manager, but I do hear reports of problems from other users on occasion. I’m not sure what the problem is with Extension Manager, but I’ve created a JavaScript installer so that you can bypass EM entirely: MotionBlur_customInstaller.zip. Just unzip, have Flash CS4 open, and double-click on the customInstaller.jsfl file. There are also instruction for a manual install.
    Good luck on your project!

    Comment by Justin — March 30, 2009 @ 5:09 pm

  11. Worked like a charm! Thanks Justin.

    Comment by alfadark — March 30, 2009 @ 11:54 pm

  12. Awsome! Thanks for this, i’m gonna use it so much!

    Comment by DoofMoof — May 9, 2009 @ 11:47 am

  13. [...] http://ajarproductions.com/ [...]

    Pingback by MotionBlur : Flash CS4 Extension » Garuna Web Designer — June 13, 2009 @ 11:21 am

  14. Works great, well worth a tweet or two…

    Comment by Steve — June 29, 2009 @ 5:06 pm

  15. Seemed to install ok the option is not available from the command menu.
    Using the latest version of flash cs4. 10.0.2

    Comment by Pete — September 1, 2009 @ 7:27 am

  16. Pete,
    If you’re using CS4, make sure you’ve installed it with Extension Manager CS4 (this may not be the version that loads by default on your system). EM CS4 has a dark gray interface.

    Comment by Justin — September 3, 2009 @ 6:11 pm

  17. Thank you for the reply.

    I was indeed using Extension Manager CS4.

    Just managed to get it working though.
    Seems the problem was with my system ( XP ) setting of: ‘ Language for non-Unicode programs ‘ set to Japanese. I set it back to English and all works fine now.

    Thanks very much for the wonderful extensions!

    Comment by Pete — September 4, 2009 @ 12:44 am

  18. Great! Glad you got it worked out.

    Comment by Justin — September 4, 2009 @ 12:53 am

  19. Just discovered your wonderful extensions— thanks!

    A couple of things I noticed that I thought I’d pass on to others that may have been a little confused (as I was) are:

    1. Prior to running the command, one needs to select the tweened object on the stage, not a tween span in the Motion Editor or on timeline as far as I can tell.

    2. You need to NOT have blur filter already set for the tween. (It also seems to be a problem if you’ve added a blur in the properties window as well.)

    Also, does one need to retain the “MotionBlur [temp]” layer that is automatically created upon running the command or should we trash it? It seems to be a graphic of the existing motion curve that is used to generate the blur curve.

    If I’ve gotten any of this is flat wrong, please do point it out.

    Thanks again,

    -t

    Comment by Talley — September 5, 2009 @ 11:59 am

  20. So I guess was experiencing some of the same problems that were already mentioned, but I have since figured out that you can, in fact, select a tween span in the timeline after all, but it’s somewhat hit and miss. I’ve gotten a warning that I need to select a tween when selecting a tween (in the timeline) after having selected the motion path on the stage, for example.

    Another thing I can’t quite figure out is whether one needs to break a given motion tween into separate segments for best results. If, for example, I fade an animated logo in on the stage and then want to move it elsewhere quickly with a motion blur and then have it animate further, is it best to break the animation into 3 parts and run the motion blur command only on the move part?

    Thanks in advance,

    -t

    Comment by Talley — September 6, 2009 @ 4:22 pm

  21. Hi Talley,
    Thanks for your comments.

    A few notes:
    The command will work by selecting symbol(s), frame(s), layer(s) with tweens, or tween(s). Selecting the motion path itself will not select the tween or the symbol.

    If you don’t interrupt the processing, the “MotionBlur [temp]” layer will be deleted automatically.

    You should be able to apply this to a tween that already has a blur applied, but the current blur will be replaced with the motion blur.

    To apply motion blur to part, but not all of a tween:
    You can break it into segments
    OR
    You can remove the blur from parts of the tween by following this sequence
    Apply the motion blur, then the select frames where you don’t want the blur (using CMD-click on Mac, CTRL-click on Win), then right-click (CTRL-click on Mac) and select Clear Keyframe > Filter.
    (This can also by done in the Motion Editor for more precision)

    Hope that helps.

    Comment by Justin — September 10, 2009 @ 11:53 pm

  22. Really nice extension, works like a charm.
    Thank you and keep up the great work!

    Comment by Gerald — September 15, 2009 @ 7:57 am

  23. Thanks, Gerald! I appreciate the feedback.

    Comment by Justin — September 15, 2009 @ 5:53 pm

  24. I’ve installed via the extension manager but get an error when I apply it to the tween on my mc.

    ‘The following JavaScript error(s) occurred: At line 206 of file “MotionBlur.jsfl”: TypeError: selPath has no properties’

    I have not pressed anything to interupt it during the application, all I have done is selected the tween at the first frame, applied the extension under the command menu, then hit enter when it asks about options (not even moved the mouse)

    Any idea’s?

    Comment by Martin — October 15, 2009 @ 2:57 pm

  25. Martin,
    Make sure to restart Flash to clear the error. Try running the command again, but click the “ok” button instead of hitting enter this time.

    Comment by Justin — October 19, 2009 @ 4:15 pm

  26. Hey Justin, the first time I tried the command, I got an error message along with a new layer with some kinda shape on it right over my motion tween layer. I restarted Flash CS4 and it worked perfectly for a similarly done motion tween. I then tried to make a new document with another motion tween and all the command did there was give me that weird layer and the shape on it and it’s been like that for every single motion tween I try to apply it to ever since. Did I miss something?

    Comment by Ray — February 28, 2010 @ 12:25 pm

  27. Hi Ray,
    Chances are, you might be doing something that interrupts the processing of the script. See the previous comments. If you do get this error. Restart Flash before running the command again.

    Comment by Justin — March 2, 2010 @ 11:59 pm

  28. [...] MotionBlur: http://ajarproductions.com/blog/2009/03/02/new-flash-extension-motionblur/ [...]

    Pingback by Professional Web Page Design Company & Flash Banner Ad Design Ottawa, Canada - Useful Free Flash Extensions - Wilder Tweedale Web Design Blog — November 26, 2010 @ 4:25 am

  29. Does this work with the flash 7 player?

    Comment by Jon — August 31, 2011 @ 4:50 pm

  30. Hi Jon,
    This extension utilizes filters, which were introduced in Flash 8, so animation created/altered with this extension will publish nicely back to Flash Player 8 (even though it uses new motion tweens), but not FP 7.

    Comment by Justin — August 31, 2011 @ 4:57 pm

RSS feed for comments on this post. TrackBack URI

Leave a comment

You may use the following html tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight=""> .

Subscribe without commenting