Animations - Photoshop

In this blog you will learn how to make animations such as this:
Image
but before we begin you should know that this is for Photoshop only, due to the fact that I have no idea how to do this in any other program.
:]


Hokay, well to begin make a new document:
File > New > (type in the desired height and width) > Ok
Image
Now let's open a few documents to actually move in the animations.
To open a document(picture):
File > Open > (select picture) > Open
Image
As you can see I opened a Gerard icon(I opened a few afterward too btw).
Okay, now that we have a blank document and a couple pictures to go along with it, let's get started.
First we have to drag all the pictures onto the blank document.
Make sure each picture is a different layer.
Image
As you can see there are a few layers under the 'peace' picture.
Now that we have our layers that are going to move let's get them movin'!
So all we have to do now is open ImageReady, which as far as I know comes with all Photoshop programs:
File > Jump To > Adobe ImageReady
Image
When Adobe ImageReady opens(it should) make sure your document opens and that the Animation is there too.
The Animation, is essential.
It puts the pictures in order and it's where you control how fast the layers change.
Image
If the Animation isn't there:
Window > Animation
Image
Woah, almost there!
But, this is where it might get confusing.
You may have each layer on your document but not all of them are slides to be animated.
Only the top layer is the one shown on the slide.
Image
^^This is to show what I mean, the top layer(layer 7) is the only one visible on the animation because it is the only slide.
To make a new slide:
Hit the small button the animation bar.
Image
That little button made a new slide.
But, the new slide has the same picture on it.
To make it not be that same picture, go to the layer bar and click the open eyeball next to the top layer so that that layer hides.
Image
Woop!
You made two slides.
Now all you have to do is continue doing that until all your layers have their own slide.
Image
Well, I think we got through the hardest part.
:D
On the animation bar under each one of your slides it says '0 sec.' Unless you want your animation to go extremely fast that no one would have any idea what happened then you're good.
Too see how fast it goes click the play button Image then stop it.
But for the rest of us lets slow things down a bit.
Under each slide next to the '0 sec' thing there's a tiny tiny little arrow pointing down.
Click it.
and it'll show a bunch of speeds, chose anyone you want for all of them(they all don't have to be the same speed). Try them out by clicking the play button to see how fast they go.
I recommend '0.1 sec.' for my situation.
Image
All the speeds are done!
zomg!
Now let's save it!
IMPORTANT:
When you save it make sure you save the Optimized version of it!!

To do that:
File > Save Optimized As... > (choose place to save it + name)
Also make sure you save it as a .gif type!!
Image
You wanna know something cool?!
YOU'RE ALL DONE!
btw this is what mine came out as:
Image

-Lina
Posted on May 21st, 2008 at 04:36pm

Comments

Post a comment


You have to log in before you post a comment.

Site info | Contact | F.A.Q. | Privacy Policy

2014 © GeekStinkBreath.net
Register