|
|
|
Channels:
|
Search for:
|
Author: hlee, Contributing Editor
| This article will show you step by step how to create an animated avatar using Adobe Imageready, web graphics application that comes with Adobe Photoshop. First, make sure you have all the images that you want to use ready at a right size for the WC!'s forums.
> If you aren't sure how to resize images, this tutorial will show you how in a few simple steps. Alternatively, you can download a .zip pack with the images used here along with the Photoshop (PSD) file with the different images already loaded and ready for animation. >If you have another GIF animation program, feel free to use it – the concepts and commands are basically the same. |
| Imageready normally looks something like this when opened for the first time:
|
 |
| If there are any extra windows, they can be closed or collapsed – we will only need the toolbox, the Animation and Layers windows for our purposes. (If the last two are not present, going to View > Animation and View > Layers will bring them back.)
Now let's call up the first image we'll be using. Go to File > Open and find the first image you'd like to show in your avatar. (It really doesn't matter which image you call up first, we'll have to put all the images into one PSD file anyway, to work with them.) |  |
| So here's my first image... a little Lego action figure. We're going to make him twirl that baton he's holding in his hands. ;) If you take a closer look at the batch of pictures in the pack, they are really the same image of the little figure except the baton's position is slightly different each time. It's pretty similar to those flipbook animations you might've come across as a child -- the idea is to alter the image bit by bit and then flip through those individual frames really fast so it looks like the figure or object is moving.
|
 |
 | Now we're going to put all our images together in one file so we can set up the animation. Leaving the first image in the background, open the second image. Then, using the selection tool, select the whole image (or hold down Crtl+A on the keyboard). Crtl+C to copy.
|
| Quick Jump: | ||||
 |
||
|
||
Copyright © 1998-2009, F+W Media, Inc. All Rights Reserved. FA |
||
