Applying Styles to Objects

Applying Styles to Objects

Applying styles to an object is a very simple task. Create a new document 250 X 250 with a transparent background. At the Auto Shapes panel select one of the shapes. I am using the arrow Auto Shape.

Auto Arrow Shape

Open the Styles panel if it is not open (Windows>Style) and with the Auto Shape still selected click on one of the style options in the panel:

Object Styles

When you select a style it changes the appearance of the style of your object on the document canvas. Here is an example of a style that I edited and saved:

Arrow Style

You can also create your own style. For example you have created some text or objects that you want to use throughout a presentation or web site, you can store this style in the Styles panel for future use. I am going to edit the above style to show you just how easy it is to create your own style. Change the stroke on the Properties panel to blue set to the following settings:

Arrow with Blue Stroke

Your arrow should now appear like the picture below:

Red and Blue Arrow

To create a new style:

  • Create or select a vector object or text with the stroke, fill, filter, or text attributes you want. We are going to use the edited style above.
  • Click the New Style button New Style at the bottom of the Styles panel.
  • Select the attributes you want to be part of the style from the New Style dialog box. NOTE To save other text attributes not listed, such as alignment, anti-aliasing, auto-kerning, horizontal scale, range kerning, and leading, select the Text Other option.
  • Name the style if you want, and click OK. You would need to change the name below to Red with Blue Stroke or it will save over your saved style. An icon depicting the style appears in the Styles panel.

Style Dialog Box

To delete a style:

  • Select a style from the Styles panel. Shift-click to select multiple styles; Control-click (Windows) or Command-click (Macintosh) to select multiple noncontiguous styles.
  • Click the Delete Style button Delete Style in the Styles panel.

If you want to change the attributes that a style contains, you can edit the style from the Styles panel.

To edit a style:

  • Choose Select > Deselect to deselect any objects on the canvas.
  • Double-click a style in the Styles panel.
  • In the Edit Style dialog box, select or deselect components of the attributes you wish to apply. The Edit Style dialog box contains the same options as the New Style dialog box.
  • Click OK to apply the changes to the style.

You may want to share styles with other Fireworks users to save time and maintain consistency. You can share styles by exporting them for use on other computers.

To export styles:

  • Select a style from the Styles panel. Shift-click to select multiple styles; Control-click (Windows) or Command-click (Macintosh) to select multiple noncontiguous styles.
  • Select Export Styles from the Styles panel Options menu Styles Menu. See graphic below.
  • Enter a name and location for the document that will contain the saved styles.
  • Click Save.

Export Style

To import styles:

  • Select Import Styles from the Styles panel Options menu.
  • Select a styles document to import. All styles in the styles document are imported and placed directly after the selected style in the Styles panel.