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 
Sun Developer Network 
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 / 16
    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...
     

    FLASH ARTICLES

    - 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
    - ActionScript in Flex Applications
    - A Closer Look at Apollo`s File System API
    - Using the File System API
    - ActionScript 101
    - Flash Buttons
    - Advanced Flash Animation
    - Creating Your First Animated Movie with Flas...
    - Flash: Building Blocks






    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway
    Stay green...Green IT