Learn How To Make A Cinemagraph Using Photoshop In Under Two Minutes
Have some cool b-roll laying around that you’ve been wanting to something with? In this sweet, but short video tutorial by Howard Pinsky, we learn how to turn video footage into a cinemagraph or “moving photo” fairly easily using Adobe Photoshop.
In Pinsky’s example, he has footage of traffic moving down a busy road that’s full of bright, flashing signs and advertisements. To make the signage less distracting, Pinsky uses a mask to “freeze” the blinking lights, resulting in an image in which only the movement of the cars is visible. Take a look at the video, then read on for a breakdown of the steps.
Here’s How It’s Done
This is a fairly straightforward approach that begins after you drag your video file into Photoshop. Make sure the Timeline pops up on the bottom of the screen. If it doesn’t click Window > Timeline and you should be good to go.
- Next, with the video layer active, press CTRL + J (or CMD + J on a mac) to duplicate the layer. Head over to the Layers Palette and drag the duplicate to the top of the layer stack. Make sure it is right above the Video Group. The duplicate will show up in the Timeline in it’s own level on the Timeline, drag it all the way to the beginning (the far left side) of the Timeline.
- Right click on the duplicate layer in the Layers Palette and select Rasterize Layer then a Layer Mask.
- Press B on your keyboard or click on the Paintbrush Tool. Select a very soft, black brush and paint over the area where you want motion to appear when you are finished. (Pinsky used a 200px brush with 0% hardness at a 100% opacity.)
- Press Spacebar on your keyboard to preview your cinemagraph. If you need to add more area of motion to the image, click on the layer mask and paint it in with a black paintbrush. If you get overzealous with the black paintbrush and too much of the motion is showing, simply switch to a white paintbrush and erase your mistakes.
- Hit the Export button on the bottom left of the Timeline (It looks like a bent arrow). Name the file, select the h.264 file format, and press Render.
That’s all there is to it. Of course, there are also several iOS and Android apps that can do this for you, but if you prefer working in a desktop environment this is a pretty simple way to do it.