Neotacular
Site
Home
Portal
Webmail
Blogs
Forum
About Us
Current Projects
Affiliate
Apply for Staff
Contact Us
Send Us Stuff
Wall of Shame

Graphics
Adopt an Egg!
All Signs
Avatars
Awards
Backgrounds
Blank Banners
Blank Buttons
Blogs
Blinkies
Forum Sets
Guild Layouts
Lookups
MSN Display Pics
Petpage Layouts
Pixels
PSDs
Shields
Sparklies
Trophies
Userbars
Weblayouts

Generators
X-Blog
Shield Maker
Siggy Ornaments
Siggy Generator
Guild Layout Generator
Lookup Generator
Scrollbar Generator

Finders
Cliffhanger Solver
Pet Poser

Guides
Avatar Guides
Game Guides
Other Guides

Tutorials
The Gimp
PSP
Photoshop
HTML/CSS
Other

Pick a Skin

Link to Us
Pink Psychadelic 88 x 15
Orange 32x32
Red 88x15
View All Buttons

Affiliates
Royalneo
NeoSpotlight
NeoSocial
Lost and Pound
NeopetsDB
Neopianos Online
Neopia
Neopetsmeridiano
Sketched Neo

Vote for Us
FGN-Guild.com Topsites

Poll
What brings you to NeoTacular?
  1.Generators
  2.Guides
  3.Graphics
  4.News



Statistics
back soon

Counter

Host-Tracker Uptime Monitor

RSS feed


View Detailed Stats

Welcome to neotacular | Forums


Spotlight
Visit the Forums!
Visit the Forums!

Daily FreebiesDaily Puzzle AnswersFairy Crossword AnswersHaven't finished the Altador Plot yet? Click here for help today!Live Help


Animating

Animating images in Adobe Photoshop isn't hard, really. If you have imageready, then it should be as easy as counting. =)
.. You do know how to count, don't you? =/

First start by making an image that you want to animate (or opening it, doesn't matter).
I'm going to create a blinkaroo. xP

Make each 'scene' a different layer, like I did below.

Notice that I zoomed in closely, and made my image transparent. You can do this by deleting any white background/ layer.

Now, we can animate!
Press CTRL + SHIFT + M to open imageready, or go to File --> Jump To --> Adobe Imageready

Now you should have your Imageready open. Before we start animating, make sure the Animation window is open.

Each 'scene' is called a frame. So, create as many frames (scenes) as you need. I need 8 frames (C, I, N, D, Y, flash pink, flash black, and flash pink again).

Let me explain a bit about frames. Do you see the 0 sec. under each frame? That's the amount of time that frame is going to appear for. You can change the amount of time by clicking the arrow beside the 0 sec. I'm going to change each frame to appear for 0.2 sec.
Do you want your animation to rotate through the frames forever, or just once? Maybe just twice? You can change the Forever option by clicking the arrow beside it, and choosing the amount of times.
If you made an extra frame by accident, or if you don't think you need a frame that you made, then just click on the trash can, and it will delete the frame for you.
Want to test-run your animation? Click on the Play arrow (it is the arrow facing your right hand side, and it does not have any lines around it.
By now you are probably wondering what that line of tiny circles does. It's called the Tween Tool. What it does, is it fades one frame into another. Like the Tween Tool shows, The circles are fading away. You can do this by selecting the frame you want to fade, and clicking on the Tween Tool. There, you can select which frame you want the frame you selected to fade into. You can also select the amount of frames it will take to fade the frame. The more frames, the longer the fading process takes.

Now that you know what each of the tools do, let's start animating!

Alright, the whole animating process is kind of hard to explain, so stick with me, and don't lose hope!

First, select your second frame. Click on the little eye beside your layer in the layers menu to make that layer disappear. You can do this to not show that layer, and show the layer underneath it.
Then select your third frame. Click on the first two eyes in the layers menu to show the layer under those two. Keep doing this for all of your layers and frames.

Test-run your animated image. Mine works fine. If yours doesn't, check to make sure that the proper layers are hidden (the proper eyes aren't there).

Once you are finished and satisfied with your animated image, you can save it. You can do so by either pressing CTRL + SHIFT + ALT + S, or going to File --> Save Optimized As... Make sure you do Save Optimized As, and not just Save As. If you save it, and it's not optimized, then you will have a HUGE animated file that will be almost impossible to upload anywhere.
This is my final result.


« Main List


All images, text, and codes on this site are copyrighted © 2005 Neotacular.com
Some images copyright © 2004 Neopets, Inc. All Rights Reserved. Used With Permission.
Any use of this site means that you accept the terms of service.