Home arrow Flash arrow Page 3 - Advanced Flash Animation
FLASH

Advanced Flash Animation


In the last tutorial we learned how to make a ball bounce. Big whoop. While this might entertain your two-year-old son, your nine-year-old dog, or your 90-year-old grandfather (it might actually give him a heart attack if you use the right combination of colors), it really is for the amateurs. In this tutorial we are going to get sued by Emeril Lagasse and WHAM! Kick it up a notch.

Author Info:
By: James Payne
Rating: 4 stars4 stars4 stars4 stars4 stars / 22
October 09, 2007
TABLE OF CONTENTS:
  1. · Advanced Flash Animation
  2. · Working with Defined Paths
  3. · Masking
  4. · It's Better to Burn Out Than to Fade Away

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Advanced Flash Animation - Masking
(Page 3 of 4 )

Who can forget Jim Carey's performance in The Mask? I can, that's who. I haven't even seen it yet. I bet your grandfather doesn't remember it either. Wait. What were we talking about?

Right. Masks in Flash are used for a variety of reasons. In our sample, we are going to create some decent-sized text and give it a spotlight effect. As the mask moves across the screen, it will block out everything except for the text it is passing over.

Create a new file and rename your layer to MASK (do this by double-clicking on the name Layer 1, entering the new name and pressing Enter). Right-click on frame sixty and insert a blank keyframe. Next, right click on your layer and choose Insert Layer. Name this layer BOOOO!.

Click on the Text Tool and insert a line of text that reads, “BOOOOOO!” Make sure to use font size fifty and format the text to bold. Once finished, click on the first frame of the Mask layer, draw a circle barely larger than your text and convert it into a Symbol. Drag the circle to the left hand side of the text, then click on frame sixty and drag an instance of the circle to the right-hand side of the text. Now, click on a frame between one and sixty and add a motion tween.

Finally, right-click on the Text layer and choose Mask from the pop-up menu. Now play the movie to see the effect.


blog comments powered by Disqus
FLASH ARTICLES

- More Top Flash Game Tutorials
- Top Flash Game Tutorials
- Best Flash Photo Gallery Tutorials
- The Top Flash Tutorials for Menus
- 7 Great Flash Tutorials
- Adobe Creative Suite 5.5 Now Available
- Critical Flash Vulnerability Heats Up the Web
- More on Nonpersistent Client-Side Remote Sha...
- Nonpersistent Client-Side Remote Shared Obje...
- Using the Decorator Pattern for a Real Web S...
- Using Concrete Decorator Classes
- Delving More Deeply into the Decorator Patte...
- The Decorator Pattern in Action
- A Simple Decorator Pattern Example
- Decorator Pattern

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 10 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials