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

Lesson 17. Creating Rollover Web Visuals > Resizing slices to correct visibilit...

Resizing slices to correct visibility problems

In order to correct the view of the information panels so that the user can see the shadow layer style applied to them, you must make those layers visible as a reference. After you make the correction, you need to make them invisible again so that you don’t change Normal state.

1.
In the Web Content palette, select the Click state for the Exhibits slice.

2.
In the toolbox, select the Slice Select tool () and click the Exhibit Info slice in the image window. (If you hid the Guides earlier, choose View > Show > Guides to make them visible.)

3.
Select one of the corner anchor points on the upper slice boundary and drag it up and away from the center of the layer art until it completely surrounds the gradient dark shadow around the top and side of the art.

Note

You can drag the slice borders to the horizontal guides above and below the central third of the image because there are no other slices in that area. This is not necessary, but it reduces the number of auto slices required to completely divide up the image. If there were other user slices in the same area, overlapping their edges would block one slice or the other and create unwanted results.

4.
Select the anchor point on the opposite corner of the slice and drag down and away from the center so that the slice encloses all the shadow on those sides.

5.
In the Web Content palette, select the Click state of the Members slice. Then, repeat Steps 24 so that that slice encompasses the entire shadowy effect around the Members Info art.

6.
In the Web Content palette, select Normal. In the Layers palette, click an empty area to ensure that no layers are selected.

7.
Use the Toggle Slices Visibility and Preview Document buttons and preview the image to make sure that changing the slice dimensions corrected the problem. When you finish, select the buttons again to return to working mode.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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