Easy GIF creation in Photoshop 6 (using the ultra-nifty Timeline feature)!
So, you want to make a GIF and you want to do it fast, huh?
Well, that’s perfect since this tutorial is going to guide you through it quick-fast, and you will have your fancy-dancy GIF image ready to go in no time!
Step 1: Easy! File > New!
NOTE: If you’re working with a preexisting picture, you can File > Open instead.
Step 2: How large would you like your picture to be? You decide! Select the dimensions and give it a cool name, and click that OK box!
NOTE: If you’re working with a picture, you can skip this step! If you want to resize your image, just head to Image > Image Size and you can adjust the dimension of the photo, should you need it to be smaller!
Step 3: Slap some text on there, and once you’re happy with the placement, color, font, etc. of it, you can right-click on the background layer and click Merge Visible so that the text and the background are now a single layer! Aww, what a beautiful melding of two Photoshop layers! Now save it as a JPEG or other image file (PNG, etc).
Step 4: Repeat steps 1-3 for all subsequent images you’d like to be part of your GIF.
Step 5: Find the Timeline tab on the bottom of the workspace, if it’s not expanded already (as pictured below), double click it! After it is displayed, click Create Video Timeline.
Step 6: Photoshop will add your first image in the Timeline automatically. To add your other images, you want to click on the little film strip that will be on the right side of the Layer box in the Timeline. Click on it, and then click Add Media.
Step 7: Find the images you’d like to use, and add them to the timeline!
Step 8: Okay, the default rate of the images is pretty slow (5 frames per second). See those purple boxes? Those are your images! You can reorder them, and you can also adjust the frame rate of them. But for that, let’s head on to Step 9…
Step 9: Aww, look, mountains! You wanna use the little slider by those mountains, to enlarge the view of your image clips. You don’t have to do this, but it will make it easier to adjust the speed of your animation.
Step 10: I wanted my GIF to move between images pretty quickly. Once you’ve magnified those purple boxes, it’s pretty easy to drag them to make the frame rate faster or slower. I chose to make my animation relatively quick, so I set each image to 1 frame per second.
Step 11: So, you totally want to see your image in action prior to saving, right? Duh! Of course you do. Click the little leftmost arrow to take it back to the beginning. Click the play button to watch it in all its glory!
Step 12: Holy moley! You are so close to bein’ done! Now, go to File > Save for Web!
Step 13: You want your picture to keep playing forever and ever and ever on an endless loop of awesome, no? If so, you’re gonna wanna save it that way! Click on Looping Options (circled below) and choose Forever!
Step 14: Click Save and give it a cool name! (Remember, no spaces!!)
Step 15: Marvel at your wonderful creation!! (Click the picture below to marvel at mine!)
Your humble helper,