Using the Guides panel in Fireworks CS3
Modified
16 April 2007
Requirements
User level
All
Required products
- Fireworks CS3 (Download trial)
Using guides properly in Fireworks is crucial when you're designing and aligning multiple objects on the canvas to produce a pixel-perfect layout. The Guides panel started out as commands that utilized the powerful JavaScript API. While I added more and more commands to enhance my productivity, I felt that developing a panel in Flash would be beneficial not only for me but to other designers and developers who use guides in Fireworks as much as I do.
Thus the Guides panel was born (see Figure 1). I hope you'll agree that it can do some amazing things. The Guides panel features three tabs: General, Selection, and Store.
General tab
The General tab contains the most commonly used commands (see Figure 2). Copy guides from different documents and even from the master page. Easily access the Guides dialog box. Create margins, clear all guides in one click, and add columns and rows easily. Save guides externally for later use, so you can reopen them in the panel and apply them to a new Fireworks document.
Selection tab
One unique way of creating guides is to create a marquee selection and apply guides using the Guides panel around the selection or just on one side (see Figure 3). You can also create guides based on an object's dimensions. This is really helpful when you want to align more objects based upon that particular object's location in the document.
Store tab
If you are working with multiple pages and do not need to save guides externally, use this option to save the guides on a per-document basis (see Figure 4). This lets you quickly switch between various guide sets you may have already created on other pages within the same document.
More Like This
- Using the Fireworks to XAML panel in Fireworks CS3
- Using the Gradient panel in Fireworks CS3
- Handling Fireworks events with ActionScript 3.0
- Foundation Fireworks excerpts: Visual effects and extending Fireworks
- Using the Color Palette panel in Fireworks CS3
- Creating Fireworks Panels – Part 2: Advanced Custom Panel Development
- Enhancing rich symbols in Fireworks CS3
- Creating Fireworks Panels – Part 1: Introduction to Custom Panels
- Exploring the Demo Current Document command in Fireworks CS3
- Developing an effective Fireworks workflow
