g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Kidney Disease
Today in History
Distance Learning

All times in EST

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


eCard Project - Spray Brush Tool and Snow Tween

Our FlashR CS4 eCard is nice as is but it will be more interesting if we add a snowfall animation. This can be done in several ways including coding a particle system in ActionScript. However, we are working on a short animation and we can create the same look of a snowfall by tweening a movie clip. We will draw the snow for our movie clip using Flash's new Spray Brush tool. Open your working file into Flash.

1. Add a new layer at the top of the Timeline and name it "Snow". Lock all layers but the Snow layer.

2. Click on the Spray Brush tool. In the Properties panel, change the color for the Spray Brush from the default black to white for the snow. Check the box for Random Scaling which will make the snowflakes random in size. This randomness will show up more if we increase the maximum size for our snowflake. Using the sliders, increase the Width and Height to 120 pixels. If you want larger snowflakes use 150 or even higher.

We want our snow to start falling when the eCard starts (Frame 1) and still fill the stage when we reach the end of the animation on Frame 75. One way to do this is to draw the snow over the entire stage and also above the stage. As the snow on the stage moves down, it will be replaced with the snow that is above the stage, keeping the stage covered in snow for the entire animation. We will draw the snow as one large rectangle that we will make into a movie clip. Let's draw the snow object as a large rectangle shape that is twice the height of the stage and the same width as the stage.

When using the Spray Brush, Flash creates a new object each time you click your mouse button. For example, if we spray three times with the Spray Brush, we will have three objects on the stage. We could group these three objects to animated them together but it would be just as easy to create one snow object. To do this, we need to start spraying at the top of our snow rectangle and keep the mouse button pressed until we reach the bottom of the stage.

3. Imagine a large rectangle over the stage that is twice the height of the stage. Starting at the top left of this snow rectangle, hold down your mouse button and spray the snow in a zig-zag movement back and forth until you get to the bottom right of the stage. If you have a small monitor like I do, you may want to set the view to 50%. Now we are ready to create the tween.

4. You should still be on Frame 1. With the Selection tool, click on a snowflake to select the snow rectangle. Drag it upward until the bottom of the rectangle is touching the top of the stage. Right-click on the rectangle and convert it to a symbol. Set the Type to Movie Clip and name the movie clip "Snow". Right-click on the movie clip and choose Create Motion Tween.

5. Go to the end of our animation (Frame 75). Drag the snow rectangle down until the top of the rectangle touches the top of the stage. You will notice that Flash has added a Tween Path above the stage.

6. Test your eCard and you should see the snowfall move down along with the Let It Snow message. The snow should continue until we reach the end of the animation and the eCard starts again.

Join us in the Flash forum.

Add eCard+Project+%2D+Spray+Brush+Tool+and+Snow+Tween to Twitter Add eCard+Project+%2D+Spray+Brush+Tool+and+Snow+Tween to Facebook Add eCard+Project+%2D+Spray+Brush+Tool+and+Snow+Tween to MySpace Add eCard+Project+%2D+Spray+Brush+Tool+and+Snow+Tween to Del.icio.us Digg eCard+Project+%2D+Spray+Brush+Tool+and+Snow+Tween Add eCard+Project+%2D+Spray+Brush+Tool+and+Snow+Tween to Yahoo My Web Add eCard+Project+%2D+Spray+Brush+Tool+and+Snow+Tween to Google Bookmarks Add eCard+Project+%2D+Spray+Brush+Tool+and+Snow+Tween to Stumbleupon Add eCard+Project+%2D+Spray+Brush+Tool+and+Snow+Tween to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Flash and Animation Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Up and Running with Hype lynda.com

Web Motion for Beginners: An Overview by Tom Green

Halloween Haven Interactive Video Webpage

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor