How to Create Buttons in Adobe Fireworks CS3
Adobe Fireworks CS3 allows you to create and edit optimized bitmap and vector graphics, such as buttons, for any website. Buttons created in Adobe Fireworks CS3 are typically used as navigation elements for your website and may feature any type of graphic or text. When you create buttons in Adobe Fireworks CS3 using the Button Editor, you can create a button with an Up state and Over state. The Up state is the default appearance of the button on your website, while the Over state is the button's appearance when it is moused-over or clicked.
Other People Are Reading
Instructions
-
Creating the Up State
-
1
Launch Adobe Fireworks CS3 on your computer.
-
2
Click "Edit" at the top of the program, then click "Insert" from the drop-down menu.
-
-
3
Click "New Button" next to "Insert" to open the Button Editor in the Up tab.
-
4
Click the Drawing tool under the Vector menu on the left side of the program to open the toolbar.
-
5
Select from the toolbar the shape that you want to use to create your button.
-
6
Drag your mouse across the work area to create a button shape.
-
7
Click the paint can in the Properties section below the work area to change the color of your button.
-
8
Click the Text tool under the Vector menu.
-
9
Click the button where you want to add your text. Edit the font size, style and color in the Properties section below the work area.
Creating the Over State
-
10
Click "Edit" at the top of the program, then click "Copy" from the drop-down menu to copy the Up state button.
-
11
Leave the Up state button open in the Up tab of the Button Editor. Click the Over tab.
-
12
Click "Edit" at the top of the program, then click "Paste" from the drop-down menu to Paste a copy of the Up state button into the Over tab.
-
13
Make any changes that you want to the Over state button to give it a different look, such as changing the color of the button or text.
-
14
Click "Edit" at the top of the program and save the button to your computer.
-
1
Tips & Warnings
Creating an Over state for your button is optional. If desired, save the button after completing the Up state section.
