When Kert Gartner posted a Cinemagraph I was intrigued, however when he stated that it took a lot longer than he imagined, I then hoped that he would do a tutorial of the process because I also thought that it would be a simple thing! And he did! If you are unfamiliar, the term Cinemagraph is a new one describing a cross between a still image and a few frames of a video using the old school animated GIF format. Check out some Cinemagraphs here.

There are some other tutorials on creating Cinemagraphs, one by Travis from the Blog The Way I See it -here, and another by Fernando Jbaez that can be found here.

Kert mentions: “It’s not quite a video | A Cinemagraph | It’s not quite a Photograph In this tutorial we take a look at how to make a Cinemagraph with Adobe Photoshop and After Effects. Cinemagraphs, a term coined by Jamie Beck & Kevin Burg are not quite photographs, and not quite video. They straddle a line somewhere in between. “

How to make a Cinemagraph with Photoshop and After Effects from Kert Gartner on Vimeo.

From Kert: In this tutorial we take a look at how to make a Cinemagraph with Adobe Photoshop and After Effects. Cinemagraphs, a term coined by Jamie Beck & Kevin Burg, are not quite photographs, and not quite video. They straddle a line somewhere in between. For more information, check out this article, and see the site where they originated. Some very cool stuff!

31 comments

  1. This tutorial is so cool! This would benefit a lot of aspiring graphic designers. Editing and making graphics through Photoshop program are really enjoyable, and you’ll explore new things in that art.

  2. Joe

    Wish the tutorial explained the concept a little more clearly. I tried a test gif and no matter what I do the file size is in the megabytes and not a couple hundred KB. What am I doing wrong? I set the frame rate to 12 too. Maybe my animation is too long? That’s probably it. I tried to simply render out a small video and convert it to gif to see why you wouldn’t just want to film something and convert to gif. Maybe that should be explained too.

  3. Joe

    Interesting tutorial. I’m not good at After Effects yet; I’m just learning, so some of that went over my head. To be honest, I had to quit watching about halfway through because I noticed you use the word “basically” in about every other sentence, and once heard it couldn’t be ignored.

  4. Todd

    Great tutorial. Very helpful. He does however drive you a little nutty with all the “ummmm”. Every other word is “ummm” Besides that great.

  5. Yair

    Great Tut, thanks for Sharing!
    I’ll be really happy if you can find the time to explain a bit about your color correction methods, or maybe share the psd file just for showing the color corrections

  6. Philip

    Thanks for the tutorial!

  7. Dan

    Great tutorial. Thank you for sharing!

  8. Yatendra

    Few weeks ago, the Internet was abuzz with cinemagraphs, an artistic and more sophisticated form of animated GIFs that fit somewhere between a still image and a moving video.

Comments are closed.