To Add Animation To A Rollover State (Imageready); To Preview Rollovers (Imageready) - Adobe PHOTOSHOP CS2 User Manual

See also
"Rollover state options (ImageReady)" on page 608

To add animation to a rollover state (ImageReady)

You can add multiple-frame animation to a rollover state. Adding animation to the Normal state causes the
animation to play when the image is loaded in a web browser. Adding animation to another type of state causes the
animation to play when a user activates the state.
In the Web Content palette, select the state in which you want to display an animation.
1
2 Make sure that you can see the Create Animation Frame button and the New Animation Frame command. If they
aren't visible, choose Palette Options from the Web Content palette menu, and then select Include Animation
Frames.
Do one of the following to add frames to the animation:
3
• Click the Create Animation Frame button
the palette menu.
Create frames in the Animation palette.
•
See also
"Creating an animation" on page 614

To preview rollovers (ImageReady)

You can preview rollover effects directly in the ImageReady document window by switching to document preview
mode. All remote rollovers affect a previewed document. If a slice has a change that is ignored (not targeted), you
can see it in an ImageReady preview, but not in a browser.
To preview the rollover effect in your computer's default web browser, click the Preview In Default Browser button in
the toolbox.
1 To view rollovers in document preview mode, do one of the following:
Click the Preview Document button
•
Choose Image > Preview Document.
•
2 In the document window, perform the action that activates the rollover state. For example, position the mouse
over the rollover slice or image map area to preview the Over state. Then click the slice or image map area to preview
the Click state.
Note: If a document contains a Selected state, synthetic states are generated for the other states in the Web Content
palette. The synthetic state represents the appearance of the document when the Selected state is active. Synthetic states
are generated automatically and cannot be edited.
3 To exit rollover preview mode, do one of the following:
Select any tool in the toolbox.
•
• Click the Cancel Preview button
Deselect Preview Document in the Image menu.
•
Click the Preview Document button again to leave preview mode.
•
in the Web Content palette or choose New Animation Frame from
in the toolbox.
in the options bar, or press Esc (Windows).
ADOBE PHOTOSHOP CS2 611
User Guide