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

Lesson 17. Creating Rollover Web Visuals > Creating another rollover state usin...

Creating another rollover state using layer styles

All the rollovers you’ve created so far are Over states, which affect the appearance of the image when the pointer moves over the slice. Several other kinds of mouse actions can trigger rollover states. You can assign more than one rollover state to an individual slice, so that different things occur on-screen depending on what the user does, such as point to, click, or select a particular slice.

1.
In the Layers palette, click the arrow to expand the Button Text layer set. If necessary, click the arrow to expand the “About Museo Arte” text layer within that set, so that you can see the effects nested below that layer.

2.
In the Web Content palette, select the About slice in the Menu Slices table.

3.
Select the Create Rollover State button at the bottom of the palette. The new rollover is labeled Down and is selected.

4.
Double-click the new Down rollover to open the Rollover State Options dialog box.

5.
Select the Click option, and then click OK to close the dialog box.

6.
In the Layers palette, click the box to set an eye icon for Effects under the “About Museo Arte” text layer.

A slight yellow glow surrounds the words About Museo Arte in the image.

7.
Click the Normal state at the top of the Web Content palette and then collapse the About slice to hide the rollover listing. Then, in the Layers palette, collapse the “About Museo Arte” layer to hide the Effects listing.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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