Slicing images in Fireworks | Softpages web design resource

Slicing in Fireworks for Web export

February 3rd 2010 in Fireworks

Image Slicing
This cuts up a design into small images for use in a Dreamweaver table layout.

Use the slice tool to drag out slice elements.
Rename the slice layers.
In the slice properties set the file Type, Link, Alt Tag and Target.
Set the optimise panel for the prefered export file type.
Select File/Export and fill out the properties for export. (html and images). In the Options/Tables/Space With : select “single table no spaces”
For creating dummy html/code/text slice areas, repeat as above but select type as html. You then get an option button to add code/text.
To export a single image, select slice then right mouse click and select “Export selected slice”
If using the Polygon slice tool keep the number of points small.
To automatically slice an image. Select it then Edit/Insert/Rectangle Slices (use shift key for multiple images).

You must be logged in to post a comment.

GIF Animating in Fireworks

Animating with a Gif
This creates a simple animation by changing states.

Create a simple image.
Go to the “States” panel and from the options at the top right select “Duplicate State”
Select State 2 then the Layers Tab and change something ie a colour.
Now with button State 1/State 2 under the layers panel you can see [...]

GIF Animating in FireworksPrevious Entry

Text in Fireworks

Text
Select the Text tool and type in some sample text. The text box can then be toggled between Fixed width (wrap) or automatically extend. This is done by double clicking on the small hollow square thumb top left of the text box.

Lorum Ipsum Sample Text
To use sample text select – Commands/Text/Lorem Ipsum

Importing Text
Select the text [...]

Text in FireworksNext Entry