60 Seconds #310: Cinemagraphs are moving pictures... the evolution of the animated GIF

by Fred Showker

Fred Showker talks about Cinemagraphs This entry was actually just a single blurb in an upcoming "Creative Update" for April, but I got fascinated with the process and decided to expand on it a bit. Once upon a time there were animated GIF files. (That's "gif" pronounced "jif") Today this simple process has evolved into the eye-popping technique now known as Cinemagraphy. I think you'll find this interesting ...

You Can Now Put Animated GIFs on Pinterest

DTG Magazine Creative Jumpstart

Pinterest has announced it will start letting users post animated GIFs to the site.
      The animated, looping GIF can actually be used to help better illustrate a point, capture a moment, or to make a simple how-to image. Some might even help add a little levity to your branding by informally showing your personal side or interests. In a way, animated GIFs seem similar to the short videos that Vine and Instagram support. They are usually made from an animated series of photos or sometimes from a video clip.
Cool graphic design inspiration Full story : Joshua Sophy In Social Media
2014 ... related image Here's an example of a 'cinemagraph' animated GIF file
GO Cinemagraph Pro is an app that helps you MAKE Cinemagraphs!

While many Cinemagraphs seem to be just blowing hair, or slight movement, here's an example of a really superb Cinemagraph that utilizes lighting as well as motion :

superb example of a cinemagraph

GO Many more can be found at cinemagraphs.com

HERE is probably the best tutorial I've found to use Photoshop for creating Cinemagraphs. Although he doesn't know how to pronounce "gif" many have corrected him in the comments, so I won't go there.

GO How To Create A Cinemagraph In Photoshop PART ONE
GO How To Create A Cinemagraph In Photoshop PART TWO

Here's yet another tutorial -- and this one stresses some scripting and planning -- which is good. Be careful though, the site is loaded with spam and stalkers, so try to stay in the tutorial!

girl_reading_looks_up
GO Make cinemagraphs photos that move

The process is pretty cool, but seriously folks -- you really need a reason to do it. They can be huge bandwidth hogs, and cause loading problems on web pages. Some are very large, and if it's only to blow some hair around, or drip some water, then they just become gratuitous. So watch out for that. The tutorial above is the ONLY one we found that really gave some attention to planning a reason for the effect. Hats off to them.

Seriously, folks, use this link to find literally hundreds of excellent examples and tutorials. Go ahead and create some of your own cinemagraphs. Send'em in so we can all enjoy them.

Happy Giffing ... and, thanks for reading

Fred Showker

Don't forget ... we encourage you to share your discoveries with other readers. Just send and email, contribute your own article, join the Design Cafe forums, or follow DTG on Facebook!