Adobe Flash

Open the finished FLA file

The files for this tutorial are located in the Samples and Tutorials folder in the Flash installation folder. For many users, particularly in educational settings, this folder is read-only. Before proceeding with the tutorial, you should copy the entire FlashBanner tutorial folder to the writable location of your choice. In Part 1, you might have already copied the FlashBanner source files to another location of your hard disk.

On most computers, you will find the Flash Banner tutorial folder in the following locations:

  • In Windows: boot drive\Program Files\Macromedia\Flash 8\ Samples and Tutorials\Tutorial Assets\Basic Tasks\FlashBanner\.

  • On the Macintosh: Macintosh HD/Applications/Macromedia Flash 8/ Samples and Tutorials/Tutorial Assets/Basic Tasks/FlashBanner/.

Copy the FlashBanner folder to another location on your hard disk to which you have access. Inside this folder are three directories for each part of this tutorial: Part1, Part2, and Part3. In the FlashBanner/Part2 folder, you will find a Flash file called banner2_complete.fla. Double-click the file to open it in Flash. You now see the completed tutorial file in the Flash authoring environment.

Review the completed FLA file

In the completed FLA file, you will see the structure that makes up the finished SWF file for Part 2 of this tutorial. The application, a Flash banner for a gnome website, looks like this at the end of Part 2:

The completed banner for Part 2.

This file contains an animation in a movie clip, text, an invisible button, and the assets that you imported in Part 1 of this tutorial.

  • The movie clip instance contains a graphical instance that you animate.

  • Text fields contain static, stylized text that you display on the Stage.

  • The invisible button covers the entire Stage, and it lets your visitors click the banner and open a new web site.

  • The graphic assets include a bitmap background image (the gnome), and the star graphic that you animate in an upcoming exercise.

By the end of Part 3 of this tutorial, you will add the graphics, animation, and interactivity to the banner. Then, you'll insert the banner on a website using Dreamweaver.

Close the completed FLA file

To close the document, select File > Close.

If you prefer to keep the finished file open as a reference while working with your banner file, be careful not to edit it or save any changes to it.

Now you're ready to start creating your own banner file in the next section, "Adding text".