Topics   |   Free Tutorials   |   Photoshop Tutorials   |   Video & Animation

How to Create a .gif and upload it to Instagram

  • Easy
  • 30
    mins
  • Add to
    favorites

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.


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.

Watch hundreds of PRO Tutorials and download Lightroom Presets, Photoshop Actions and more.
Learn More

Featured

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.
Lightroom Essentials
A smarter way to master the fundamentals of Lightroom. Find and learn the skills you need to organize, edit, and manage your photos with confidence.

Reviews

  1. Rated 1 out of 5

    Instagram does not support gifs.