DisDat Designs.com
Macromedia Fireworks 4 - Patterned Canvas Background

The choice for canvas is just a solid color in Macromedia Fireworks. But what if a pattern or gradient is needed for your graphic background?

1. Create a new canvas 300x300.

2. Add a shape or some text.

3. Create a new rectangle shape, using a fill of a style, gradient, texture, or pattern. Check that a stroke is not used.

4. Use the Info Panel to resize it to the exact size of the whole canvas. In this case, it would be 300 x 300. Change the X and Y settings both to 0 (zero). This will move the position of the rectangle to the top left corner of the canvas.

5. Click Modify>Arrange>Send to Back.

And there you have it! A patterned canvas background.

Tip:

• This is a great way to create the illusion of a transparent jpg. Use the exact background image of your website as the pattern fill for the rectangle, and when it is viewed on your webpage, it will blend into your background.

6. Trim or Crop the canvas, Optimize and Export.

I hope you have enjoyed this tutorial.

Thanks!
debbieT

Page updated on April 26, 2003

[Home] [Contact debbieT] [Free Backgrounds] [Xhtml & CSS Tutorials]

Copyright © 1999-2010 debbieT & DisDat Designs
Please do not copy or redistribute any graphics or tutorials.
Please do not link to any graphics. Personal use only. Thank you.