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.

Image

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!

Image

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).

Image

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.

Image

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.

Image

Step 7: Find the images you’d like to use, and add them to the timeline!

Image

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…

Image

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.

Imageo

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.

Image

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!

Image

Step 12: Holy moley! You are so close to bein’ done! Now, go to File > Save for Web!

Image

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!

Image

Step 14: Click Save and give it a cool name! (Remember, no spaces!!)

Image

Step 15: Marvel at your wonderful creation!! (Click the picture below to marvel at mine!)

Image

Your humble helper,

Erin McGaw

Advertisements

~ by neonxbats on September 11, 2012.

2 Responses to “Easy GIF creation in Photoshop 6 (using the ultra-nifty Timeline feature)!”

  1. Love this post! All of the screen shots are really helpful! 🙂

  2. As someone who is tech challenged I really appreciate the step by step photos since text instructions isn’t a nice way for me to learn. You also didn’t just give linear instructions, but “what if” explanations as well. You didn’t give just directions, but cause and affect scenarios and I appreciate it. I like simple stupid instructions.

Comments are closed.

 
%d bloggers like this: