by Terry Felke-Morris

Adobe Macromedia Fireworks 8 Tutorial:
Creating a Logo Banner Page 2

Create a New Image

To create a new image, select File >New. Your display should be similar to the screen shown below.

Creating a new image

The "New Document" dialog box appears in the middle of your screen. This is used to configure setting for your new document. We would like our banner to be 600 pixels wide, 150 pixels high, have 72 ppi resolution (the default), and have a transparent background (Canvas Color).

Modify the "New Document" dialog box with these settings. It should be similar to the one shown below:

The New Document Dialog Box

Click "OK". Fireworks creates the new image canvas according to your specifications and the window below appears on your screen.

The Image Canvas

Take a minute to familiarize yourself with it.

  • The "Untitled-1.png" in the Title Bar is the name of the file at this point. (Your file may be named Untitled-1.png.)
  • The image type png is the native image format for Fireworks, we will convert your logo to a gif or jpg format later.
  • The checkerboard pattern in the window indicates a transparent background canvas -- don't worry your final image will not have a checkerboard pattern background.
  • The "Original" tab is initially selected and indicates the image may be edited. We will work with "Preview" later.
  • The "@ 100%" indicates that the image is displayed at "100%" of its size.

If you look at the bottom right of this window you will notice the document size (600x150), display magnification (currently 100%) and a number of icons. Place your mouse over each icon to for a brief description of its purpose.

Continue with the next page to begin editing your company logo banner.

Page 3Next Page