Adobe photoshop cs2 사용자 설명서
610
ADOBE PHOTOSHOP CS2
User Guide
Note: In Photoshop 7.0 and earlier versions, all changes made to a document would appear when in a rollover state. This
sometimes caused users to create state changes they didn’t intend. In ImageReady CS, you have much more control over
which slices change on a rollover state.
sometimes caused users to create state changes they didn’t intend. In ImageReady CS, you have much more control over
which slices change on a rollover state.
1
Set up a rollover as you normally do. This becomes the button the user will click to display the remote content. See
2
Add the remote content to the document and create one or more slices to contain it.
3
For each rollover state, set the desired visibility of the remote content layers in the Layers palette.
4
Specify which remote slices you want to include when you optimize output files in one of these ways:
•
To manually mark the remote slices for an individual button, go to the Slice column of the Web Content palette
and select the rollover state that will trigger the remote rollover (for example, Down or Click). Drag the Pickwhip
icon
and select the rollover state that will trigger the remote rollover (for example, Down or Click). Drag the Pickwhip
icon
from the rollover state to the remote content slice in the document window.
•
To let ImageReady automatically find and mark all remote slices in the document, go to the Web Content palette
menu and choose Find All Remote Slices.
menu and choose Find All Remote Slices.
•
To let ImageReady automatically find and mark remote slices for a selected state, go to the Web Content palette
menu and choose Find Remote Slices For State.
menu and choose Find Remote Slices For State.
5
Preview the remote rollover in a browser. See “To preview rollovers (ImageReady)” on page 611.
To create Selected state rollovers (ImageReady)
You can create a rollover button that stays selected until the viewer clicks another rollover button. A Selected state
rollover is useful for creating navigation a bar that indicates which page the user is viewing.
rollover is useful for creating navigation a bar that indicates which page the user is viewing.
Web page navigation bar that indicates which page is displayed
1
Create multiple rollovers with a Normal state. Give the buttons the appearance they should have when not
selected.
2
Add a new state to each button. Choose the Selected state option and edit the button to give it its clicked, or
selected, appearance.
3
If you want one of the buttons to look selected when the page first loads, double-click the Selected state of that
button in the Web Content palette, and choose Use As Default Selected State.
4
To generate a unique HTML page for each Selected state, choose File > Output Settings > Saving HTML, and then
select Output Multiple HTML Files. ImageReady will create a separate page for each button in its Selected state. You
then add the appropriate content for each page.
then add the appropriate content for each page.