Jump to content
Search Community

Mask reveal for smoke image

Blake test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi there, 

I'm wondering if there's a clever way to animate a mask to reveal a bitmap of smoke, so the smoke image looks like it's appearing somewhat naturally. If the smoke was vector I'd use the DrawSVG plugin with some masking, but in this case is it possible to use any GSAP resources to do something similar?

I've attached a sample image of the smoke I'd like to reveal.

Thanks in advance,


Edited by Blake
made space for image
Link to comment
Share on other sites

You can drop an image into a SVG and use the DrawSVG plugin to reveal it. I'd probably try to use a series of strokes with varying widths and opacity to reveal it. Or you could move to a canvas based solution and use particles to generate the smoke.


Happy tweening.



  • Like 4
Link to comment
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.
  • Create New...