I’ve been getting a lot of questions about this from fellow photographers, so, finally, here goes! If you look through my galleries, you’ll see that I love making gifs for my couples. It’s just a little something extra that they’re usually not expecting, which makes it so fun to surprise them with! I’m sure there are a ton of ways to make GIFs, but I use Photoshop for mine. Keep reading to learn how to make GIFs in Photoshop!
Camera Settings for GIFS
When learning how to make GIFs in Photoshop, it’s important to remember that making GIFs starts with taking photos – because a GIF is basically just a slideshow of a few photos. I’m sure there’s a more technical definition out there, but that’s how I think of it :).
I always shoot in continuous mode. Of course, I can’t speak for all cameras, but on my Sony a7III there are 3 options for continuous mode – low, medium, and high. I always keep it on medium, which I think is perfect. It’s slow enough that I can click the shutter quickly to only get one photo (I used to shoot in High but ended up with a million photos that I didn’t need), but fast enough that when I hold the shutter down to shoot photos for a GIF, it takes the photos fast enough that my gifs look smooth and not choppy.
During a session or a wedding, I intentionally pay attention to moments that I think would be cute as GIFs, and I just hold my shutter down for a few seconds to get a burst of photos. How many photos you need kind of depends on the GIF, but I think it usually works best if you have at least 10. I aim for 25-35, but usually end up dropping a few from each “end” of the gif.
Making the GIF in Photoshop
So, after the photos are taken, I edit them all in Lightroom first. I flag the photos that I’m going to use for GIFs, and export them.
To start making the GIF, I open Photoshop. Then go to File > Scripts > Load Files into Stack
This screen will pop up, and you can choose your files. Select all the photos that you want to use for your GIF, and make sure to check “Attempt to Automatically Align Source Images.” This will align all your photos, so that when your GIF plays, your background stays stable while the subject is moving.
Click OK, and you should see this Timeline at the bottom, but if you don’t, go to Window > Timeline and make sure it’s checked.
Click the “Create Frame Animation” button, then click those 3 little lines on the top right of the Timeline. Choose “Make Frames from Layers.”
You should see all of the photos in the Timeline now.
Most likely, you photos won’t all match up perfectly (except maybe if you used a tripod). The gray checkered space shows when one photo is smaller than another one in the GIF. Just click the crop tool on the left, and crop the photo. You can also straighten it. Do this to one photo, and it will change all the others as well.
Click the play button and see how your GIF looks!
You can change how long each frame plays – Photoshop automatically sets it to 0, but I think 0.2 seconds looks best. Play around and see what works for you, though! To select all the frames at once, click the first frame, hold the shift key, and click the last frame. Now you can change the speed on all the frames at once!
You can also delete frames by clicking on one, and then clicking the trash can at the bottom. Sometimes there’s one photo that throws off the “loop,” and the GIF might look better without it – try it out and click Command + Z (or Ctrl + Z on PC) if you want it back 🙂
You might also notice that your GIF is backwards – this is fine for some GIFs, but sometimes it makes things look funky. You can easily reverse the order of your frames by clicking those three lines again, and choosing “Reverse Frames.”
You’re done! Time to save. I usually save it as a PSD just in case I want to go back and edit it. To save the GIF, go to File > Export > Save for Web. This screen will pop up. I use all the default settings, except I change the percent under “Image Size” to 50%. GIF files are already big, and 100% is sometimes overkill and will make it slow to load. I think 50% is perfect, and since your clients will only see this on their computer (as opposed to photos that may get printed out), 50% works fine and the quality still looks great.
The final product
But wait… if you want to post your GIF to Instagram or Facebook, there’s one more thing you have to do before you quit Photoshop.
How to post your GIFs to Instagram
GIFs are great for Instagram – I find that they get a lot of engagement because they’re unique and people aren’t usually expecting them when they scroll down the timeline. Instagram doesn’t support GIFs, but there’s a way around this.
All you need to do is turn your GIF into a video file. In Photoshop, go to File > Export > Render Video.
Another way to do this is to find a website that will convert your gif to an mp4 (which is a video file). I sometimes use ezgif.
Save your video to your computer, then send it to your phone, and now you can share your work on Instagram! The video will loop when you post it, just like a GIF!
Update: I don’t know why, but recently when I sent the GIFs to my phone I’ve been getting a black space around them
Thanks for reading, and good luck making your own GIFs! They’re super fun and a great way to get a little more creative. Shoot me a DM on Instagram if you have questions, or to let me know if you try this out – I’d love to see what you make! I hope this tutorial on how to make GIFs in Photoshop was helpful!