How to Create a Cinemagraph

A Cinemagraph is a hypnotic, innovating and mesmerising piece of art that seamlessly combines a still image with a looped video by clever use of masking layers.

Cinemagraphs are ultimately still a photograph but with small areas that are replaced by a matching video clip. When blended correctly, they create a pattern of repeated motion within the photograph to give the effect of an action stuck in an eternal loop.

Creating one of these never-ending clips is fairly straightforward but it does require a little bit of planning and thought. Therefore, there are certain compositions and structures that you will need to adhere to.

cinemagraph waterfall sunset hat water

Plan Your Cinemagraph

cinemagraph reeds water movement photoshop
To begin with, you will need to start off with a short video clip to form the base of the action in the cinemagraph.

Although this may sound easy enough, as you can see from the example on the left-hand side, the action needs to be subtle and repeatable. Fast, erratic action will be inconsistent and unloopable so will not form a cinemagraph efficiently.

We would recommend avoiding busy surroundings behind the subject since it’s going to be difficult to mask out afterwards. Working in a controlled environment is best – which is why this is such a great technique to try at home!

Here’s a few ideas we’ve put together to inspire you;

Stirring a spoon in a cup of coffee
Ferris Wheel spinning
Pouring water in a glass
Candle burning
A dripping tap
Blinking Eyes
Throwing a Yo-Yo
Tapping a keyboard
cinemagraph moving image ferris wheel
cinemagraph moving image glass ball water sunset beach rocks stones coast tide
cinemagraph moving image people rain lights puddles neon night umbrella figures city
Top Tip – Try to avoid making blowing hair as your moving feature. Hair is so fine that masking around it will take a long time for a beginner, but as your experience and understanding grows you can venture into these more complex areas.

Create a Video Clip

It’s small and simple movements that are going to work best so there is no need for a dramatic, energetic video.

If your camera has a video function, then use it but don’t worry about the resolution you are recording (when we come to save our cinemagraph shortly, you’ll see why).

You could even use the camera on your smartphone too, which means it’s even more accessible.

Keep your camera on a tripod whilst you film, everything needs to remain steady during recording. Repeat your action a few times so you can trim it down to the perfect starting point in Photoshop.

Your video clip only needs to around 15 seconds long at most. The final cinemagraph will only feature 2-3 seconds of movement so it doesn’t need to be a Hollywood epic!

Top Tip – Don’t worry about audio either. Although your camera may record it, it won’t appear in the final image so feel free to talk during recording.
Remember you are making a video clip, not taking a photograph. You need to record the movement – it may sound obvious, but the natural instinct is to take a photograph when using your camera, especially if you have not ventured into video recording just yet.

Once you’ve got your video clip uploaded to the computer, this is where the photoshop fun begins!

Editing Your Cinemagraph in Photoshop

Now, we’re not about to play a game of Photoshop tennis (looking at the instructions then back to your editing numerous times). Instead, just sit back and watch our quick tutorial video as we explain the easy process for creating this magical effect in Photoshop.
Top Tip – You are going to need a version of Photoshop that allows video files to be imported. Specifically, CS6 and later should support this ability.
Finally, your cinemagraph should be a beautiful blend of photography and magical movement, making your image look like it’s alive.

Above all, the success in making an amazing cinemagraph comes from the planning. Be sure to sit down and really think about what could make an eye-catching finish. Furthermore, research online and have a look at some examples to see what others have done and see how to build on these examples.

We’d love to see your efforts in the gallery so when you’ve saved your final GIF file then upload it to the iPhotoshop Student Gallery.

Enjoy creating your cinematic masterpieces, we can’t wait to see them!

The iPhotoshop Team

Discover the Photoshop Tricks the Pros Don’t Want You to Know!

iPhotoshop Course gives you the inside knowledge and skills to become a Photoshop artist. Developed by award-winning experts, this extensive online course shows you in step-by-step detail how to create cutting-edge graphics, surreal scenes, mind-blowing special effects and so much more using any version of Photoshop.

Join our worldwide community