Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
anusky

blur effect

Recommended Posts

Hi again!

Any basic recomendation for make a blur effect in TimelineLite?

I enclosed a pic for have an idea what i'm talking about...I dont know if thats helps.

 

Thanks in advanced,

 

 

 

post-41884-0-02840500-1457714595_thumb.jpg

Link to post
Share on other sites

As I know there is no motion blur yet which is cross browser compatible. Check back 1-2 years later. Lol, sorry, kinda frustrating. But if you make a motion blurred and a normal asset in photoshop, and fade in the blurred while moving both assets, You can achieve something similar.

  • Like 2
Link to post
Share on other sites

SVG filters are pretty well supported across browsers now: http://caniuse.com/#feat=svg-filters

 

But it's true, just blurring the X direction for the appearance of a motion blur would be trickier than just a regular/uniform blur.  I did find this though: http://tympanus.net/codrops/2015/04/08/motion-blur-effect-svg/

 

Not totally sure how it could be integrated with/converted to GSAP though.

Link to post
Share on other sites

@Ohem, that tutorial you linked to does use GSAP. Lucas Bebber does a lot of cutting edge stuff with GSAP. Here's the demo from that article...

http://tympanus.net/Tutorials/MotionBlurEffect/

 

Here's another tutorial about creating a motion blur effect using GSAP.

http://codepen.io/igcorreia/post/motion-blur-on-the-web

 

And some of his demos

See the Pen pJvOpL by igcorreia (@igcorreia) on CodePen

See the Pen ZGGzWZ by igcorreia (@igcorreia) on CodePen

See the Pen zGGzzZ by igcorreia (@igcorreia) on CodePen

  • Like 7
Link to post
Share on other sites

Thank you guys!!!!!!

Fot that super useful advices!

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×