» Text Animation Photoshop Tutorial- tutorial blog

Text Animation…
This tutorial is very useful in all fields of webdesign, and text effects. In this tutorial you will be learning how to creat smooth and slick text animation. The only programes used in this tutorial is Adobe Photoshop, and Photoshops sister package. Adobe ImageReady…

Getting Started
Setting up your work space.
To set up your work space you will need to open a file of any size. Ive used a white background and simple text effects to creat my main base for the animations. Blue and white text that advertise’s TutorialBlog.Org.

Step 1
Build up all of your text layers and hide all of them apart from the first 1.

Step 2
Since we will be using Adobe ImageReady for the main animation stage, you will need to port your source files from Adobe Photoshop, to Adobe ImageReady. You can do this by click the ‘Edit In ImageReady’ button located at the bottom of the tools palet.

Step 3
Making sure that your ‘Animations Window’ is open we will continue to the next step. If your animations window is not open, you can do so by going to; Window -> Animation.

Duplicate your first animation frame by clicking the ‘folded paper’ icon in your Animation’s Window.

Once duplicated the fun stuff starts to begin.

Step 4
Now we are ready to start animating!.
To start animating your text, you will need to pick which text layer you want animated first. To do this you can simply click the hide and view button within the layers palet.

Next we will need to set a time frame for each window. You can do this by clicking the ‘Select Frame Delay Time’. Once you’ve clicked this you will be prompted with diffrent time settings. For what we are doing 2.0 secounds is probley the best time delay.

Step 5
Once we’ve done that we just need to seleted which frame, and which layer.. You can do that by viewing the example below.

——————————
Thats all there is to it. You can view the final outcome below.

Thanks
Peter Avey