How to Use Adobe Fireworks

In this handy guide, we've shared how to use Adobe Fireworks to design a gorgeous custom website.

How to Use Adobe Fireworks
First, open the Fireworks application and choose "Fireworks Document (PNG)" on the startup screen. PNG is the native Fireworks format, and it works similarly to Photoshop's PSD format. In the New Document dialog box, enter 5000 pixels for the Width and Height values, and choose "Transparent" for the Canvas Color. 

Before adding content to your site, you should save the project by choosing "File" > "Save", and create a new site folder before clicking OK. Now, you can start working in the main Fireworks interface. We recommend downloading a few web templates to get your project off the ground. You can find high-quality templates at sites like Free Web Templates and Template Monster.  

Understanding Fireworks' Tools and Panels
Next, it's time to get familiar with Fireworks' various tools, including the Marquee, Lasso, and Brush. If you've ever used Photoshop or Illustrator, you will already know most of these tools. 

Meanwhile, the Layers panel shows where web objects and content (images, text, and other elements) are stored. At any point in the creative process, you can create a new layer or sublayer. If you need to lock a layer so that it can't be edited, just click on the lock-shaped icon in the panel. When building a site from scratch, we recommend creating a new layer for your website background.

Below the Layers panel, you'll find the Styles panel. Here, you can apply textures and gradients to any object in your project (including photographic images). Styles combine fills, strokes, filters, and other properties into one complex effect. 

Finally, the Properties panel has a wide variety of project settings, including layer dimensions, edge effects, filters, and much more.

Drawing a New Vector Object
Vectors are highly useful when designing a website, because they can be scaled to virtually any size without losing image quality. To create a vector in Fireworks, select the Pen tool and click on the canvas to set a new point. Then, move your cursor in any direction to draw a straight line. If you click again, you'll add a new point, and then you can draw another line segment in a different direction. Finally, if you click and hold the mouse button while dragging, you'll draw a curved line. 
  • Was this article helpful?

Can’t find what you’re looking for?