Flash
  Home arrow Flash arrow Page 3 - Advanced Flash Animation
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
FLASH

Advanced Flash Animation
By: James Payne
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 21
    2007-10-09

    Table of Contents:
  • Advanced Flash Animation
  • Working with Defined Paths
  • Masking
  • It's Better to Burn Out Than to Fade Away

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    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.

    More Flash Articles
    More By James Payne


       · In this installment, we learn to use advanced animation techniques, like Masking,...
       · this article and the others similar have literally been my tuition to design basic...
       · The combination of the author's astute wit and encyclpedic knowledge of his subject...
     

    FLASH ARTICLES

    - 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
    - Organizing Frames and Layers for Flash Anima...
    - Organizing Frames and Layers
    - Using XML and ActionScript with Flex Applica...
    - Interfaces and Events with ActionScript and ...
    - Manipulating Data with ActionScript in Flex ...
    - ActionScript Syntax for Flex Applications







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 2 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek