Make an animated, revolving poster GIF.

Get under the hood.

Anna’s revolving poster includes two core designs: The first, Poster A, features wiggling hand-drawn lettering. The second, Poster B, appears to scroll up and down on top of Poster A. Open up Anna’s practice file in Photoshop and head to the Layers panel to review all the frames and elements she’s shared for this tutorial.

Prep your frames.

Poster A is made from three frames with slight variations of hand-drawn lettering. Let’s start by bringing them into the Timeline. Select all three Layers in the folder titled “Poster A frames,” then right-click > Export as > JPG > Save. Next, load your exported JPGs into a stack (File > Scripts > Load files into Stack > Sort by name), which will prompt a new artboard. Save this file as Poster A.psd, then go to Window > Timeline > Create Frame Animation, then click the Timeline hamburger menu and select Make Frames From Layers.

Pro tip: Number your frames in sequence as you go — this will help you stay organized as you experiment with lengthier animations.

Set it in motion.

Set the pace of the final animation for each frame. Anna has set each to 0.1 seconds, but feel free to play around with different durations to see how it affects the outcome. Next, set the Timeline setting to Forever, which will make the animation a continuous loop. Press Play to preview it. Now, you’re ready to export your animated GIF. Go to File > Export > Save for Web (Legacy). Select GIF, and Save.

Play and enjoy!

Rejoice: You’ve just made a groovy, wiggly GIF using three frames. Keep experimenting to make it your own: Try tweaking your Timeline settings, importing your own elements to each frame, or exploring the additional assets Anna has shared to further customize your frames.