Web Developer Foundations: Using XHTML
by Terry Felke-Morris
 
Macromedia Fireworks 8 Tutorial
Company 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. 

New Document

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:

New Document Dialog Box

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

New Document

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.

Previous Page

Page 1

Next Page
 

Fireworks Tutorial

Color Selection

Color Scheme
Color Blender
Color Match
Color Palette Creator


Exploring Color

Color Theory
Computer Color
Color Perception
Kodak's Digital Learning Center
Museum of Color

 

Author Profile


Ms. Felke-Morris has a unique combination of years of industry experience in addition to many years teaching technology courses.

Her hands-on approach to this topic enables students to become productive quickly.

More Author Info

 

Resources

W3C
W3C HTML Validator
W3C CSS Validator

Color Chart

Design Checklist

A List Apart
SitePoint
Good Experience
Digital Web
Dreamweaver
FrontPage

XML Blog News Feed


Valid XHTML 1.0!


CSS Validator