CBT Cafe Logo  

CBT Cafe > Flash > Masking

Flash: Masks-Creating Wipes

Source Files: Download
Level: Easy

This is a great effect for creating movie-like transitions from screen to screen.

Step 1: Getting Started

  1. Begin with an image or graphic on Layer 1
  2. Align the graphic with the stage by selecting it and entering 0 for BOTH the X and Y coordinate in the Info Panel
  3. Create a New Layer (Layer 2)
  4. Place another graphic or image on that layer (Layer 2)
  5. Create a New Layer (Layer 3) above Layer 2
  6. Right Click on Layer 3 and choose Mask from the drop down menu


Step 2: Creating the First Wipe

  1. On the Masking Layer (Layer 3), create a black rectangle that matches the same size as the graphics and stage.
  2. Create a Keyframe (F6) at Frame 10 on the Masking Layer (Layer 3).
  3. Add Frames (F5) to the other layers without adding keyframes.
  4. At Frame 10 on Layer 3, scale the rectangle to a width of 1 on the right side of the stage.
  5. Create a Shape Tween on layer 3 (motion or shape). I used shape since I didn't convert my rectangle to a graphic.
  6. Test your movie by dragging the red playhead back and forth. Be sure the top 2 layers (Layer 3 & Layer 2) are locked to preview the masking animation.

Page 1 | Page 2

We've added 4 New Movies to our Flash 5 source files cd! These include detailed videos on:

1. Tell Target/With
2. Dynamic Text 1
3. Dynamic Text 2
4. Animated Fly Out menu Part 2

About the CDROM:
These movies are the SAME content found in our Flash 5 tutorials, but the quality is clearly better than the streaming, web-compressed format we have online with Frame Rates up to 20 TIMES FASTER and CD-ROM quality AUDIO!

More Info...




Home | Dreamweaver | Fireworks | Flash | Photoshop | Elements | PowerPoint| Ebay | QuickTime Pro | Flash 5 CD | Fireworks MX CD | QuickTime Support | Contact

Copyright © 1999-2011 CBT Cafe, All rights reserved

Flash®, Fireworks™, and Dreamweaver® are registered trademarks of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark

CBT Cafe | Multimedia Learning | Interactive Graphics