• Link us
  • Links
  • TOS
  • Site
  • Gallery
  • Forum
Subscribe

Animated images - Miscellaneous tutorial

Tutorials > Miscellaneous tutorials > Animated images
  • Added: Sep 29th, 2004
  • Level: Easy/Medium
  • Author: Melfina
  • Reads: 20,104
  • Description: How to do easy animated images with Adobe Image Ready.
Bookmark Digg del.icio.us

E-mail to a friend

View printable version


Edit your image or avatar normally with Photoshop. Once you're done, create a new layer for each frame of the animation separatedly. Switch to Image Ready:

Open the animation window (Window > Animation) and the layers window (Window > Layers) if you don't have them already opened. This is the animation window, and a little information about it:

Now, basically to make it animated, you add frames and hide or show the layers you want on each frame. Make sure that the frame that is selected (click on the frame to make it active) is the one you want to change, or you'll end up with everything messed.

You can animate it as you want, but bear in mind that the more frames you use, the bigger the file size will be. Change the frame delay time of each frame to make the animation slower: short delay time = quick animation, long delay time = slow animation. You can make the animation repeat only once, or limited times instead of forever, to do this, click on the little arrow next to Forever in the Animation window and change it to what you want.

You can change the image optimization properties at the Optimize window. It's quite the same as what appears in Photoshop when you save an image for web. Animated images can't be saved in jpg, always save them as *.gif files, or it won't be animated.
To save your avatar or animation, go to Edit > Save optimized as...   My final result:


If you like this tutorial why not digg it or add to del.icio.us?

Tutorial © Melfina. Do not reproduce in any way without previous permission from the author.

  • Members login
  • Register for free

Web layouts

  • Web layouts
  • Aardvark Topsites skins
  • SMF Themes
  • Wordpress Themes

Graphic resources

  • 100x100 Avatars
  • PS and PSP brushes
  • Brush shop
  • Background patterns
  • Web icons and smilies
  • Textures
  • Renders (PNG)

Tutorials

  • Newest tutorials
  • Adobe Photoshop
  • CSS
  • Designs / Layouts
  • HTML & XHTML
  • Miscellaneous
  • Paint Shop Pro
  • PHP & MySQL

Affiliates

  • Ego Box
  • The Jaded Network

Partners

Celestial Star © Melfina 2003-2010. By using this site you agree to our terms of service
Layout credits: Hybrid Genesis, Bittbox, swe3ty
Valid XHTML | Valid CSS | Top of the page