RSS

Flash mask tutorial

March 14, 2010

How To

In this toturial We will learn how to flash Masking effect to a picture.

What we do:

  • We will create 2 layers, the bottom one holds the stuff you want to be masked, and the top one is the object that is used to do the masking.
  • Apply motion tween to the Masking object.
  • Right-click on the masking layer and applied “Mask” to it.
  • Test the your movie.

Step 1

  • Select the first layer, right-click it and rename it to “Picture“.
  • Select the first keyframe of the “picture” layer and go to File>Import and import the picture you desire to mask.

Note: It is  recommended to use a .PNG image format instead of a .JPG for best results in flash.

Fig 1

Step 2

  • Click on the icon to add a new layer. Name the new layer “Mask“.

This layer will hold the object that will be used to reveal the base picture.

  • Select the Oval Tool from the Toolbar and draw a circle while the first keyframe of the “Mask” Layer is selected.

Fig 2

Step 3
  • Apply Motion Tween to the circle and make it go accross the picture.
  • Make sure you extend the keyframes of the “Picture” to match the length of the “Mask” keyframes as shown in Fig 3.

Fig 3

Step 4

  • Right-click on the “Mask” layer and select Mask from the drop-down menu.

The result should be similar to Fig 4. You’ll notice the base picture can only be seen through the oval shape you drew.

  • Go to windows>test movie.

Fig 4

Yo can add Shape Tween instead of Motion Tween.

, , , , , , ,

Subscribe

Subscribe to our e-mail newsletter to receive updates.

Related Posts:

Trackbacks/Pingbacks

  1. Flash mask tutorial | Flash tutorials | Flash video tutorials … | My Money and Finance Blog @ Smrits - March 14, 2010

    [...] What we do: We will create 2 layers, the bottom one holds the stuff. Read the original here:  Flash mask tutorial | Flash tutorials | Flash video tutorials … Share and [...]
  2.   Flash mask tutorial | Flash tutorials | Flash video tutorials … by Flash Designers - March 14, 2010

    [...] Excerpt from: Flash mask tutorial | Flash tutorials | Flash video tutorials … [...]
  3. Illusory Magic. | cheapax.info - March 14, 2010

    [...] Flash mask tutorial | Flash tutorials | Flash video tutorials … [...]
  4. U.S. Divers Cozumel Mask, Seabreeze Dry Snorkel, and Proflex II Fin Snorkeling Set | Bestsellers in Sports & Outdoors - March 15, 2010

    [...] Flash mask tutorial | Flash tutorials | Flash video tutorials … [...]
  5. Flash Mask Tutorial | Flash Tutorials | Flash Video Tutorials … - March 15, 2010

    [...] In this toturial We will learn how to flash Masking effect to a picture . What we do: We will create 2 layers, the bottom one holds the stuff. … Flash tutorials | Flash video tutorials | Flash actionscript | flash animation | flash menu | flashconf.com Flash tutorials, Flash video tutorials, Flash actionscript, flash animation , flash menu. Subscribe via RSS · Home · About · Contact · How to. 14Mar/100 …Continued [...]

Leave a Reply