First time here? First time here? Newsletter Signup Newsletter
Search tutorials
Author: Mimi Widjaja

Getting Started

This movie contains 2 masking effects. First is the masking effect for COLORED text and the second is for MASKING text.

Let's start by creating a new movie. Size and framerate is not a matter. Set the background color in any color you like. I choose black.

Create The First Masking Effect

Using the Text Tool to type any text you like. Mine is COLORED text. Convert it to movie clip by clicking Insert > Convert to Symbol or pressing F8.

Double click the Colored Movie Clip. Now we work inside the movie clip. Create new layer below the Text layer, draw a rectangular shape without stroke, fill it with any color you like, and convert it ( Insert > Convert to Symbol or pressing F8) to graphic. Add new keyframe (F6) at position 20 (or set any keyframe position you like), and change the position of rectangular graphic to another place. Make a tweening by right-click anywhere between the first and the last keyframe (20) and select Create Motion Tween. You can also make a modification of the shape by clicking Modify > Transform > Free Transform or Click Q. By doing this you can modify the animation of the color bar.

Set the text layer as mask by right clicking at the text layer and choose Mask, which will mask the color layer.

Repeat the steps for creating other color layers. Choose any combination of bar color for each color layer and create different animation movement by placed it at different position around the text. Modify the bar shape as you like to give another variation. All the color layers are placed below the text layer. Let the last masked color layer without tweening and place it to cover all text.

At this step your timeline should look like this following picture:

» Level Basic

Added: 2002-10-20
Rating: 7 Votes: 102
(10 being the highest)
» Author
Mimi Widjaja is a flash developer and web/ multimedia designer. Having experience working in graphic design for agricultural products for some years.
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!


  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.