For More Information
Search the Web


Online Training

Attend the University of Phoenix Online. Click Here!

Norwich University -- Get an MBA Online. Click Here!

DeVry Institutes -- Obtain a Bachelor's Degree Online or on Campus.. Click Here!

Keller -- Obtain a Master's Degree Online or on Campus. Click Here!

Free Tutorials

Microsoft Word Basics

Microsoft Excel Basics

Windows 98 Tutorial

Scalable SQL -- A Tutorial

RealSlideshow for RealPlayer

Beginner’s Guide to Paint Shop Pro

Intermediate Guide to Paint Shop Pro

Flash 5

 

 

 

 

 
 

Flash Site

Looking for a Flash site? Visit us. Then take our Flash tutorial. Our Flash tutorial covers to creating graphics, working with layers, and adding motion, sound, and text to your Flash 5 movie.

 
Previous Page
Table of Contents

Keyframes

Keyframes are used to specify changes in the animation. At the current time, each layer in your movie is only one frame long. You want your movie to last 20 frames. Inserting a key-frame at Frame 20 will cause each layer to remain on the screen until Frame 20.

Extend the Sky Layer

  1. Click in Frame 20 of the Sky layer.
  2. Choose Insert > Keyframe from the menu.

Extend the Buildings Layer

  1. Click in Frame 20 of the Building layer.
  2. Choose Insert > Keyframe from the menu.

Extend the Trees Layer

  1. Click in Frame 20 of the Trees layer.
  2. Choose Insert > Keyframe from the menu.

Create a Layer Named Car

Create a new layer. Name the layer Car.

  1. Make the Trees layer the active layer by clicking on the Trees layer name.
  2. Choose Insert > Layer from the menu to create a new layer above the Trees layer.
  3. Choose Modify > Layer from the menu.
  4. Type Car in the Name field.
  5. Click on OK.

Add the Car to the Stage

  1. Click in the first frame of the Car layer.
  2. Move to the Library panel.
  3. Click on the icon next to the car and drag the car onto the stage.
  4. Select the Arrow tool.
  5. Click on the Scale modifier. Handles will appear around the car.
  6. Drag the handles until the car is the appropriate size.

Motion Tween

Make the Car Move

  1. Place the car to the left of the Stage as shown here.
  2. Click in Frame 20 of the Car layer.
  3. Choose Insert > Keyframe from the menu.
  4. Click in Frame 1 of the Car layer.
  5. Move the car to the right of the Stage as shown here.
  6. Make sure Frame 1 is still selected.
  7. Choose Insert > Create Motion Tween from the menu.
  8. Choose Control > Rewind from the menu to rewind the movie.
  9. Choose Control > Play from the menu to play the movie. Your car should move across the Stage.

Adding Sound

To have a horn honk as the car rolls through town, you need to add sound.

Import the Sound

  1. Click here to download the horn sound. Open the Zip file and place the shorthrn.wav in a folder.
  2. Choose File > Import from the menu. Find and select shorthrn.wav and click on Open. The file shorthrm.wav will appear in the Library.

Add the Sound

  1. Click on the Car layer name to make the Car layer the active layer.
  2. Choose Insert > Layer from the menu to create a new layer. The new layer should appear at the top of the stack as the active layer.
  3. Choose Modify >Layer from the menu and type Horn in the Name field to name the layer Horn.
  4. Click in Frame 10 on the Horn layer.
  5. Choose Insert > Keyframe from the menu to make Frame 10 a keyframe.
  6. Right-click in Frame 10 and choose Panels > Sound from the context menu. The Sound panel should appear.
  7. Choose shorthrn.wav from the drop-down menu in the Sound field.
  8. Choose Event from the drop-down menu in the Sync field.

Play the Movie

  1. Choose Control > Test Movie from the menu to play the movie.

Stopping the Action

If you published your movie now, the car would start moving as soon as the viewer entered the screen. You want the viewer to click on a button to make the car move. In this exercise you will add some script to stop any action before the viewer clicks a button. Later, you will add a button for the viewer to click on to start the action.

Stop the Action

To stop the action:

  1. Choose Insert > Layer from the menu to add a new layer.
  2. Choose Modify > Layer from the menu and type Stop Action in the Name field.
  3. Click on OK.
  4. Select frame 1 on the Stop Action layer.
  5. Right-click in Frame 1and choose Actions from the context menu.
  6. Click on the plus (+) icon a context menu will appear.
  7. Choose Basic Actions > Stop from the menu.

Play the Movie

  1. Choose Control > Test Movie from the menu to play the movie. Your car should not move.

Adding a Button

Buttons have four states: up, over, down, and hit.

The Four Button States

Up

The appearance of the button when the pointer is not over it.

Over

The appearance of the button when you place the pointer over it.

Down

The appearance of the button when you click on it.

Hit

Defines the area that will respond to a click of the mouse.

Create a New Layer

  1. Click on the top layer to make the top layer the active layer.
  2. Choose Insert > Layer from the menu to create a new layer.
  3. Choose Modify > Layer from the menu.
  4. Type Button in the Name field to name the layer button.
  5. Click on OK.

Take the Start Button from the Library

  1. Move to the Library. If the Library panel is not open, choose Window > Library from the menu.
  2. Click on the icon next to Start Button and drag the Start Button onto the Stage.

Edit the Symbol

  1. Choose Edit > Edit Symbols from the menu to change to the Edit Symbols mode.

The Over Frame

  1. Click in the Over Frame to select it.
  2. Choose Insert > Keyframe from the menu.
  3. Click on the Fill color box and select green.

The Down Frame

  1. Click in the Down Frame to select it.
  2. Choose Insert > Keyframe from the menu.
  3. Click on the Fill color box and select brown.

The Hit Frame

  1. Click in the Hit Frame to select it.
  2. Choose Insert > Keyframe from the menu.
  3. Choose Edit > Edit Movie from the menu.
  4. Right-click on the button.
  5. Choose Actions from the menu
  6. Click on the Plus icon. A context menu will appear.
  7. Choose Basic Actions > Go To from the menu.
  8. Make sure Go To and Play is selected.

Test the Movie

  1. Choose Control > Test Movie from the menu. The Test Movie window will open.
  2. Click on the Start Button to make the car roll.
  3. Close the window.

The Text Tool

You need to put a label on the Start Button and add a title to the movie. You will use the Text tool for this.

Add Text to the Button

  1. Click on the Text tool to select it.
  2. Choose Text > Font from the menu and select a font. I used Jazz Poster ICG.
  3. Choose Text > Size > 12 from the menu to set the font size to 12.
  4. Click on the Fill color box and select gold as the color.
  5. Type Start Movie on the button.
  6. Click anywhere outside the Stage to close the text box.
  7. Use the Arrow tool to adjust the placement of the text.
  8. Click anywhere outside the Stage to deselect the text box.

Add a Title

  1. Choose Text > Size > 24 from the menu.
  2. Select the Text tool.
  3. Click on the lower left corner of the Stage.
  4. Type Ghost Town.
  5. Click anywhere outside the Stage.

Test the Movie

  1. Choose Control > Test Movie from the menu. The Test Movie window will open.
  2. Click on the Start Movie button. The movie should play.

 

Previous Page Table of Contents

 

 

Legal   Copyright © 1999-2001 BayCon Group, Inc. All rights reserved