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!
[...] to this Three Tutorials. 1. Positioning an animated gif over a jpg image 2. Cinemagraph Tutorial 3. How to make a cinemagraph with photoshop and after effects blog comments powered by Disqus [...]
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.
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.
Here’s my contribution to this new and fun technique! http://www.stevemarselstudio.com/blog
&
http://www.stevemarselstudio.com/blog/2011/05/26/cinemagraphs-bring-life-to-photos-on-the-web/
[...] fast ausschliesslich diesem Thema widmed, und es kursieren auch schon Tutorials zur Erstellung im Netz. Macht Spaß, findet ihr [...]
[...] http://lesterbanks.com/2011/05/how-to-make-a-cinemagraph-with-photoshop-and-after-effects/ [...]
[...] How to make a Cinemagraph with Photoshop and After Effects [...]
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.
Great tutorial. Very helpful. He does however drive you a little nutty with all the “ummmm”. Every other word is “ummm” Besides that great.
[...] How to Make a Cinemagraph with Photoshop and After Effects [...]
[...] Read More… [...]
[...] Read More… [...]
[...] How to Make a Cinemagraph with Photoshop and After Effects [...]
[...] How to Make a Cinemagraph with Photoshop and After Effects [...]
[...] How to Make a Cinemagraph with Photoshop and After Effects [...]
[...] — Still Photos that Move Like Movies! Cinemagraph Tutorial Cinemagraph/Subtle GIF Tutorial How to Make a Cinemagraph with Photoshop and After Effects How To Make Your Own CinemaGraph In Photoshop CS5 How To Make A [...]
[...] How to Make a Cinemagraph with Photoshop and After Effects [...]
[...] 2. How to Make a Cinemagraph with Photoshop and After Effects [...]
[...] Creando cinemagrafías con Photoshop y After Effects [...]
[...] Cinemagraph Tutorial 2. How to Make a Cinemagraph with Photoshop and After Effects 3. Cinemagraph/Subtle GIF Tutorial 4. How I Made a Cinemagraph 5. How To Make Your Own [...]
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
[...] How to make a Cinemagraph with Photoshop and After Effects – This article has a video embedded in the text that shows you the entire process of creating your own cinemagraph. It is created for Photoshop and After Effects, and while it is simple to follow, it helps if you have some experience working with these two programs, especially in tandem. [...]
[...] How to make a Cinemagraph with Photoshop and After Effects – This article has a video embedded in the text that shows you the entire process of creating your own cinemagraph. It is created for Photoshop and After Effects, and while it is simple to follow, it helps if you have some experience working with these two programs, especially in tandem. [...]
Thanks for the tutorial!
Well done!
Take a look at mine: http://bit.ly/rhHt4V
[...] with photoshop and aftereffects [...]
Great tutorial. Thank you for sharing!
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.
[...] cinemagraphs with Photoshop CS5Creating cinemagraphs with Photoshop CS5Creating cinemagraphs with Photoshop and After EffectsMaking Cinemagraphs with Adobe Premiere, Bridge and PhotoshopConverting videos into animated GIFsHow [...]
[...] to use them as offsite banners. You can also find more information of how they can be achieved here and here. Here’s another website where you can find more examples This entry was posted in [...]
[...] [typography font="Lobster" size="24" size_format="px" color="#2b82ed"]TUTORIALS:[/typography] If you like to know how they did the Cinemagraph technique, then pay a visit to this Three Tutorials. 1. Positioning an animated gif over a jpg image 2. Cinemagraph Tutorial 3. How to make a cinemagraph with photoshop and after effects [...]