Cinemagraphs tell your story well


Interactive advertising is without a doubt the very next step in the scope of marketing. Cinemagraphs are an excellent transition between still imagery which user is likely to skip past, and video which tend to be labeled annoying. Cinemagraphs are are subtle yet eyecatching, even unvoluntarily.

A cinemagraph is a living image - a still photograph that contains an element of movement lopped seamlessly to create a never ending moment.

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




Goo practices

Use the full potential cinemgaphs offer: go for subtle flow, calming landscapes, hypnotic movements

Cinemagraphs do a great job preserving quality, use high resultion video to work with them.

Try different methods! cinemagraphs can be confusing but there are many options from several mobile/tablet applications to Adobe AE and Photoshop methods.


Bad practices

It is unadvised to use fast-paced videos in cinemagraphy, the elusive effect is then gone

Don't scare your user! (unless that's really the point), for casual application steer clear from videos with jump-scare potential since cnemaphraps will only enchance the effect

Be kind to individuals with epilepsy, avoid sudden flashes of color, cinemagraphs may catch user off guard

Cinemagraphs are heavy, consider that before making a design decision as they increase loading time when applied in full size


"Well, all that looks excellent yet confusing,but how are they made?"

Cinemagraphs are made by taking a series of photographs or a video recording, and, using image editing software, compositing the photographs or the video frames into a seamless loop of sequential frames. This is done in such a way that motion in part of the subject between exposures is perceived as a repeating or continued motion, in contrast with the stillness of the rest of the image. In short, the motion picture has a mask applied to it where only a small, unmasked part underneath is moving.

If you'd like to learn even more I attach a video tutorial below


  • cinemagraph—Kinoptik

    What’s unique about this app is that under ‘Settings’, you can stabilize your clip. This feature is similar to what is found in the Windows program Cliplets. If you have a slightly shaky clip, you can use this to better enhance the effect of your cinemagraph. Once you’ve completed creating your cinemagraph, you can share it on Facebook, Twitter or Tumblr.

    Link to app
  • cinemagraph—Flixel

    Most of these cinemagraph-making apps require you to have a steady hand while recording; to address this shakiness, this app, Flixel wil let you know if your video is too shaky while processing your recording. You get only 4 seconds of recording time, which once processed can be trimmed, have filters added to it or looped.

    Link to app
  • cinemagraph —Cinemagram

    Using Cinemagr.am is very much like Instagram; you have your own profile where friends can follow your uploads and like or comment on it – even the navigational buttons have similar functions. You also can repost what other users have uploaded.

    Link to app