If you’ve spent any amount of time on Tumblr, (or anywhere on the internet in-fact) you will no doubt have noticed the unexpected return of the quirky, retro novelty of the animated gif. Named after their file type “.gif”s are images that work like tiny looped videos, repeating endlessly their mini animations. At times reminiscent of something from a Harry Potter newspaper, they have charmed their way into everything from news and politics to general feline fun to a combination of the two. One thing is for sure, these retro images are not just sticking around, but taking over.
More recently they have began to show their more serious side; mostly thanks to the pioneering photography and fashion work of Jamie Beck and Kevin Burg in what they call the Cinemagraph. These are photographic gifs that contain “within itself a living moment that allows a glimpse of time to be experienced and preserved endlessly.” Put simply, they are images that have isolated frames animated into part of them. With the right treatment, they can be captivating and quite beautiful. It’s their subtle approach and attention to detail that sets them apart from their hilarious, novel forebears.
It doesn’t take many of these NYC examples (as seen above) by Beck and Burg to convince you of their worth. With an understated approach you can achieve a whole host of effects ranging from the serene, to the silly, to the surreal. So lets get creating.
With just an hour or so to spare, it only takes a little bit of experience with photography or video for you to create your own stunning Cinemagraph. All you need is Photoshop, Video and a great subject. Start by choosing your subject carefully, taking care to choose something that has no zooming or panning but with some movement that you can isolate. With video you use the “import video to layers” tool in photoshop, but you can use individual photographs in a quick burst. Once you’ve imported your video into photoshop you can manage your frames by clicking window>workspace>motion. Working in the Animation Panel with a single frame on top to keep in your gif at all times, you simply mask out the area where there is movement, revealing movement underneath. There are many ways of masking, including the simple feathered rubber tool. For more on these masking techniques, there are countless tutorials available with thorough walk throughs and tips; our favourite is this one from .Net Magazine. To finish your project you can save the file and create your Cinemagraph with the file>save for web and devices feature. It’s that simple!
If the Photoshop method is all a bit fussy for you (and we wouldn’t blame you) take a look at the joyous Cinemagram App. More suited to those who don’t have time for the pixel pedantry of photoshop Cinemagram allows you to animate parts of your photos in a social media setting. You take a simple photograph, then add a short video clip and then merge the two to create a Cinemagraph. Click here for some examples of yet more proof that the humble .gif is taking over and definitely in a good way. With this free App all you need is an iOS platform and it’s soon to be released for Android too, so gif creation is available to all.