Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation ImageReady Simple Banner Animation

ImageReady Simple Banner Animation


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 Tutorial: Final Result



Author's URL: DesignTutorials.info
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "ImageReady Simple Banner Animation"

Only registered users can write comment

No comments yet...