Adobe Fireworks is a graphic design program that allows users to create and edit images and photos for a wide range of uses. The intuitive menus make it a great program for novice users who need access to a program that can handle most of the demands of simple graphic design projects, without the steep learning curve associated with many of the more professional software packages. Simple rollover buttons are easy to create.
- Skill level:
Open a new Fireworks document with the pixel dimensions 100 width by 50 height.
Select the rectangle tool and create a background for the button, then select the text tool and type a label for the button.
Press "SHIFT+F2" to open the Frames panel.
Click the expand arrow in the upper right corner of the frames panel, and select "Duplicate Frame" from the drop-down menu.
Select "After Current Frame" from the options in the next window and press "OK."
Select frame 2 from the frames panel and change the colour of the text on the stage.
Return to frame 1 and select the slice tool from the tool bar.
Drag the slice tool over the rectangle and text on the stage with the left mouse button pressed to create a "hotspot" of the same dimensions as the rectangle.
Click "File" and select the "Export Wizard" from the available options.
Enter a name for the button and choose "Images Only" for the "Save as type," "Export Slices" from the "Slices" options, then check the "Selected Slices Only" check box. Click "OK" to export the finished button.
Import the button file to an HTML editor to see the finished product.
Tips and warnings
- The Adobe Dreamweaver HTML editor is designed to work seamlessly with Fireworks.
- 20 of the funniest online reviews ever
- 14 Biggest lies people tell in online dating sites
- Hilarious things Google thinks you're trying to search for