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

Lesson 15. Creating Web Graphics Using S... > Showing or hiding layers in a rollov...

Showing or hiding layers in a rollover state

You'll create Down rollover states for the Designs, Structures, and Art buttons to hide various letters in the Architech text when the mouse is held down on the buttons. Then you'll create Over rollover states that show a special image when the mouse is rolled over each button.

1.
Select the slice select tool ( ).

2.
Select the Designs_button slice in the image.

3.
In the Rollover palette, click the Creates New Rollover State button ( ) twice to create an Over state and a Down state for the slice.

4.
Select the Down state.

5.
In the Layers palette, select the Architech Highlights layer set. Notice the blue text that appears over the word "Architech" in the image. You'll hide parts of the blue text to draw attention to other parts of the word.

6.
Expand the Architech Highlights layer set and click the eye icons ( ) next to the top four layers to hide the last four letters of the blue word, "t-e-c-h."


Normal state of the Designs button



Layers hidden in the Down state of the Designs button


The Down state of the Designs button now shows the letters "archi" in blue and "tech" in white.

Now you'll show a special image for the Designs button when it's in the Over state.

7.
In the Rollover palette, select the Over state.

8.
In the Layers palette, select and expand the Image Rollovers layer set.

9.
Click the eye icons ( ) to hide two of the layers so that only the For Designs layer is showing.

10.
Repeat steps 2 through 9 for the Structures_button slice and the Art_button slice, showing the layer set, and hiding and showing the appropriate layers as described in this table.

For this sliceHide these layers in the Down stateShow these layers in the Over state
Designs_buttonTop four layers (h, c, e, t) in the Architech Highlights folderFor Designs in the Image Rollovers folder
Structures_buttonBottom four layers (h, c, r, a) in the Architech Highlights folderFor Structures in the Image Rollovers folder
Art_buttonThree layers (t, r, a) in the Architech Highlights folderFor Art in the Image Rollovers folder


11.
Choose File > Save.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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