Rollovers Animation « Animation « Photoshop Tutorials

1.	3D
2.	Animal Creature
3.	Animation
4.	Background Cover
5.	Color
6.	Design
7.	Effect
8.	Hardware
9.	Holiday Event
10.	Human
11.	Image Format
12.	Logo
13.	Nature
14.	Object
15.	photography
16.	Shapes
17.	Text
18.	Textures
19.	Tools
20.	UI Controls
21.	Web

Maya Tutorials

3ds-Max Tutorials

Illustrator Tutorials

GIMP Tutorials

Photoshop Tutorials » Animation » Rollovers Animation

1. Create Rollovers in ImageReady | ImageReady Animation

4. Switch to ImageReady, by simply clicking on the button at the bottom of the tools palette. ImageReady will launch with your layers intact.

2. Creating Rollovers in ImageReady | ImageReady Animation

This tutorial will teach you how to create button rollovers in ImageReady. The PSD file I used for this tutorial as well as the final exported files can be downloaded here.

3. Multiple Animations on Remote Rollovers | ImageReady Animation

As you probably realize ImageReady only allows for a single active animation. However, there is a method to utilize multiple animations within a single document through the use of Remote Rollovers.

4. Remote Rollovers in ImageReady CS | ImageReady Animation

Now that all slices are intact, complete with a trigger and target remote slice for the corresponding menu items, select the 'Preview Document (Y)' button on your Toolbar, to render a live preview within ImageReady.

5. RollOvers | ImageReady Animation

9. Next, I'll add a 'Drop Shadow ' affect to the caption 'Text' of that button using the same routine. (Still on the Over State of 'rollovers_03') Select that text layer that corresponds to the first background layer we just altered. In this case layer labeled '1'. As before right-click and choose 'Layer Styles' and from the list choose 'Drop Shadow'. (Below is the capture for the 'Drop Shadow' panel. The default 'Distance' and 'Size' is 5, so I changed them to 2.