Jump to content

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

Clipping masks in Animate CC using GSAP

Recommended Posts

Hi, I'm creating a basic banner in Adobe Animate and need to reveal some text using a moving clipping mask.


I've tried creating a traditional clipping mask using animate and then animating the mask using TweenMax, but this doesn't seem to work.


Any suggestions?


Many thanks



Link to comment
Share on other sites

Hi yes, it is. But when I add in TimeLineMax to animate the mask, it stops working.

Link to comment
Share on other sites

I just tried to animate a mask using a createjs frame script and it did not budge. Found this previously asked question. Appears a scripted mask is not possible.



  • Like 1
Link to comment
Share on other sites

It's possible but it's a pain in the butt and probably overkill. I wrote the code for it on some other thread for Animate CC. Hopefully Adobe changes this.

It'll be easiest to animate it manually, and then trigger it via script when you want to have it happen.

Link to comment
Share on other sites

Thanks davi, how does one go about triggering Animate animations using GSAP scripts please? Do you have any examples?

Many thanks

Link to comment
Share on other sites

Just use regular Animate actions.

So make your mask animation inside of a movieclip and give it an instance name (i.e. "myClip_mc"), add a stop action in frame 1 inside that movieclip > this.stop(); then add a frame label to frame #2 and call it something like "in". This is where your mask animation starts but it's waiting idly for you to tell it to start playing. 

Then somewhere else (wherever it should be) just call this.myClip_mc.gotoAndPlay("in"); Obviously, the path to which you target the clip will change based on your own file.

You can add the script to Animate's timeline or attach it to one of GSAP's events like onStart, onComplete, etc etc.

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.