How Do You Put a GIF in a Mockup or Still Image

How Do You Put a GIF in a Mockup or Still Image?

Easily enhance your mockups by adding GIFs with these simple steps. Follow along for a quick tutorial on creating dynamic visuals!

Shohidur Rahman
June 4, 2024
read

Putting a GIF in a mockup is really easy if you follow the exact steps shown here. It’s going to be a very short and easy tutorial for video mockups, so follow along.

We are going to put a GIF on a still image like the sample below. You can do the same for any still image mockup. 

First Step – Collect The Resources

For this example, we will be taking this audio waveform with a transparent background. You can take any GIF that goes with your desired finished product.

And for the mockup we will be taking a static image of sunrise on the beach.

Second Step – The Process

Open the GIF on Photoshop. Go to Windows → Timeline. Then from the timeline choose Select All Frames.

Then click the “Copy Frames” button and then go to the static image opened in Photoshop.

On the timeline of the static image, click the “Create Frame Animation” button.

create frame animation for the static image

Then paste the frames on the timeline of the static image and make sure to choose the options like the below image.

the right controls

Resize and reshape the GIF as you like.

Now go to the layer option and click on the Match Layers Across Frames.

choose the option to Match Layers Across Frames

Make sure all the options are chosen.

click all the options

And Voila!

The process is done. This is the simplest way to put a GIF in a mockup.

Shohidur Rahman
Hey, I’m Shohidur, the content guy behind Bulk Mockup. In the past, I ran a print on demand tshirt store, where I learned the nitty gritty of the industry. Being in the industry for 7 years I understand the challenges faced by print on demand entrepreneurs of now. My main goal is to help print on demand sellers through the content I produce for Bulk Mockup.

Subscribe to Bulk mockup
weekly updates!

Accepted payment methods
Copyright © 2024 by Bulkmockup. All rights reserved.