• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Hour 8. Optimizing and Creating Images > Creating a Rollover Effect

Creating a Rollover Effect

It's easy to use Fireworks to create rollover images. In this section, you'll create a rollover version of the button you just created. Remember that the trick to creating a rollover image is that the two images involved need to be exactly the same size. You'll continue using the same button file you just created. To begin creating a rollover image, follow these steps:

1.
Open the Frames panel (Window, Frames). You should already have a Frame 1 which holds the button image you just created. Add a new frame, Frame 2, by clicking the New/Duplicate Frame button (the button with the plus sign) in the lower-right corner of the panel.

2.
Select Frame 1 in the Frames panel and select everything in the frame by using Edit, Select All (Ctrl+A in Windows, Command+A on a Mac). Copy the contents of Frame 1 (Ctrl+C in Windows, Command+C on a Mac), click Frame 2 in the Frames panel, and paste the contents (Ctrl+V in Windows, Command+V on a Mac). Now you have an exact copy of Frame 1 in Frame 2.

3.
Select the text on Frame 2 by using the Pointer tool. The text attributes appear in the Property inspector. Change the text color to a different, highlight color (try #FFFF00, a bright yellow color). Remember which color you use because you'll use it again in a few minutes to make the arrow glow.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint