How to Create Gradients in Fireworks CS5 Graphics
How to Add Text Effects in Adobe Fireworks Creative Suite 5
Image Rollovers in Adobe CS5 Dreamweaver

Layer Differences between Fireworks and Other CS5 Applications

Even though you may be an Adobe Photoshop or Illustrator user, the Layers panel in Fireworks Creative Suite 5 may be somewhat of a mystery, because it works a little differently from the way you might expect. To see the Layers panel in Fireworks, choose Window→Layers.

Navigate the Fireworks Layers panel

There are two main components of the Layers panel:

  • The Web Layer serves as a repository for anything code related, such as links and slices.

  • The default Layer 1 includes sublayers that are created automatically for every object you add to the Fireworks canvas.


Note that if you open an image from Photoshop that already has a Background layer, it carries through into Fireworks.

Work with the Fireworks CS5 Layers panel

Here are just some of the things you can do in the Layers panel to organize your artwork better:

  • Hide and show layers: Click the Visibility (Eye) icon to hide or show a layer or sublayer.

  • Send objects forward and backward: Drag individual layers and sublayers to arrange objects on those layers in front of or behind each other.

  • Rename layers: By double-clicking the layer or sublayer name, you can rename the layer, which can be a huge help later when you’re trying to find a specific object.

  • Organize layers: Create appropriately named layers to house related sublayers, thereby gaining the ability to move, copy, or delete multiple layers at the same time.

  • Keep web components separate: Use the web Layer to keep track of hotspots and slices as well as control the visibility of those items.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
What Happens in the Fireworks Layers Panel
How to Create Hyperlinks in Fireworks CS5
How to Add Color to Fireworks CS5 Graphics
How to Create and Apply Text Styles in Fireworks CS5
Basic Selection Tools in Adobe Fireworks CS5