Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

Creating Rollover Buttons in Adobe Fireworks

adobe fireworks rollover buttons

  • Please log in to reply

#1 Salwa


    Senior Member

  • Designer
  • 181 posts

Posted 12 November 2013 - 01:59 AM

1. Open your Fireworks application. Go to ->File->New
2. Go to the Properties inspector and drag the mouse on the design window until your form reaches the size you want.
3. Go to the Fill Color button and choose the shade you want for the button. From the Properties inspector go to the Text tool and type what you want to display on the button.
4.Go to Windows-> Frames, and select the Frames tab. Go to the "Options" button and then select the option "Duplicate Frame" . This will create a duplicate button for your rollover effect.
5. In the Frames window select the "Frame 2" option to show the copied button. You can use the properties inspector to edit and style your button and add an over state. When the user hovers the mouse over your button the over state displays.
6. from the design window select your button and go to Edit- > Insert -> Rectangular Slice->Single Slice. Select the button and enter a URL in the Link text field. This URL is where the button should direct to.
7.Go to Window-> Behaviors and click the + sign. From the menu that will appear, choose the option "Simple Rollover". You can test the rollover button by clicking on the "Preview" tab.
8. Go to File->Export and from the drop down menu, select "HTML and Images" if you want to save an HTML page with the rollover button, else select "Images Only" .

Also tagged with one or more of these keywords: adobe fireworks, rollover buttons

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users