How to Create a Banner in Macromedia Fireworks

Written by angela lafollette Google
  • Share
  • Tweet
  • Share
  • Email

Fireworks, a graphics editor created by Adobe, allows you to make banners for your website with ease. Web designers use the program to aid them in web production tasks, such as creating layouts and optimising images. The program allows you to customise functional banners for your website by using its most basic tools. The program comes equipped with several export options, which allows you to create a wide variety of file formats needed for a web page.

Skill level:
Moderately Challenging

Things you need

  • Fireworks CS3

Show MoreHide


  1. 1

    Open up Fireworks and create a new document. Select "File" and then choose "New." Choose the properties for the banner by selecting a colour from the palette next to "Custom" and add the appropriate banner dimensions in the box.

  2. 2

    Add text to the banner. Locate the "Tools" palette, and then select the "text tool." The text tool appears as a large capital "A." Click on the banner, and type the text you wish to include. Use the text properties box to change the text style, colour and size.

  3. 3

    Insert a photo or graphic into the banner. You can drag and drop the photo from an Internet browser or your computer directly onto the banner. Drag the image to its new location, and then resize the image to suit your needs by selecting "Modify," choosing "Transform" and clicking on "Scale."

  4. 4

    Optimise the banner to export it to upload. Select "Window" and then click "Optimize." Once the panel opens, select "GIF Websnap 128" from the "Settings" menu.

  5. 5

    Export the banner to your computer. Select "File" and then click "Export." Choose a location to save your banner. Change the "Save As Type" menu to say "Images Only," and then select "Save."

  6. 6

    Save the banner for future editing. From the "File" menu, select "Export." Change the file type in the "Save As Type" menu to "PNG." Choose a location to save the file, and select "Save."

Tips and warnings

  • The Fireworks software comes equipped with many tools and editing features. Expose yourself to the program by reading the help file or a tutorial to aid you in making a banner efficiently.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.