Flash AS3 Tutorials Center | Interesting Flash Animation Tutorials | Valuing Flash Animation Tutorials | Flash ActionScript and Animation Home

AS3 Beginner Tutorials | AS3 Basic Lessons | AS3 Valuing Courses | AS3 Components Tutorials | AS3 and PHP Interaction Tutorials
AS3 Practical Tutorials | AS3 Animation Techniques | AS3 Transition Effects Tutorials | AS3 Download Upload Files | AS3 Particle Systems
Communication Between Flash Movies with AS3 | AS3 and JavaScript interaction | AS3 Matrix Transformation | AS3 Physics Simulation Tutorials

Basic Flash Masking Concept (1)

Some interesting flash animation can be done with masking technique. Masking allows hiding part of text or object thus can be used to create interesting flash effects. The basic concept of a mask is that the area that being masked can be see through.

Please update flash player to view this Flash ActionScript tutorial!

Flash Masking Tutorial Content

Many interesting Flash animation are made with masking. In this tutorial, we start with a most basic masking technique.

The completed flash animation is shown as above.

Step 1: Create Flash Layers

Masking will usually involves two layers - a masking layer and a layer that will be masked. In this example, the masking layer is the black circle while the text is the layer that will be masked.

flash masking technique

Note:
The area behind the black circle will be shown. In other words, the part that is hiding now will be shown after masking. This is the most basic concept of masking.

Step 2: Create Mask

Right click the text layer (i.e. layer that need to be masked), and select the mask menu as shown in the diagram below:

flash masking technique

Step 3: Mask Created

The mask has been created as shown in the diagram below. Note the interesting icon that indicating the text layer to be masked.

flash masking technique

Look! The area behind the black circle is now showing, while other area is hidding.

Download Flash Source File:

Flash Source File 01-simple-mask.fla

Remarks:

This Flash Animation tutorial shows how to do a simple masking.