|
This tutorial will show you how to make an animated avatar in Photoshop CS3.
1.
First open all of the images that you want to make up your animated avatar. Photos and layouts are often used.
2.
Open a new document that is 125 pixels by 125 pixels (this is the maximum avatar size at DSP). 72 ppi is typical web resolution.
3.
Drag in size each image into the 125 x 125 document. Each image you want in your avatar will be on its own layer.
4.
When you have all your images in the document click on Window-Animation.
5.
Turn off visibility to all but the first layer in your document.
6.
The layer you have visibility on should be showing in the animation box.
7.
Click the “duplicate selected frames button.” You will now see the same image again.
8.
Go to the layers palate and turn off visibility to this layer and turn visibility on to the next layer. Your second image should now be in the number 2 spot of the animation window.
9.
9. Complete steps 7 and 8 until all your layers are in the animation window.
10.
Under each image you can scroll down and adjust the time for each frame to be up. This avatar uses 2 seconds per frame.
11.
Hit the Play button to preview your avatar and see if there are any changes you need to make.
12.
When you are satisfied with your avatar click on File-Save for Web & Devices.
13.
Make sure the file type is GIF, and adjust settings to the highest quality possibly while keeping the file size under 100kb. (Avatars for DSP must be 125 pixels or 100 KB whichever is smaller!) You can also hit the play button in this window to see how it will look.
14.
If you want to see what it will look like in a web browser, click the “preview in default browser” button.
15.
When you are satisfied with your avatar click “OK.” Name the file and upload as you would a normal avatar to DSP!
|
. . 
. . 
. . 
. . 