Tutorial Description
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.
