Developing Webs logo
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Remember to book mark this site!

Request a Tutorial

Animated Text Mask

1. Open a new movie by clicking file=> New. Set your movie to the following

  • height=100
  • width=600
  • background color= white
  • frame rate= 12 fps

2. Click File=> import. Locate the image of the balloon you downloaded and import it onto the stage.

3.Open your library (F11) and double click the icon infront of the balloons.jjpg to bring up the bmp properties. Set the properties to

  • allow smoothing checked
  • Photo(jpg)
  • uncheck use imported JPG data
  • Set to 50% quality.

4. Center the image on the stage. Rename layer 1 to balloon by double clicking the name. Click the lock column to lock it.

5. Click the button on the bottom of the timeline palette to add a layer. The layer will appear above the balloon layer. Name the layer "Animated text".

6. Click Insert=> New symbol. Set the following:

  • Name = Text
  • Behavior=  graphic

7. Type the words "Hot Air Balloons"  in the text symbol with the following settings:

  • Static text
  • Arial
  • 96 pt
  • bold
  • Character Spacing = -6

8. Click back on scene1 to edit the main scene. Make sure the animated text layer is the active layer.

9. Drag an instance of the text symbol from the library out on to the stage. Use your move tool to position it to the left of the stage.

10. Click in frame 30 of the animated text layer. Hit your  F6 key to add a keyframe to frame 30.  Click in frame 30 of the balloon layer and Hit your F5 key to extend it out to frame 30.

11. Click back in frame 30 of the animated text layer. Use your move tool to move the text over the stage. Select your transform tool to resize the width so it fits over the stage.

12. Click on frame 1 of the animated text layer. Set the properties of the frame to tween = motion.

The frames should appear with a purple tint and solid arrow from frame 1 to frame 30.

13. Right click on the animated layer and select mask. This will mlock both layers and make the animated layer a mask of the one below it.

14. Click drag to highlight frame 60 of both layers. Hit your F5 key to extend your frames out to 60. Play your movie.

"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2024 All Rights Reserved
Privacy and Legal