Skip Navigation.

Tutorial: Getting Started with Fireworks

As you begin to learn how to use Fireworks to make web graphics, you will learn how to open Fireworks, how to create a new image, and how to save your image.

Open Fireworks
To open Fireworks, select the appropriate progression below:

On a Windows PC:
Start Programs Macromedia Fireworks Fireworks
On a Macintosh PC:
Apple Menu Programs Fireworks

Fireworks will open with a blank screen and perhaps some panels.
See also: Fireworks Help: Handling Files

Create a new image
New image dialog
New image dialog
(Click for full size)
To create a new image, follow this progression:

File New

When you do so, the New Image dialog box will open, and you will be able to select the size and background for your image. Once you've set the properties for your image, click "OK".
See also: Fireworks Help: Handling Files

Save your image
Saving your image is the most important part of this process. This tutorial will stress the motto "Save early, save often." To save your image:

File Save
Select your web space (most likely your "I" drive) and type in the name for the image file. Keep in mind that this is NOT the file that will appear on the web, but Fireworks' data file for the image. Later on, you will export the image in a web-friendly format. Right now, we want to use Fireworks' PNG format:

menu.png

Then click "OK." Your image is saved. The file name you chose will appear be in the title bar of the image you are working on. (as shown below)

Fireworks title bar

See also: Fireworks Help: Handling Files

On the next page, you'll add text to your image.

Next
Tutorial