1 Reply Latest reply on Apr 28, 2015 10:04 AM by resdesign

    Clipping mask question

    matthewdee Level 1

      I need to use a clipping mask, I already know how to do one when you have an image or shape on a simple color background but this is a bit more complicated.


      the background is artwork and on top of the artwork I have a .png of 2 pumps of smoke. they are just lines formed that look a bit like an S but stretched out. In Flash this was easy but I know there is a way to do this in Edge.


      The idea here is to start the pumps invisible then bring the opacity to full, while thats happening have a mask on top slowly revealing the smoke. I tried to do with a blank.png on top but not happening.


      Any insight on how to do as I'm in CC 2014 as I see a way to do with an older version of Edge using the hidden?







        • 1. Re: Clipping mask question
          resdesign Adobe Community Professional & MVP

          I would use the clipping mask on your smoke png itself. Select your image and get the clip property in the property panel.

          You can also use animate() if you add jquery via the script panel to reveal the image or use the UI to face in.


          With animate:

          change element opacity to 0.

          sym.$('smoke').animate({'opacity':1.00}, 3000);


          Hope this helps.