How to make a gradient blur mask Flash CS6 and animate it!

This article was written by in June 12, 2014, & may not be posted on other sites!
Original source url for this article: How to make a gradient blur mask Flash CS6 and animate it!

How to make a blur mask Flash CS6 and animate it.
Having problems creating a gradient blur mask in Flash CS6? Tried everything? Is your shape mask with a color fill 0% -100% not working in Flash CS6? To make a gradient blur mask in flash CS6 and animate it, just follow these simple steps:

How to make a gradient blur mask Flash CS6 and animate it!

The solution –
make a gradient blur mask Flash CS6 and animate it!

You can’t create a gradient blur mask in Flash CS6 without using AS3. But this is done easily. Just follow these simple steps to create a gradient blur mask in Flash CS6:

  1. Open Flash CS6 and create a new AS3 document.
  2. Create a layer and put an objekt on the stage, for example an image. Make sure the image is inside a movieclip. To create a new movieclip, go to insert > new symbol.
  3. Create your mask shape and put it in another movieclip. Open the color panel and fill your shape with a linear or radial gradient using an Alpha 0% – 100% color fill. 100% color will show the element and 0% will hide the element. You can also put a blur filter on the movieclip which holds the vector shape. Put the shape movieclip on the stage in a second layer just above the image. How to make a gradient blur mask Flash CS6 and animate it! the Solution
  4. Select your shape mask on the stage and give it an instance name in the Properties panel, for example theMask.
    How to make a gradient blur mask Flash CS6 and animate it solution tutorial
  5. Select your image and give it an instance name, for example theObject.
  6. Create a third layer above the image and the mask and open the actionscript 3 panel, Window > actions or press F9. Write this code in the actions panel:
    theMask.cacheAsBitmap = true;
    theObject.cacheAsBitmap = true;
    theObject.mask = theMask;

    Basically we are telling flash to treat the image and the mask as bitmaps, and to use the shape layer as a mask on the image.
    How to make a gradient blur mask Flash CS6 and animate it solution tutorial
  7. Your layers will look exactly the same in the stage as before, but when publishing your SWF the gradient blur mask will work as expected! Just press ctrl + enter to publish your flash file and you can see that your gradient blur mask is working!
    How to make a gradient blur mask Flash CS6 and animate it solution tutorial
  8. You can animate your mask movieclip as you wish. Just treat it like any other movieclip in Flash CS6 and move it, change the size, add a tween and so on.

 

Spread the word

Facebooktwittergoogle_pluslinkedinmail

Leave a Reply

Your email address will not be published. Required fields are marked *