This tutorial is very useful in all fields of webdesign, and text effects. In this tutorial you will be learning how to create smooth and slick text animation. The only programs used in this tutorial are Adobe Photoshop, and Photoshops sister package. Adobe ImageReady…
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 create my main base for the animations. Blue and white text that advertises TutorialBlog.org.
Build up all of your text layers and hide all of them apart from the first 1.
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.
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.
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 different time settings. For what we are doing 2.0 seconds is probably the best time delay.
Once we’ve done that we just need to selected which frame, and which layer.. You can do that by viewing the example below.
That’s all there is to it. You can view the final outcome below.