The Wild World of .gifs!Posted: April 1, 2012
I know that as I’ve been working on my Independent Project, I’ve come across the need for .gifs. And I though, “if I need them, maybe you guys do too?”
They’re actually incredibly easy to make (but very hard to master) in Adobe Photoshop. But a lot of people aren’t aware that Photoshop can be used to make .gifs or if they are they aren’t aware of how to go about doing it.
Your first step:
Create your first frame. Every element that is going to move independently needs to be a separate layer, but that’s as technical as this step gets. Just draw/create/paste some stuff.
Your second step:
Go up to the top. Way up at the top, up in the menu, and select Window. From that list you’re going to select Animation. Did the animation palette pop up near the bottom? Good. If not, it’s probably somewhere else on the screen.
Your third step:
Click on that fancy Add New Frame button. It should slap your fancy picture, layers and all, into the first frame.
Your fourth step:
Do step three again. Change whatever you want to change. Rinse repeat. Don’t worry about making it really gradual and specific. Photoshop will handle that.
Your fifth step:
Do you have all of the keypoints worked out in your frames? Good. Now you’re going to click on the pop out menu that should be in the top right hand corner of the animation palette. From this, you want to choose tween. Then select the amount of extra frames you want. For the love of God, don’t make the number too large. It’ll take forever for your .gif to load. Now your .gif should have quite a few nice frames.
Your sixth step:
You need to save this masterpiece. Go up to that menu again. The one way at the top. Click File. And then Save For Web & Devices. Make sure you select .gif as the file type. If you don’t, it’s not gonna be a .gif.
Your seventh step:
Show that masterpiece off.