Home > Free Tutorials > Video & Animation > How to Create a .gif and upload it to Instagram

How to Create a .gif and upload it to Instagram

  • Easy
  • 30
  • Add to

Draw more attention to your photos by showing before/after animations on Instagram.

In today’s episode, we show you how to create a Before and After image in Photoshop. After that, we show you how to animate it as an Animated Gif.

Share this tutorial

Getting Started

We start off with a normal .psd file. We strip all of the Adjustments off of the image until we are down to the original. After that, we create a New Layer within Photoshop. On that new layer we go to Image—-> Apply Image. From there you want to make sure your settings reflect the settings you see in the video. Once you hit OK, you will get a copy of everything you see, on a New Layer. Now you have a Before & After. Next is adding the Animation!

How to Add Animation in Photoshop

Since our final destination in this case is Instagram, we need to create a format that we know will work well for  the application.  After we have our desired dimensions, we have 3 layers to work with. A Background layer, an original layer of our image with no changes, and the final image with the changes we’ve made in Photoshop. Turning these layers on and off will help identify which is our Before and After. Now it’s time to animate our image. We use the video Timeline to create a frame Animation. Frame animation just allows us to create individual frames. Now we click—> Make Frames from layers. Now we have 2 Frames in our Animation, the before Frame and the after frame.  We set the duration to 2 seconds, meaning every 2 seconds the Frame will switch from before to after.

Export Settings

After creating the animation, it’s time to make sure our export settings are perfect. We changed the duration of the Timeline to forever. So now the image we see will constantly shift from the before to after.

Uploading to Instagram

Next we show you how to email the file to yourself and upload the image to Instagram.  From there you can choose any Filters or other options that Instagram offers.

Featured Tutorials

How to Master Layer Styles in Photoshop
In this tutorial, we’ll help you master every layer effect with practical examples like adding photorealistic text to an environment, creating a neon glow effect from scratch, using layer styles to add a natural glow to a light source and more.
How to Master Blending Modes in Photoshop
We take you through every adjustment layer, showing you how to fix exposure, color correct, color grade, place objects on solid colored-backgrounds, make advertisements for print or web, and much more!
How to Master Blending Modes in Photoshop
In this tutorial, we break down all 27 blending modes that Photoshop offers, providing in-depth explanations and practical examples that are bound to help you get your creative work done faster and with impressive results.
Join us as we equip you with everything you need to know about shooting and editing in monochrome.
With over 4 hours of step-by-step instruction, we cover the tools and methodology required to make any color change appear realistic and natural.
While it may seem like magic, the ability to make anything disappear in Photoshop isn’t a trick – it’s a skill that anyone can learn.
Photoshop Compositing
In this tutorial, we cover several tools and techniques that, when combined, will allow you to create perfect masks of anything from the precision curves of designer products to the messy detail of a head of hair.


  1. Rated 1 out of 5

    Instagram does not support gifs.