How to make an animated GIF with Photoshop

GIFs are pretty much an inescapable form of internet communication now, and it’s never been easier to make your own. Giphy’s online GIF maker lets you pull short YouTube clips and add captions, and Giphy Capture is a great Mac app that lets you drag the part of the screen you want to record and turn it into a neat animation. But if you want to stand out from the crowd by making your own animated GIF in Photoshop, here’s how. For the purposes of this demonstration, save this GIF to your computer and open it in Photoshop. We’re going use the individual frames of this GIF as a guide to draw a version of yourself breakdancing. It’s a little bit like rotoscoping, a technique used by animators to trace over live-action footage, but instead we’re just tracing over the general body outline in our original GIF. I chose to make my new GIF a breakdancing bear, to get a result like this: Opening up your GIF in Photoshop should open up the timeline panel, which will look like this: In your layers panel, create a new layer and place it on top of layer 1. Lower the opacity for layer 1 so you can use it as a guide to draw another layer on top. Do this for each of the five layers. It should look something like this: Once you have your five new layers drawn, go ahead and delete the original five layers to clean up your… [Read full story]