in

Cinemagraph Tutorials and Apps

Cinemagraphs are a unique visual experience combining stillness with motion. It’s more than the animated GIFs of static HTML days. Cinemagraphs are still made of GIF files, but with only a partial area of an image in motion.

Cinemagraphs were invented by the fashion photography duo, now husband-and-wife Jamie Beck and Kevin Burg. It came out of a time when they were experimenting with animated GIFS, and searching for a new photographic experience. They called it cinemagraph, from the idea of “a cinematic moment, married to a photograph.”

Though a cinemagraph has a larger file size, it can be posted on a blog or website just like a photograph. There’s an element of mystery as motion occurs in a frozen moment. The effect is transfixing, just enough to spark imagination, but not too much to overwhelm the senses. Unlike a video, a cinemagraph doesn’t need any extra clicks to activate. It’s not uncommon to burst out laughing, or get teary-eyed while viewing a cinemagraph.

As shown in hundreds of cinemagraphs posted on blogs, on Tumblr, Pinterest, Instagram, anyone can learn to make one. But it takes good imagination to compose a memorable image and decide what element of motion to isolate.

The cinemagraph tutorials below make use of image- and video- editors to equip you with the basics of constructing a cinemagraph. iPhone and Android devices have also caught on with recently updated apps available for download.

Cinemagraph Tutorial, by Versatile Studios

Cinemagraph Tutorial, by Versatile Studios

How To Create a Cinemagraph, by Aaron Nace

How To Create a Cinemagraph, by Aaron Nace

 

Cinemagraph Tutorial Using Photoshop, by JMeyer

Cinemagraph Tutorial Using Photoshop, by JMeyer

Photoshop Workbench 368 – Cinemagraphs Revisited, by Mark Johnson

http://youtu.be/KFXzz8vwk20

How To Make a Cool Cinemagraph Image in Photoshop, by Chris Spooner

How To Make a Cool Cinemagraph Image in Photoshop, by Chris Spooner

Create an Awesome Cinemagraph in Photoshop, by Robbie Dickson

Create an Awesome Cinemagraph in Photoshop, by Robbie Dickson

How to Create Cinemagraphs in Adobe Photoshop, by Russell Brown

How To Make Your Own Cinemagraphs, by Matthew Braga

How To Make Your Own Cinemagraphs, by Matthew Braga

 Easy Short Cinemagraph Movie Tutorial, by Yulia

Easy Short Cinemagraph Movie Tutorial, by Yulia

Cinemagraph Tutorial, by Fernando Baez

Cinemagraph Tutorial, by Fernando Baez

Cinemagraph Apps for iPhone and Android:

Cinemagraph for Nokia Lumia Smartphone

(download app)

Sample from tutorial Creating Amazing Cinemagraphs, by Adam Fraser

Creating Amazing Cinemagraphs, by Adam Fraser

Echograph

(download app), also now on Vimeo

Echograph screenshot

Cinemagram, by Factyle

(download app)

Cinemagram screenshot

Fotodanz, by bbigg Applications Inc.

(download app)

Fotodanz, by bbigg Applications Inc

Flixel Cinemagraph Pro

(download app)

Flixel Cinemagraph Pro

Kinotopic

(download app)

Kinotopic screenshot

iCinegraph

(download app)

Icinegraph

 

Apps are great for spontaneous, spur-of-the-moment cinemagraph captures. But if you want a well-thought out cinemagraph, you will have to use photo- and video- editors like Photoshop, with the added option of After-Effects, or Final Cut.

Today, cinemagraphs are finding their way into short films, music videos, promo campaigns. It has ventured to venues much broader than the blog platform. You too can explore this art form with your own cinemagraphs!

Written by Henry Has

Rebranding Tutorials and Process Presentations

Visual Identity Design Tutorials and Process