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

Lesson 17. Creating Rollover Web Visuals > Finishing the remaining buttons and ...

Finishing the remaining buttons and previewing the rollovers

Again, it’s always a good idea to test your rollovers in preview mode before you go on.

1.
Using the procedure you followed in the previous topic (“Creating another rollover state using layer styles” on page 569), create Click rollover states for the other four slices in the Menu Slices table. When you finish, the Tour text will glow when the user clicks the Tour button, the Exhibits text will glow when the user clicks the Exhibits button, and so forth.

2.
In the Layers palette, click the arrow to collapse the Button Text layer set, and then click a blank area of the Layers palette to deselect all layers.

3.
Select Normal in the Web Content palette.

4.
In the toolbox, select the Toggle Slices Visibility button () and then the Preview Document button ().

5.
Slowly move the pointer over the image window, concentrating on the changes to the colored background in the Over states.

6.
Click individual buttons, and notice the glow that remains visible on the letters until you move the pointer off the button area.

Also notice that after you click, the more brightly colored background disappears, leaving the regular darker-toned background for the button.

7.
Click the Toggle Slices Visibility button and Preview Document button again to return to normal work mode.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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