fbpx

cinemagraphs tutorial

What are cinemagraphs? In this article we show you a recent broadcast feature made up entirely of cinemagraphs and we also look at how they are made using FCP and Motion.

If you watched the BBC coverage of the final of the Snooker World Championship over the Bank Holiday weekend in the UK, you might have seen the black and white 'Time' feature. If not, take a look at the piece which was made up using cinemagraphs.

Eagle-eyed readers will have spotted Stephen Fry sitting in the front row of the press seats!

Our site editor Peter Wiggins in conjunction with cameraman Colin Nuttall and producer Tony Davies decided to make something different for the last show of the competition. Peter spent 17 days editing on the sporting event in Sheffield and describes the process of making cinemagraphs. The finished piece took a day to edit.

We had been looking for a way to make an interesting time and stress feature for the top of the last show at the World Snooker Championship. The idea of using cinemagraphs was talked about long before the actual event, but what exactly are they and how are they made? I hadn't seen anybody use the technique for broadcast and there was very little information published on the internet.

If we look at the Wikipedia entry it says. 'Cinemagraphs are still photographs in which a minor and repeated movement occurs.' They also give the naming credit The term "cinemagraph" was coined by U.S. photographers Kevin Burg and Jamie Beck, who used the technique to animate their fashion and news photographs beginning in early 2011.

Take a look at the photographer's website for some great examples. So how do you take this idea and translate it into video? All existing tutorials used Photoshop, but I was sure we could achieve the same effect using FCP & Motion.

It was obvious that video would have to be shot, frozen and then various elements of the picture animated or left to run in real time. Therefore two or more moving objects are needed in the frame for the effect to work.

On the Snooker we were using Final Cut Pro 7 and Motion 4, but these techniques would be the same for FCPX and Motion 5. One slight difference is that we were laying out the entire clip on the FCP timeline, making a still for testing in the edit against the voices and then sending the original clip into Motion. With FCPX the entire clip would have to be taken in from the finder.

First step in Motion is to duplicate the clip and the containing group, then toggle off the visibility of the clip in the top group.

cinemagraph motion timing

Then by using the in/out timing controls in the inspector of the bottom clip, bring down the duration to 1 frame to the exact freeze that you require. Set the end condition to 'Hold' and then drag the clip out again. This will then freeze the clip at the selected frame for the duration of the project. The scrub filter could be used, but I felt more at home with the frame I wanted to be frozen positioned at the top of the timeline.

The clip and group can then be slid back to the start. Here you can see the freeze extending from the one frame.

freeze on timeline

Toggle the top clip's visibility on and the bottom clip off. Then draw a mask over the top clip using the bezier tool and drop that into an image mask. You will either want to draw around the action you want to move, or by using the invert control on the mask, reveal what you want to be frozen.

Here you can see that two masks have been grouped and the group used as a mask. A sharp edge was needed to mask out the presenter and a very soft edge for the wall above the presenter's head. The presenter was walking right to left delivering a link and although he didn't encroach past the mask, the soft edge was needed to blend the lighting differences on the wall.

Click for a larger image

cinemagraph motion 2 small

 

Then make all the layers visible and test out the mask. The mask control points may need to be animated to move around an object. This can be done by selecting and moving the points to edit when the red record button is on. The cinemagraph of the cameraman raising the camera and the crowd frozen needed a complex animating mask as the lens hood overlapped moving people.

To add a more photographic feel to the composition, we added two filters. One to remove the colour and the other to add contrast. You will need to apply the filters to a new group that contains all the moving and frozen groups.

cinemagraph motion 1 small

 

Back in FCP, the embedded Motion project or an exported render can be used for the next stage. After putting the cinemagraph into its correct place on the timeline, a small zoom in or out can be added. In the motion tab, aim for end keyframes placed at 100% and about 104% to add just a hint of movement to the overall effect.

We also added a spotlight plugin effect from Noise Industries' FxFactory to give a bit of shading to the cinemagraph. A vignette would be too clumsy and darken too much of the image.

So to use a well worn gameshow phrase: 'That's all there is to it.'

One of the keys to getting a good cinemagraph is to shoot it correctly in the first place. Here are a few tips.

