How to Make a Solarized Cinemagraph in Adobe Photoshop | Adobe Creative Cloud

Adjust tones and create a futuristic animation.

Start from scratch, or copy the library containing the sample assets [ ] for a head start. Steps below.

Start your project:

1. Open Photoshop on your computer.
2. Open the Libraries panel.
3. Click Discover – Solarized Cinemagraph.

Apply Selective Color:

1. Add a Selective Color adjustment layer.
2. Select Whites from the Colors dropdown menu.
3. Use the sliders to enhance the highlights in the photo.
4. Repeat the steps 2 and 3 for other channels based on the colors in your image. Our adjustments to Blacks were Cyan: +100; Magenta +100; Yellow -100; Blacks -50.

*Tip: We adjusted Whites, Neutrals, and Blacks.
Whites (Cyan: +100; Magenta -100; Yellow -100; Black +100).
Neutrals (Cyan: +100; Magenta +100; Yellow -100; Black -50).
Blacks (Cyan: -100; Magenta +39; Yellow +100; Black 0).

Mask the Subject:

1. Select the adjustment and portrait layers, right-click, choose Convert to Smart Object.
2. Rename it Portrait 1.
3. Duplicate the portrait layer by right-clicking on it and name it Portrait 2.
4. Choose the Object Selection tool and click Select Subject to isolate the subject.
5. Add a layer mask to hide the background on the new layer.

Adjust Hue/Saturation:

1. Reduce the Opacity of the Portrait 2 layer to 50%.
2. Open the Hue/Saturation dialog box.
3. Select Reds from the dropdown menu and set the value to 45.
4. Duplicate Portrait 2 to create five portrait layers.
5. Set the Hue value of each duplicate in increments of 45 until you get to 180.

Create Animation:

1. Open the timeline window and click Create Frame Animation.
2. Make sure all layers are visible.
3. Change the frame timing to 0.1 seconds.
4. Click + in the timeline to create the second frame, and then hide Portrait 5.
5. Click + again for frame 3, hide Portrait 4.
6. Repeat step 5 until only Portrait 1 is visible.

*Tip: With each new frame you’ll turn off the topmost layer. You should end with a total of five frames and the fifth frame should only have the bottom layer on.

Loop Animation:

1. Press Alt (Windows) or Option (macOS) as you drag frame 4 to the end of the timeline to create a duplicate.
2. Repeat for frame 3, then frame 2.

*Tip: You should end with a total of eight frames and a looping animation. Press play to see the cinemagraph come to life.

Extend Animation:

1. Hold Shift as you select all 8 frames.
2. Hold Alt or Option and drag the frames to duplicate them.
3. Repeat until you have a total of 72 frames.

Export Video:

1. Choose File – Export – Render Video.
2. Set the frame rate to 24 fps to create a 3-second video
3. Click Render.

That’s it!

Check out the full lesson and more on Discover:

More on Photoshop:



Adobe Creative Cloud gives you the world’s best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

To watch with Subtitles/closed captions, click the CC icon in the lower-right corner.


Save This Post

No account yet? Register