Blog



How to create an animated gif from a video clip

funny-cat-animated-gif

You are probably reading this page because you saw lots of funny animated gif of cats (like the one above)… and now you want to know how to create one yourself.

But please don’t create another animated gif of a cat! Please! Please! Please don’t! There are more than enough of them on the web already…

Right, so, let’s get on with it.

How to create an animated gif from a video clip

Creating an animated gif from a video clip is very easy if you’re using the right tool. The best software to do the job is Photoshop CS5 or higher. In this example, we are creating the animated gif using Photoshop CS6.

If you don’t have Photoshop you could check  Gimp or GifMaker.

Step 1.

Find a good video clip that you want to transform as an animated gif. It could be anything you want but please bear in mind that the video shouldn’t be too long nor too big. The bigger and the longer the video, the heavier (file size) your animated gif will be, thus taking longer to load. Two or three seconds video clip is great, five is OK, 10secs or more is likely to take forever to load.

Step 2.

Download/upload the video clip you’ve chosen to your desktop.

Step 3.

Import the chosen video in Photoshop using File > Import > Video Frames to Layers

import-video

You can choose the easy option which is to import the video From Beginning To End. Or you can edit the start and the end of the video to reduce the video size in the end.

Step 4. (optional)

Fiddle, edit and do any changes you would like to do to the layers using the usual tools in Photoshop if you want. In this example, we modified the canvas size (Ctrl + Alt + C) to focus on the cat and lose irrelevant bits in the images.

Step 5.

It is now time to export your animated gif. To do so, simply save the document for the web File > Save for the web or (Ctrl + Maj + Alt + S). The window below should appear.

export-settings

 

Make sure you select the “gif” mode to save the file. In the green circles you can see all the various settings that can be modified to reduce the file size.

Ideally, the final version of your animated GIF shouldn’t be larger than 1MB. Bigger than that and it will take forever to load…

Step 6.

Once you’re done with the settings simply hit the “save” button. Save your animated gif in a safe place (a place where you can find the file again…).

You can now upload your new animated GIF to your blog post, Facebook, Twitter etc… and share it with the world…

See below the one we created for this example….


kitten-jump-fail

 

Credits:

It’s not really recommended as it’s not really ethical but we got this video from YouTube for the purpose of this example. You can find the original video here

The animated GIF at the very top of this example was found on www.giphy.com

 


IT Support Newcastle is brought to you by Transcendit Ltd, contact us on 0191 482 0444