1) Shoot progressive even if you are delivering an interlaced result. This will allow the background still to be frozen without having to be deinterlaced and therefore not losing half the vertical resolution. A DSLR is ideal and for the Snooker shoot we were using Canon 5D mkIIs.

2) When the subject has a person that is to be frozen, get them to be as still as possible. Even though you will freeze the result, it avoids unnecessary lighting changes and extra masking.

3) Use a high shutter speed to freeze as much of the action as possible and use a small aperture to get as much as you can in focus. Shallow depth of field looks lovely, but the effect looks better when the frozen and animating elements are sharp.

4) If you are using a movement such as the water through the presenter's hands, get them to move very slowly backwards away from a start position so that movement doesn't encroach over the original starting position mask.

5) Cinemagraphs are a lot easier to make if the frozen and moving items don't overlap. It's all possible with some good masking, but keep it simple with hard edges and basic shapes.

6) After filming the action, keep rolling and get the subjects to move out of frame to make a 'clean plate.' This will come in very handy to mask out any stray movement or shadows. The first clip of the players leaving the auditorium was made from 3 masked cutouts overlaid on a background without them.

7) You must use a tripod!

And finally a big thank you to the producers who had the confidence to let three guys loose to make a feature based on a very bad description of a great idea.  

 

Written by
Top BloggerThought Leader

I am the Editor-in-Chief of FCP.co and have run the website since its inception ten years ago.

I have also worked as a broadcast and corporate editor for over 30 years, starting on one inch tape, working through many formats, right up to today's NLEs.

Under the name Idustrial Revolution, I have written and sold plugins for Final Cut Pro for 13 years.

I was made a Freeman of Lichfield through The Worshipful Company of Smiths (established 1601). Though I haven't yet tried to herd a flock of sheep through the city centre!

Current Editing

great house giveaway 2020

2020 has been busy, the beginning of the year was finishing off a new property series (cut on FCP) for Channel 4 called The Great House Giveaway. I also designed and built the majority of the graphics as Motion templates. It has been a great success and the shows grabbed more viewers in the 4pm weekday slot than any previous strand. It has been recommissioned by C4 for 60 episodes, including prime-time versions and five themed programmes. The shows have also been nominated for a 2021 BAFTA.

Tour de france 2020
Although both were postponed to later in the year, I worked again on ITV's coverage of the Tour de France and La Vuelta. 2020 was my 25th year of editing the TdF and my 20th year as lead editor. The Tour was the first broadcast show to adopt FCPX working for multiple editors on shared storage.

 

BBC snooker the crucible

BBC's Snooker has played a big part in my life, I've been editing tournament coverage since 1997. I'm proud to be part of a very creative team that has pioneered many new ideas and workflows that are now industry standard in sports' production. This is currently an Adobe Premiere edit.

amazon kindle BF

Covid cancelled some of the regular corporate events that I edit such as trade shows & events. I was lucky however to edit, from home, on projects for Amazon Kindle, Amazon Black Friday, Mastercard and very proud to have helped local charitable trust Kendall & Wall secure lottery funding.

As for software, my weapon of choice is Final Cut Pro and Motion, but I also have a good knowledge and broadcast credits with Adobe Premiere Pro, MOGRT design and Photoshop.

Plugin Design & Development

I'm the creative force behind Idustrial Revolution, one of the oldest Final Cut Pro plugin developers. It hosts a range of commercial and free plugins on the site. One free plugin was downloaded over a thousand times within 24 hours of release.

I also take on custom work, whether it is adapting an existing plugin for a special use or designing new plugins for clients from scratch. Having a good knowledge of editing allows me to build-in flexibility and more importantly, usability.

FCP.co

Now in its 10th year and 4th redesign, running FCP.co has given me knowledge on how to run a large CMS- you are currently reading my bio from the database! Although it sounds corny, I am pretty well up on social media trends & techniques, especially in the video sector. The recent Covid restrictions has enabled live FCP.co shows online. This involves managing a Zoom Webinar through Restream.io to YouTube and Facebook. 

The Future

I'm always open to new ideas and opportunities, so please get in touch at editor (at) fcp.co. I've judged film competitions, presented workflow techniques to international audiences and come up with ideas for TV shows and software programs!

 

Log in to comment