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

Simple Flash Masking Animation (1)

Now we have some basic concept of flash masking. It is time to do some simple flash animation with masking.

Please update flash player to view this Flash ActionScript tutorial!

Flash Masking Tutorial Content

The flash masking animation effect is shown as above.

We already learned a lot about Tween animation in our other flash animation tutorials. Therefore we only focus on the masking effect.

The black circle mask is simply convert to a symbol so that it can be animation from left to right, and then animation back to the left. Since only the area under the masking can be seen, thus creating this interesting animation effect.

Mask at Initial Position

flash masking animation

Mask Move to Right

flash masking animation

Mask Move Back to Left (Initial Position)

flash masking animation

Since only area behind the masking can be seen, we can animate the masking to create this kind of flash animation.

Download Flash Source File:

Flash Source File 03-simple-mask.fla

Remarks:

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