How to Make Progression .Gif Images
If my “archive categories” widget is to be believed, at this point I’ve written 115 art-related posts on this website. That’s pretty surprising to me, but I guess they add up over time. Through all of that text about artwork, it seems I’ve developed a pattern to my writing. I hope it doesn’t come off as robotic, but I do have certain marks I try to hit in a standard post about a drawing. Typically, it goes something like this:
- Topical introduction, possibly referencing the last post.
- Discussion of something I thought was interesting. Sometimes it’s directly related to the artwork, but not always.
- An image of the portrait
- A discussion of the process, my feelings on how it went.
- A progression .gif.
One of these components I occasionally get asked about (if occasionally means 2-3 times in 115 posts) is that progression .gif I include at the end. In the comments section of my last write-up, artist Christine Mallaband-Brown mentioned these progression .gifs, which made me think of something I’ve had on the back-burner for a while. I thought it might be useful to share how to actually make these progression .gifs. It’s not too complicated, but if you’ve never made one before, it can seem difficult.
Fortunately, there are a ton of ways to make these. The important first step is to remember to take photos of your artwork as you create it. Once you’ve got your images, then you need to find a tool. There are online resources – websites where you can upload images and build the .gifs. Some software programs, such as Adobe Photoshop, and smartphone apps can also make them. I’m going to focus on steps to use my two favorite methods. They aren’t necessarily better than others, they’re just the tools I’ve grown accustomed to.
The first tool I’ll discuss is the one I use most often; a website called EZGIF.com. It seems like the best combination of easy-to-use interface with relatively strong customization. From what the website says, the images you upload are only temporarily stored. You don’t have an account that you can save things to. Basically, whatever .gifs you create, you must download before you leave. To get started, click Choose Files and pick the images you want to use.
Now, click “Upload and make a GIF” and the screen will change a bit. You’ll be presented with a layout of your images. You can reorder them by using your mouse to drag and drop. There is also a prompt to resize the images if they aren’t all uniform. I like to first see how it looks without resizing, it’s not always clear to me which looks better.
Once you’ve got the images arranged in the right order, you can check some options. The most important to me is Delay Time, which I always set to 129 (I don’t know why I don’t just go with 130).
When you’re satisfied with all of that, just click “Make a GIF” to finalize it. The screen will change again after some processing.
Now, the .gif is ready to download if you like what you see. The save button is on the bottom right corner, which you’ll have to use if you don’t want your .gif to completely disappear after you leave the website. You can also do a few additional things, like add text to the animation, optimize (to make the file size smaller), and crop.
Google Photos, https://photos.google.com/
Google Photos is another resource that is pretty easy to use. You can utilize either the smartphone app or the website. It offers substantially less customization compared to EZGIF, but the process is pretty much as easy as it gets. Just click the plus sign (“Create“) to bring up a menu, then select “Animation.”
Select between two and 50 images to include in your .gif file, and that’s it! Click Create on the right, and the .gif is made. As I said, there aren’t any additional options, but there also aren’t additional complications or steps to make it confusing.
Other Popular Options
Although I almost exclusively find myself using EZGIF, and Google Photos otherwise, there are a few tools that are fairly popular with other folks. Two are websites somewhat similar to GZGIF called Imgur (https://imgur.com/) and Giphy (https://giphy.com/create/gifmaker). The basic steps are similar, in that you upload your images then use the site to create your .gif. The most significant difference that Giphy and Imgur both allow you to create accounts and store what you made. I’ve found EZGIF to be a cleaner interface, though. And I actually prefer the idea of my uploaded files being wiped from their servers automatically.
I also see recommendations for using Adobe Photoshop to create .gif image files. I don’t actually have Photoshop, so it’s not an option for me. But from what I know of the software, I’m guessing this path offers some incredible levels of customization. If you have access to Photoshop and are comfortable using it, I’d definitely recommend giving it a try.
Also, since we’re talking about them…there is actually some disagreement on how to pronounce .gif. Apparently, the creator of the file format said it should be pronounced “jif” (soft “g” as in gym). I just want to go on record – I think he’s wrong here. The extension .gif is short for “graphics interchange format,” not “japhics interchange format.” As bold as it is for me to disagree with the guy who created it, it’s equally bold of him to change the pronunciation of the word graphics. Mark me down for hard “g” .gif in this completely nerdy battle!
That’s it for this short .gif instructional guide. I hope you’ve found it useful!
Image Credits: EZGIF (screen captures of their site, Google Photos (screen captures), Imgur (logo in header), Giphy (logo in header), Reddit user 1emufh (Gif/Jif Season Image), Tech Spot (Peanut Butter battle)