Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development

  • Print
  • + Share This
This chapter is from the book

Working with Patterns

Another way to fill objects is to apply a pattern. Patterns are images that have been specially created so that they can repeat within an object without showing an obvious repeat tile. Fireworks ships with 45 preset patterns that you can apply to objects .

Figure 26 Examples of four patterns inside objects.

To apply a pattern fill:

  1. Choose one of the vector drawing tools or select a vector object. The Property Inspector displays the Fill options.

  2. Choose Pattern from the Fill category menu .

    Figure 27 Choose Pattern from the Fill menu in the Property Inspector.

  3. Click the Fill Color Well. This opens the Pattern options .

    Figure 28 Click the Fill Color Well to open the Pattern controls.

  4. Choose one of the patterns in the Pattern menu.


    A preview box appears as you move through the list .

    Figure 29 Choose one of the patterns from the Pattern menu. A preview of each pattern is displayed.

    The Vector controls can also be used to modify the appearance of patterns as well as gradients (see previous page).

In addition to the patterns that ship with Fireworks, you can use your own images to use as patterns.

To add individual patterns:

  1. Choose Other from the pattern list.

  2. Navigate and select the file you want to use as a pattern.

  3. The name of the file appears at the end of the pattern list and can be applied to any object .

    Figure 30 An individual pattern imported from a file is displayed inside an object.


    Individual patterns are contained in that document only.

    You can transfer an individual pattern from one document to another by copying an object containing the pattern to another file.

Fireworks ships with default patterns that appear in the Fill panel. You can add to the patterns that ship with Fireworks or create your own pattern folder.

To add to the pattern folder:

  1. Scan or create artwork that can be tiled as a pattern.

  2. Give the file a name and save it as any file format Fireworks can read. (See the "Adding Patterns and Textures" sidebar on this page for a list of those file formats.)

  3. Put the file in the Patterns folder (Fireworks: Configurations: Patterns). The name of the file appears as the name of the pattern in the pop-up list.


    Use the same technique to add files to the Textures folder (Fireworks: Configurations: Textures). (See the next page for information on working with textures.)

To add a second pattern folder:

  1. Place the files that you want to be patterns in a folder (directory).

  2. Choose File>Preferences. or (Mac OS X) Choose Fireworks> Preferences.

  3. Click the folders tab (Win) or choose Folders from the menu (Mac). The Folders preferences appear .

    Figure 31 Use the Folders Preferences to specify a second folder to hold patterns.

  4. Choose Patterns and then use the Browse button to navigate to the folder that holds the files.


    The patterns are not available until the next time you launch Fireworks.

    Use the same technique to add a second folder for textures. (See the next page for information on working with textures.)

    Adding Patterns and Textures

    Fireworks supports any file format that it can export as the file format for patterns and textures. So, if you use Fireworks to create your patterns or textures, you can save the file as a PNG or any of the other bitmap formats Fireworks uses for exporting.

    If you use another program, such as Adobe Photoshop, you can save the file as a PNG, TIFF, or other bitmap formats that Fireworks can export.

  • + Share This
  • 🔖 Save To Your Account