What’s a GIF and why add to it?
A Graphics Interchange Format, or GIF, is an image format that supports both animated and static graphics. They tend to be funny, looping videos that last a couple of seconds, working by cycling quickly through a series of still images to give the appearance of movement. Unlike other video formats, GIFs don’t require a lot of data, so they’re easy to share and post online.
GIFs have become common tools of communication. They’re great for making quick jokes or colorful comments on Twitter, Slack, and Tumblr pages. They’ve even found their way into the business world, as many presenters add GIFs to PowerPoint presentations to keep people’s attention.
You can make your own GIF or personalize an existing one by adding your own pictures or words to it. By including a photo, drawing, name, or inside joke, you can make GIFs more relevant to you or to a certain situation or topic.
Customize animated GIFs with images.
If you haven’t already made a GIF of your own, you don’t have to use a video editor to make one. You can use Adobe Photoshop to create one using photos or a short video clip by following this quick tutorial. Just be sure to set the image to the right size for a GIF, at about 300 pixels. Then select Export › Save for Web (Legacy...) and select GIF from the preset menu. But you don’t have to make your own GIF to add customized elements.
Add a still image over a GIF.
To make images overlay GIFs, make sure the still image has a transparent background so the GIF can show through it. If the background isn’t transparent, you can separate the subject from the background. Then follow these steps.
1. Open the GIF.
Open up your GIF in a new Photoshop project.
2. Group it.
Group the GIF layers by selecting Command+G on a Mac or Control+G on Windows.
3. Open your image.
Upload your image (whether it’s a PSD, PNG, or JPG file) from your asset library or bring in a new one. It’s easiest to use an image with a transparent background so your GIF background will show through the empty space.