by Terry Felke-Morris

Adobe Fireworks CS4 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.

The New Document Dialog Box

The "New Document" dialog box appears in the middle of your screen. This is used to configure settings 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.

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" in the Title Bar is the name of the file at this point.
  • This image is a png - the native image format for Fireworks. (Note: you will learn how to export your image to a .gif or .jpg format later in this tutorial.)
  • 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.

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.

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

Page 3Next Page