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

Hour 7. Using Fireworks to Create Images > Creating a Rollover Image

Creating a Rollover Image

It's easy to use Fireworks to create rollover images. You'll create a rollover version of the button that glows with a green color. When the user places the cursor over the button, the other glowing image will load. To begin creating a rollover image

1.
Open the Frames panel. Add a new frame by clicking the New/Duplicate Frame button in the lower right corner of the panel (the button with the plus sign).

When you click on Frame 2, you see a dim version of your button that's on Frame 2. This is called onion skinning, and it shows a dim version of the content of the other frame so you can line it up with the current frame's content.

2.
Select Frame 1 and select everything by using the Select all command (Control+A or Command+A). Copy the contents of Frame 1 (Control+C or Command+C), click on Frame 2, and paste the contents (Control+V or Command+V). Now you have an exact copy of Frame 1 in Frame 2.

3.
Select the text on Frame 2 with the Pointer tool. The text attributes appear in the Property inspector. Change the text color to a bright green. Remember which green it is because you'll use it in a few minutes for the arrow.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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