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



Author's URL: DesignTutorials.info
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process. More ImageReady Animation Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "ImageReady Simple Banner Animation"

Captcha