First time here? First time here? Newsletter Signup Newsletter
651326 Members and growing! | Flash Jobs
Search tutorials
Author: Mustafa Pracha | Website: http://fi.united.net.kg

Masking Effect

Lets Start!! Firstly you should have an idea of what u are about to make so here is what we are targeting for :

Now that u have an understanding for what we are going to do here is it : Definately you need to open an new file, hope you know that! ;) First insert one symbol give it the name 'Black Text', And in this symbol write a text 'FLASH' and by using the center tool, center the text you will find the center tool at the top,where you have the cut,copy,paste options.

Now go back to the main stage "Scene1" open the library or press CTRL+L Select the symbol 'Black Text' right click on it.. you will see a menu, from their select 'Duplicate',a new window will appear rename it to "Yellow Text" Double click in the library's preview window and you will be in the edit mode for symbol you just named 'Yellow Text' right? Edit this text and change the color to yellow Save all you work..so you don't lose it ok? This is how your library should look like:

Heres what u have to do next: Insert > New Symbol or press CTRL + 8 Name it 'RectangleBar' And select Graphic > click ok Now in this symbol draw a small bar,use the rectangle tool Small bar as the one below , make sure to delete the strokes (borders of this) This is what should be seen :

Now come back to the main stage and follow these:
1)Insert Three Layers
2)Double click the top layer(on the layer's icon)
Select MASK from the window that appears
Rename the layer to 'Rectangle Bar'
3)Double click the second layer(on the layer's icon)
Select MASKED from the window that appears
Rename the layer to 'Yellow Text'
4)Open the library CTRL + L if not already open and drag the
RectangleBar Symbol from the library and place it in the layer with the name
RectangleBar
5)Lock the 'Rectangle Bar ' layer
6)Now in the layer name 'Yellow Text' drag the symbol 'Yellow Text' from the library and place it in this layer, and align the symbol to the center of the stage using the alignment tool, and lock this layer .
7)Now in the third layer Rename to 'Black Text', drag the symbol 'Black Text' form the library and place it in this layer . andlock this layer
it should look like this :

Add a few frames as seen in the image above. Unlock the layer with the name 'Rectangle Bar' and rotate the bar as shown and place it that way too..

Now in the last key frame of this layer insert a keyframe and drag the bar to this position, see the image below:


In the top layer(Rectangle Bar) Create motion tween by right clicking any frame in this layer. Once done lock this layer….. And don't foget to save your work! This what should the time line be when its is done :

Test your movie , what do you get?
» Level Intermediate

Added: 2002-01-22
Rating: 6 Votes: 121
(10 being the highest)
» Author
Have been working in flash from the past two years...i am designer.
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!

Comments

  • 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: doc_chin7
» Description:

The flash's horizontal road drive was done in CS4 and was upgraded to CS6. The car responds to right/ left key and flash will auto-generate the movement of roads from left-right or right-left based on random number. Have fun driving in this virtual environment and avoid other cars... :) If you are creative, a road driving game can be created from it.

Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
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: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.