Her

Home Photoshop Tutorials ImageReady Animation ImageReady Simple Banner Animation

ImageReady Simple Banner Animation

Author: DesignTutorials.info Author's URL: www.designtutorials.info More by this author

Step 1

Save the next picture on your computer:

image 1

Step 2

Open a new document in Adobe ImageReady having the dimensions: 468x60 pixels.

Drag and drop your picture in the ImageReady document like this:

image 2

Step 3

Open the window "animation" (Window > Animation) and insert a new frame for your animation using Tween Animation Frame with the next settings:

image 3

image 4

Step 4

In the new frame move the picture like in the next image:

image 5

Step 5

Insert a new frame by using Duplicate Current Frame:

image 6

Move the picture again, and then create a new frame in your Animation Tab and move again your picture. The result should be this:

image 7

On the last frame (7) move down your picture:

image 8

Step 6

In the first frame use the Text Tool to add a text on your stage. On the frames 4, 5, 6 and 7 remove your text using the Layers Tab like here:

image 9

Step 7

Export your picture File > Save Optimized As and you got simple banner animation:

ImageReady Simple Banner Animation