Flash CS4 eCard - Project Set Up

In this tutorial, we will create an eCard with FlashR CS4. The card will have flickering Xmas lights. We will use the new object-based tween animation model to create the blinking lights animation. The project will have five layers. The bottom layer will hold the background image and the top layer will hold the text image. The middle three layers will hold the Xmas lights in green, red and yellow. Each color will have its own layer. We will use the new tween method and the alpha property to turn the lights on and off.

1. Start a new ActionScript 3 project. In the Properties panel, set the Document Frame Rate to 12 fps. Save this file as your working file.

2. Go to the Timeline and rename Layer 1 to "BG" for background. Click File – Import – Import to Stage to import the background image onto this layer.

3. Click File – Import – Import to Stage again to import the "Let It Snow" text image on to a new layer. This image has a transparent layer. Therefore, we will use the Bitmap image with editable layer styles option when we import this image.

Now, we will do the same for each of the lights layers.

4. Click File – Import – Import to Stage and import the green lights image. Rename this layer "Lights1". Repeat this for the red and yellow lights. Drag these three layers to just above the BG layer. You should have five layers.

Let It SnowLights3Lights2Lights1BG

5. As we have it set up, all three of the light layers are visible on Frame 1. Our next step is to extend the BG layer to the end of the animation but we need to decide how long the animation will be. Let's say that we want the Lights1 layer to blink on and off three times and then stay on for a few frames to the end of the animation. If we blink the lights every second, that will be every 12 frames which results in the following 72 frames.

Layer

Frame 1

Frame 12

Frame 24

Frame 36

Frame 48

Frame 60

Frame 72

Lights3

on

-

-

off

on

off

on

Lights2

on

-

off

on

off

on

-

Lights1

on

off

on

off

on

off

on

6. We want to add 3 frames to the end of the 72 frames which will make 75 the total number of frames in the animation. Let's extend the BG layer to the end of the animation. On the BG layer, right-click on frame 75 and choose Insert Frame from the menu.

In the next tutorial, we will begin to build the animation for the eCard.