How to make an animated GIF with Photoshop

GIFs are rather significantly an inescapable kind of web interaction now, and it’s never ever been a lot easier to make your have. Giphy’s online GIF maker allows you pull small YouTube clips and include captions, and Giphy Seize is a terrific Mac application that lets you drag the part of the display you want to document and change it into a neat animation. But if you want to stand out from the group by building your own animated GIF in Photoshop, here’s how.

For the needs of this demonstration, help save this GIF to your laptop and open it in Photoshop. We’re going to use the specific frames of this GIF as a guide to attract a version of by yourself breakdancing. It’s a minimal little bit like rotoscoping, a procedure made use of by animators to trace around stay-motion footage, but alternatively, we’re just tracing around the common entire body define in our authentic GIF. I chose to make my new GIF a breakdancing bear, to get a result like this:

GIF by Dami Lee

Opening up your GIF in Photoshop need to open up up the timeline panel, which will look like this:

In your layers panel, create a new layer and position it on leading of layer 1. Decrease the opacity for layer 1 so you can use it as a guideline to attract an additional layer on major. Do this for each and every of the five layers. It need to appear one thing like this:

As soon as you have your five new layers drawn, go ahead and delete the initial five layers to clean up up your workspace. Relocating again to the timeline, click each individual frame and established it so that only a person corresponding layer is visible at a time, by clicking on the eye icon. Click on the participate in button, or strike the spacebar to examination out your animation.

You can alter the velocity of your animation by clicking on the .2 below the thumbnail, which will open up up a menu of how very long every single body will be shown on screen.

When you’re content with the speed of your animation, it’s time to save your GIF! Go to File —> Export —> Conserve for Web. Make sure the looping choices are set to “Forever,” in equally the timeline and on the export screen. Also, preserve in brain the file dimension restrictions of the social platforms you’re organizing on sharing it to. A fantastic rule of thumb is to maintain information below 5MB, so they can be shared any place. Good luck!

The Verge on YouTube

Distinctive initial appears to be like at new tech, assessments, and shows like Processor with Dieter Bohn. Subscribe!

log in

reset password

Back to
log in