How to Use Frame Labels in Flash CS5
Create Flash CS5 Animation with Poses
Flash CS5 Projector Files for CD-ROM Publishing

Create a Simple Photo Viewer in Flash CS5

After you’ve created buttons in Adobe Flash Creative Suite 5 and gotten a taste of adding ActionScript to the FlashCS5 timeline, you put it all together by “wiring up” a photo viewer on the main timeline with ActionScript.

The Code Snippets panel does most of the heavy lifting here, but your understanding of the Actions panel and modifying statements will prove quite handy.

For this photo viewer example, create a new Flash file by following these steps:

  1. Import five unique photos or graphics to your Library.

  2. Create a button symbol that can represent both Forward and Backward buttons.

    For instance, create a right-pointing arrow that can be flipped over.

  3. On the main timeline, create a new layer and add four keyframes back to back (totaling five); on each of those keyframes, place a unique image or graphic from your Library so that you have five images on consecutive keyframes.

  4. Create a new layer and add two button instances to it.

    One button should represent a Previous button on the left side of the stage; the other one, a Next button on the right side of the stage.

  5. Create a new layer and use the Text tool to create a piece of type that reads “Made with Adobe Flash CS5” on the stage. Place it in the lower-right corner of the stage.

    Your photo viewer should look similar to the one in the figure.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
How to Match Object Sizes in Flash CS5
Introduction to Flash CS5 ActionScript
Add and Edit Symbols on the Flash CS5 Stage
How to Use the Flash CS5 Layout Grid
Flash CS5 Keyboard Shortcuts