Step-by-step instructions are written out below the video. 

STEP 1

Start by opening a colorful photo in Adobe Photoshop CC. Go to Window > Timeline, choose Create Frame Animation from the dropdown menu, and then click on the button. Open the panel menu and ensure that the Create New Layer For Each New Frame and the New Layers Visible In All Frames options are deselected.

STEP 2

The first frame of the animation will be in the Timeline by default. Select the frame and click on the Duplicate Selected Frames icon to make a copy of it.

STEP 3

In the Layers panel, click on Create New Fill Or Adjustment Layer and choose Hue/Saturation. In Properties, enter 20 as the Hue adjustment value to shift colors in the photo.

STEP 4

Back in the Timeline, make sure the second frame is selected, and click on Duplicate Selected Frames to create a third. In the Layers panel, with Hue/Saturation selected, type command-J to duplicate that layer. This shifts hues in the selected frame another 20 points.

STEP 5

Repeat the previous step as many times as you like. To achieve a perfect loop, Matt created a total of 18 frames. For a longer animation, you can select all the frames and drag them to the Duplicate Selected Frames icon.

STEP 6

Click on the Timeline’s play button to preview your animation. To change the speed, first open the panel menu and choose Select All Frames. Next, click underneath one of the frame thumbnails to set the time per frame. Use one of the default options, or choose Other to set a custom value. Matt used .17 seconds per frame.

STEP 7

To save the animation as a video, go to File > Export > Render Video. Adjust the options as needed, and you’re done! (You can also save your file as a GIF—learn more.)