Using Photoshop Images As Sprites - Adobe GOLIVE CS2 User Manual

ADOBE GOLIVE CS2
548
User Guide
You can wire the sprite with additional events and actions. For example, you can combine any of the mouse-click
events with one of the two mouse-over events to make the sprite respond not only when the viewer clicks the sprite,
but also when the viewer moves the mouse pointer over it.

Using Photoshop images as sprites

Importing Photoshop layers as sprites
Using the Sprites tab of the Sprite Track Inspector, you can import a Photoshop file and automatically create a sprite
for each layer in the file. With this method, you can design and lay out sprites in Photoshop (including mouse-over
images, and so on), and then quickly import the images into a QuickTime movie. It's easy to design a great looking
interface in Photoshop with all the behavior in the image, and then bring it to life automatically in GoLive without
the need to reposition all of the images or assign the behavior to the images manually. By setting up the layer names
in advance in Photoshop, you can also automatically assign different rollover behaviors to each sprite at the same
time you import the Photoshop file.
You can also use Photoshop as a prototype tool to create the initial appearance of images, and then import the images
into GoLive and set up the interactive actions. When you're ready, you can use Photoshop again to create the final
artwork, and then replace the images assigned to the sprites without losing the sprites' interactive actions or any other
work you've done in GoLive to create the movie.
Setting up images and layer names in Photoshop for rollover behavior
In Adobe Photoshop, create and lay out the background and sprite images exactly as you want them to appear in the
movie. For example, suppose you want to create a movie that displays a television with four buttons for selecting
channels. Suppose also that you want to assign rollover behavior to the buttons to have them change appearance
when the viewer moves the mouse pointer over them. In the Photoshop file, first create a background image that
shows a television. Then add four buttons, each on a different layer, that have the default appearance you want to
display when a mouse pointer is not positioned over them. Next, add four alternate button images, each on a different
layer, that you want to display when a viewer places a mouse pointer over them. Position these alternate buttons in
the exact same locations as the main buttons.
To set up rollover behavior, name each button layer with a meaningful prefix, an underscore, and then an extension
that indicates the rollover behavior for that image. For example, the layers containing the main button images might
be named channel1_main, channel2_main, and so on. The alternate button images for the mouse-over behaviors
might be named channel1_over, channel2_over, and so on. When you set up options in the Sprites tab before
importing, you specify the main extension to map the "_main" button layers to the Main behavior box for sprites,
and you specify over to map the alternate button layers to the Over behavior box for the same sprites.
Note: You can use any name for the background layer. GoLive can determine the background layer automatically if you
choose to import it.