REC

Recommended: Video Production, Editing & Gear Maintenance Guide

 WTVID >> WTVID >  >> Video Editing >> Adobe Photoshop

How to Create Stunning Cinemagraphs in Photoshop: Step-by-Step Tutorial

On this video Colin Smith from PhotoshopCAFE shows how to create a s great Cinemagraph (or moving still image) in a GIF format.

As we have noted in the past, Cinemagraphs are a combination of stills and videos – think about them as moving images – most of the image is frozen like a still image however a specific part has motion. Cinemagraphs are usually saved as GIF files and displayed online as unique artistic looking media. In recent years this field evolved and you can find more and more Cinemagraph artists (you can check out some interesting ones on Jamie Beck & Kevin Burg website).

Smith starts by looping the video (which is the basis for the GIF), next the idea is to duplicate the video and make a stills image out of it by moving it away from the video group. Now we change the video layer so we can temporarily distinguish between the two and add a layer mask on the stills image (white) and paint in black over only the areas where we would like to see movement.

Next we remove the change we made to the video layer and save as a GIF (with save for web) – super simple and cool. You can save it to your computer or if you want to upload it you can save it to an online storage and get a link (Smith recommends giphy.com).

This is not the first time we are looking at creating a Cinemagraph. Howard Pinsky demonstrated in a super short tutorial how to create a Cinemagraph so if you want a 2 min short guide – check it out here.

You can find many more Photoshop video tutorials on LensVid’s Photoshop section. You can find more PhotoshopCAFE videos here on LensVid.


  1. Master the Liquify Tool in Photoshop CC: Step-by-Step Tutorial

  2. Master Content-Aware Cropping in Adobe Photoshop CC 2021.5.5: Pro Tutorial

  3. Create Realistic Lens Flares in Photoshop: Pro Trick Revealed

  4. Discover 10 Hidden & Obscure Photoshop CC Tools Every Designer Needs

  5. 5 Essential Photoshop Tricks You Can Master in Just 2 Minutes

Adobe Photoshop
  1. Quick & Easy Greens Enhancement in Photoshop: Pro Techniques

  2. Effortless Sky Boost in Photoshop: Quick & Simple Tutorial

  3. Photoshop Tutorial: Create Realistic Motion Blur in Static Photos

  4. Master Advanced Black & White Conversions in Photoshop

  5. How to Remove Eye Wrinkles & Crow's Feet in Photoshop: Expert Tutorial

  6. Master Hair Retouching in Photoshop: Pro Step-by-Step Guide

  7. Master Photoshop's Healing Brush in 5 Minutes: Quick Tutorial

  8. How to Blur Backgrounds in Photoshop: Realistic Shallow Depth of Field Tutorial