Everything you need to know about making a cinemagraph in VSDC

Videos and images are fundamental assets of visual art in the digital era. Each has its own benefits and sometimes it’s hard to choose which format would be more suitable to convey the right emotion to the audience. This is where cinemagraph comes into play, allowing its advocates to make the best of image’s stillness and focus and at the same time enrich it with video dynamics for a more vivid picture.

In this tutorial, we will cover the most practical ways of creating a First things first: find the right softwareFirst things first: find the right software.

How to make a cinemagraph - tutorial from VSDC

First things first: find the right software

Many people choose image editing software as a starting point for making a cinemagraph and end up covered in piles of Photoshop tutorials. We suggest an opposite approach and strongly recommend downloading VSDC Video Editor for three reasons:

  • It is designed to work with motion videos and offers a number of video editing features, so it’s a better fit for cinemagraph than Photoshop;
  • The software has a completely free version that doesn’t impose any limitations for our purposes;
  • It doesn’t require much practice to become good at it.

How to make a cinemagraph: method #1

There are two ways to create a cinemagraph with VSDC. We’ll start with the free option first.

A video tutorial on Method #1 is available here:

  1. Open VSDC Free Video Editor.
  2. Select “Import Content” option in the main menu.
  3. Choose the video intended for cinemagraph from your desktop and click “Finish”. The Video will be added to the timeline.
  4. Use left-mouse click on the timeline to select the right moment in the video that you want to freeze and use as an image.
  5. Proceed to the “Cutting and splitting” tab in the top menu and select and wrench icon. In the drop-down list select the “Create snapshot” option. The image will be added to the resources window (under the “Images” section) on the right-hand side on the screen.
  6. Go back to the timeline and drag the time indicating “needle” to the very beginning of the video. This way the rest of the timeline items will be automatically added to the beginning of the clip.

    VSDC Free Video Editor timeline close-up

  7. Drag the snapshot to the preview area. It will automatically be added to the timeline.
  8. Choose the green “Add free shape” option in the left-hand side menu and press ok.
  9. Add the “Free shape” to the preview section by holding the left mouse button and dragging the mouse over the preview area.
  10. Double-click the “Free Shape” box on the timeline.
  11. Delete all the ShapePoints in the timeline.
  12. Proceed to the top menu, select the “Free Shape” tab and click the “Insert point” option.
  13. Use left mouse clicks to select exactly the area that you want to “come alive” in your cinemagraph.
  14. Go back to “Scene 0” in the left-hand side of the timeline.
  15. Go to the “Properties” tab in the bottom right corner of the screen and select the black color for your free shape. Make sure you select the color under the “Brush” section, not under the “Pen” section.

    Free shape settings window in VSDC

  16. Right click the layer with your video on a timeline and choose “Cut”.
  17. Double-click the “Free Shape” box on the timeline.
  18. Proceed to the top menu, select “Video Effects --> Transparency --> Clipping”. The clipping box will be added to the timeline.
  19. Double-click the “Clipping” box.
  20. Use the right mouse click on the preview area and select “Paste”. You have now inserted the video in your Clipping object.
  21. Click the “Preview” button above the timeline to make sure you like the outcome.
  22. Proceed to the “Export project” tab in the top menu. Select the format and the location on your desktop where you want to place the cinemagraph.
  23. Finish the process by clicking the red “Export project” button in the same title tab.

Here is a graphic description of method #1. Basically, in this method, you are placing a free shape with a video inside it over a static image.

Creating a cinemagraph using a free shape object

How to make a cinemagraph: method #2

Method #2 uses the mask feature. It is an option for cinemagraph, but it requires you to buy the Pro version. A video tutorial on Method #2 is available here:

  1. Repeat the first 6 steps from method #1.
  2. Left click on the preview area. This way you will deselect the video layer on the timeline and ensure that the new objects will be added to the front layer.
  3. Drag the snapshot to the preview area from the resources window. It will automatically be added to the beginning of the timeline.
  4. Double-click the newly appeared Image layer on the timeline.
  5. Choose the green “Add Ellipse” option in the left-hand side menu and press ok. You may also use the Rectangle option for your purposes.
  6. Add Ellipse by holding the left mouse button and dragging the mouse over the preview area.
  7. Place the ellipse in such a way that it covers exactly the area that you want to “come alive” in your cinemagraph.
  8. Go to the “Properties” tab at the bottom right corner of the screen and select the black color for your Ellipse. Make sure you select the color under the “Brush” section, not under the “Pen” section.
  9. On the left-hand side of the timeline menu click the “Blend” button on the ellipse layer and choose the “Mask” option.
  10. Click the “Preview” button above the timeline to make sure you like the outcome.
  11. Proceed to the “Export project” tab in the top menu. Select the format and the location on your desktop where you want to place the cinemagraph.
  12. Finish the process by clicking the red “Export project” button in the same title tab.

Here is a graphic description of method #2. Basically, in this method, you are cutting out a hole in the static image to see the background video through it.

Creating a cinemagraph using masking feature

The major difference between the methods is indicated in the table below.

 

 

Method #1 (free version)

Method #2 (Pro version)

How many layers are there on the scene?

Two: Freeshape and Image (screenshot)

Two: Video and Image (screenshot)

What’s in the background layer?

Image (screenshot)

Video

Which layer is edited?

Layer with a Freeshape and a Clipping layer inside it.

Layer with an Image

Which effect is applied?

Inserting a Clipping effect with a video inside of it in a Freeshape

Inserting Ellipse or Rectangle with a MASK in the Image layer

 

You are all set now. Select a preferable method and get down to cinemagraphing. Good luck!