Layer Differences between Fireworks and Other CS5 Applications - dummies

Layer Differences between Fireworks and Other CS5 Applications

By Jennifer Smith, Christopher Smith, Fred Gerantabee

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.