How to make .gifs/animations using Photoshop cs4
btw, sorry back the background in some of the images and ignore the time at the top. haha
you don't really need to read this part.
I got a macbook pro~ not too long ago and downloaded photoshop cs4 because I wanted something new.
But I was kinda bummed that it didn't come with imageready like cs2 had on my pc. I googled and learned you couldn't make .gifs on cs4 but you could on fireworks, I didn't want to download a whole new program just to make gifs. So I decided to explore cs4 but still no luck.
BUT then I saw this tutorial posted. It worked just fine but I didn't like having to make screencaps out of the videos I already ripped, then I explored a little more and I got it! haha I was pretty proud of myself.
First thing first is to find a movie file you want to open, so far I've opened avi, mov, and m4v with no problem, and I think those are the most common video file types? There is also wmv but I don't really see a lot of those anymore and didn't have any one my mac.
I decided to open up a clip from Paramore's dvd The Final Riot.
OH ALSO THIS IS IMPORTANT! make sure you have your animation strip thing open. Just do Windows > Animation and it should pop up on the bottom.
This is what my screen looks like:
the video was 961x553 so I decided to re-size it to 300x173(but the one I posted at the start is 200x115). There might be a pop-up about smart images or something, I just ignored it and said continue or ok, I checked the ignore box or whatever it says so it doesn't pop up for me anymore.
All nice and re-szied
Now we go down here:
click and drag this thing
to the right until you see the first frame of the clip you want to make into a gif
See where it is now?
Now we are going to click and drag this bay boy
over to the start of the arrow thing
That is where the gif will start.
now take the arrow thing again and drag it to the right and stop at where you want your gif to end.
Then you will scroll to the end of the time line and see the another one of these but facing the other direction.
oh look, there it is!
drag that the same way you did with the first one.
Now once you are sure you got the start and finish were you want, go to: file > save for Web & Devices
this should pop up:
Wait for it to load(see the bar right above the preview button)
when it loads it shall look like diz~
MAKE SURE to click on the drop down options under "Animations" looping options: forever
I usually clicked preview to see how it looks in firefox and to make sure I got the timing right.
Click save and you're done!
I hope I made sense and didn't mess up! This is my first tutorial, haha
A few things I can't figure out is how to edit the time on each frame and how to edit already made gifs.