I've been asked on multiple occasions how I make GIFs. This post series will describe the process I use to make GIFs and hopefully help others that are looking to get into GIF making. If there's anything this world needs it's more GIFs.
My first GIF took me three hours to make. I’ve managed to get that down to about three minutes. The process I use is:
Record the video with Fraps.
Trim the video down to a 3-8 second clip and save as an .mp4.
Import the .mp4 file into Photoshop.
Delete the frames I don’t need or want.
Crop the image.
Add a watermark.
Export as a web image.
Upload to the internet.
There are multiple ways that a GIF can be made, but the above is the process I use. To follow my process you will need:
Fraps, which will require money, or some other video recording software.
A video editor, Windows Movie Maker or iMovie for the Mac should suffice.
Photoshop, I use CS5.
A place to upload your image, imgur is a good place to start though does have size restrictions.
In this post I want to breakdown each of the four applications needed to make a GIF. In my next post I’ll start going through the process of how I make a GIF.
Video recording software
I originally bought Fraps to get into video game editing of first person shooters and to review World of Warcraft (WoW) raids and it seemed to be the video recording software as choice. I’ve found that it works just as well for record baseball games. It’s a one-time purchase of $37, which comes with free updates to Fraps. It's worth noting that it hasn’t been updated since February of last year. Despite the lack of recent updates, the video record works perfectly fine, it just doesn’t have all the bells and whistles of some of the more expensive software.
One of the more expensive options would be something like Camtasia Studio, which I’ve played around at work with and works quite well, but costs around $300. There are many other options out there, it will just take a little research to find the recording software that works for your budget. Most will offer a free trial version, which you can use to try, just don’t expect to use it long term or make anything you can really use as companies typically put watermarks on trial versions.
Camtasisa Studio 8 - http://www.amazon.com/TechSmith-CAMS01-8-Camtasia-Studio-8/dp/B008EQUD4U
Your video editor doesn’t need to do a whole lot. I mostly use my video editor for trimming the video down to just the section I need. Photoshop will only load about 500 frames, which is about 12 - 15 seconds of a video at 30 frames per second (fps). I try to keep GIFs under 200 frames for size purposes, so 500 frames is a bit overkill and why I try to stick to importing video that is between 3-8 seconds. Windows Movie Maker is fantastic for this and is really easy to pick up and use. I’ve never made a GIF with iMovie on a Mac, but I imagine it’s going to be a similar intuitive process.
If you want make GIFs like this:
Then yes, you’ll want a video editor with more features like Adobe Premiere or Apple’s Final Cut Pro. Starting off the video editors that come with your operating system (OS) should suffice.
This is where the magic happens. I import the trimmed clip into Photoshop via Video frames to layers. Then I go through the process of deleting frames I don’t need and cropping the image down to the size I want. I also add my watermark before exporting as a GIF. If you're a student, Photoshop can be purchased at a discounted price. You can also sign-up for Adobe’s Creative Cloud service which has a monthly fee, but gives you access to all the latest and greatest Adobe software. I’ve never tried any of the free image editors and would love to hear if anyone has had success using them to make a GIF.
Most of my GIFs are uploaded to the SB Nation sites I contribute to:
Anything non-sports related goes up either on this site or my imgur account. Imgur has a limit to how big images can be, which can get pretty big for GIFs. A paid account will increase the limit on how big a GIF can be to upload. I pay a monthly fee for this site, so I’m not limited by the size of the GIF. If I do ever hit a limit, I will be sure to update this post. Other places to try would be social media sites like Tumblr and Twitter. Tumblr is actually where I initially hosted my GIFs. Twitter you can upload a picture to a tweet and that can include GIFs.
In the next part I’ll get into the process of how I create GIFs. If you have any questions or suggestions feel free to leave them in the comment section below.