A Flash Developer Resource Site


Turn Flash in Desktop App or Widget. Win & Mac.


Create Flash animations without coding with FlashEff


World's Favorite Flash Tool 200,000 users and growing!


FreeSpin3D – 3D in a Flash. Real-Time 3D for Developers and Designers.


Online TCO Calculator. See how migrating from Solaris to SUSE* Linux Enterprise Server from Novell* delivers all the reliability, performance and scalability of Solaris for up to 75% less.

Few IT managers have the luxury of looking ahead more than a year or two.

Nicholas Carr, the author of "Does IT Matter?", takes readers on a trip one decade into the future to see how IT will change and what those changes mean for IT professionals, hardware and software vendors, and corporations of all sizes.

Register now for your free Internet.com membership to download your complimentary eBook. Membership will also give you access to:
eBook library Whitepapers Webcasts
Newsletters WinDrivers

Featured Flash FLA
Gallery Downloads 11194 Flash Movies | 7 New Flash Movies Added
What's New | Top 100

Featured FLA

» Author: Kaushik Basak
» Title: Head
» Description: This is another example of basic keyframe animation.
» More by Kaushik Basak


Random FLAs | Add Flash Movie
Featured Flash Site
Gallery Downloads 6608 Flash Sites | 4 New Flash Links
What's New | Top 100 Flash Site

Featured Site

» Posted in the Flash Kit Links section
» Title: eigoMANGA STUDIOS
» Comments: eigoMANGA STUDIOS is a business to business consulting firm that develops anime and manga projects for other business organizations


Random Links | Add your own Flash Related Links
Flash Tutorials 1170 Tutorials 7 New Tutorials Added!
What's New | Top100

» Create Graduation Photo Slideshow to Cherish School Memories
» Making movieclips point at the mouse
» Create Flash slideshow for Youtube
» Move a sprite with the keyboard
» Convert FLV to AVI video with DIVX codec to author a desired video with your favorite FLV movie!
» Flash Video Conversion Guide for Apple TV
» How to Convert FLV to iPhone movies
» Convert FLV(Flash Video) video to Cell Phone
» Convert FLV to AVI with XviD video codec to enjoy a DVD quality video with half of its size
» Unknown Tag: Title10
Random Tutorial | Add Site

bbm.netBBM.net is designed to save you time and deliver the highest quality royalty-free music for your multimedia projects. Features include: over 450 Music Loop Packages from some of the best composers in the business, our music search engine to speed your selection process, alternate music versions & bonus sounds to use for rollovers or transitions, free technical support and free consulting.

Click here for details »

Web Designer
Aquent
US-NJ-Parsippany

Justtechjobs.com Post A Job | Post A Resume


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Tutorials Tutorials » Text_Effects

Categories Masking On Text-Light Effect
Author: Mustafa Pracha | Website: http://fi.united.net.kg |

 
Page 1
1

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?

1

» Level Intermediate

Added: : 2002-01-22
Rating: 6.29 Votes: 114
Hits: 3431
» Author
Have been working in flash from the past two years...i am designer.
» Download
Download the files used in this tutorial.
Download (35 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments
 
   
 



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers