How To Make A GIF Quickly In Photoshop

Looking to learn how to make a GIF without all the hassle, we can help you. Making gifs/animated images is quite easy with the right software. We are using Adobe Photoshop CS6 for this tutorial as Photoshop is the most common software in this niche.

What you will need to make your first GIF:

  • A computer with Photoshop installed.
  • An Idea

Yup, that’s right. All you need is a computer running Photoshop. Then you can follow the steps as we have listed them out here or follow the video we made for you below this post.

Step 1: Create a new document in Photoshop

File>New. This is the first thing you need to do, set up a new work file/environment in Photoshop at whatever size or pixels you like. We have used 500 x 500 pixels in our video but you can use whatever size suits your needs.

Step 2: Create a text layer

Towards the bottom right corner of your Photoshop workspace you will see where Layers are listed. All you have to do is click the new layer button and create a new layer then go over to the left hand side on the tool bar and select the type tool. With the type tool selected you can now type the text you wish to animate in whatever size best suites you. (Refer to the video for visual assistance)

Step 3: Create a frame animation

Bottom left corner of your workspace you will see a button that says “Timeline” click that, now click the drop down arrow that is next to the create video time line option and select “create frame animation”. You will see the first frame of your animation which is all you have created so far. The idea here is creating multiple images that are stacked next to each other to make a continuous loop of images AKA GIF. So you want to create all the variants of the photo that you intend to show up in your GIF.

You can use the “duplicate selected frame” button to create as many frames as you need. Keeping in mind each frame is independent of the other frames and you can edit them all separately. If you do not like how fast the frames are transitioning, you can either edit the amount of time each frame lasts for or you can use the “Tweens animation frames”. What that basically does is it makes multiple frames in between frames that transition gradually until the next frame. (View example in our video below)

Step 4: Save your GIF & your file

You can simple use CTRL+S to save the photoshop file but you have to select the option save for web to export your GIF. That is FILE>Save For Web.. Alternatively you can call up the save for web option using ALT+SHIFT+CTRL+S. This will bring up the save for web options box where you can change your gif’s settings. Keep in mind the format needs to be GIF for the animated image you are about to save to work and also, Windows 8 does not view GIF’s by default so you need to open it in a browser window to really see it in action.

This is how to make a GIF quickly in Photoshop. This tutorial is for beginners, we be making more in depth tutorials centered around Photoshop over time. Sign up for our newsletter using your email of follow us on twitter, Facebook or Youtube so you don’t miss anything.

Checkout the product of our video tutorial below:

How To Make A GIF Quickly In Photoshop


If you enjoyed this article please like our Facebook Page or Follow us on Twitter.

Add Comment