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

Home Improvement
Women's Fashion
Small Office/Home Office
Holiday/Seasonal Cooking
Crafts for Kids

All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


Storyboard for Section One of Product Tour Project

We are ready to begin the first section of the Product Tour. This will eventually be pasted into the main swf as a movie clip. We will build this section in it's own fla file, for convenience. This new fla file will have the dimension of the playback area of the stage. These dimensions are 503 x 311 pixels, with the same 30 frames per second as the main swf.

The ecards at Pamela Gladding Ecards are made from elegant, whimsical and artistic raster artwork. Therefore, let's make the ecards the "star of the show" in the FlashR based Product Tour application. To introduce our stars, we will create a virtual "card shop".

While drawing the virtual card shop section of the storyboard, we will have shelves full of miniature versions of real ecards. The shelves look a little lost, so we add a few balloons. This created a card shop on the Flash stage.

After the balloons enter the stage, the introductory text and shelves will fade in. To introduced each of our artists, we will use a tween animation to make it appear that one of the artist's ecards zooms off the shelf and almost fills the screen. Along with this, we will use a text balloon graphic to display the artist's name and the art medium.

Now that we have the storyboard and overall concept for our virtual card shop, it is time to build it. We grab a screen shot of an ecard for each of our artists, along with several more ecards to fill the shelves. Because we don't want every ecard to zoom off the shelf from the same position, the placement of the mini ecards on the shelves is well thought out. The shelves and miniature ecards are all in one Photoshop file which makes it easy to import in to Flash.

Our first thought is to draw vector balloons in Flash but I didn't like how they looked with the other raster graphics imported from PhotoshopR. Going back to Photoshop, we create some balloons using semi-transparent gradients.

After importing the Photoshop graphics, we are ready to build the first animation which will be the balloons floating up from the bottom of the stage. Staggering the balloons as they float onto the stage, we use a tween that spans 15 frames for each balloon.

We follow the balloon animations with a 30-frame fade-in transition of the introductory text. The text stays on the stage for 100 frames and then fades-out over another 30 frames. As the text fades out, the shelves fade in. Now the stage is ready for the ecard show.

Pamela Gladding Ecards

Join us in the Flash forum.

Add Storyboard+for+Section+One+of+Product+Tour+Project to Twitter Add Storyboard+for+Section+One+of+Product+Tour+Project to Facebook Add Storyboard+for+Section+One+of+Product+Tour+Project to MySpace Add Storyboard+for+Section+One+of+Product+Tour+Project to Del.icio.us Digg Storyboard+for+Section+One+of+Product+Tour+Project Add Storyboard+for+Section+One+of+Product+Tour+Project to Yahoo My Web Add Storyboard+for+Section+One+of+Product+Tour+Project to Google Bookmarks Add Storyboard+for+Section+One+of+Product+Tour+Project to Stumbleupon Add Storyboard+for+Section+One+of+Product+Tour+Project 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
Animation Software Terms

Why Hype 3.5 and Pro

Tumult Hype and Pro Intro

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