Flash Tutorials
& Resources
Fireworks &
Illustrator Tutorials
Web Design
Tutorials & Resources
You are here : : Home > Free Resources > Fireworks Tutorials & Resources > Patterns   


Featured Fireworks & Dreamweaver Template

Learning Template 6
Learning & Education

Fireworks Patterns

Applying a Pattern fill

Draw a vector on the canvas. In the Properties window click on the Fill category and select Pattern, a range of patterns appear. Select one of these and your vector gets filled with this pattern. When you enlarge the vector the pattern gets pixilated, so avoid resizing the vector, instead draw the exact size of the vector and then fill it with the pattern. You can also create custom patterns and add it to the Fireworks pattern list.

You can move, rotate, skew, and change the width of an object's pattern or gradient fill. When you use the Pointer or Gradient tools to select an object with a pattern or gradient fill, a set of handles appear on or near the object (as in the image on the right). You can extend or rotate these handles to adjust the object's fill.

Adding a Custom pattern

Click here to download some of our patterns

You can set a bitmap file as a new pattern fill. You can use files with these formats as patterns: PNG, GIF, JPEG, BMP, TIFF, and PICT (Macintosh only).

Step 1

Create a pattern using the fireworks tools.

Step 2

Slice the pattern and save it as a gif or jpeg.

Step 3

Open a new canvas in fireworks. Draw a rectangle to which you wish to apply the pattern which you created.

Step 4

Go to the Properties at the bottom of the page and click on Fill Category>Pattern>Other... as you see in the image on the right. Select the pattern which you created. The rectangle gets filled with this pattern.

Click here to view some of our patterns

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.

awesome website templates

EntheosWeb Design Blog

New Fireworks Tutorials

Learn How to Create a Smart 2D Button in Adobe Fireworks with Rollover Effect

Typography Art in Fireworks

Tracing & Drawing in Fireworks

Overlay Effect in Fireworks

Designing a Website Layout with Curves in Fireworks

Create a beautiful Slideshow Gallery in Fireworks CS4

stunning header collage