40 Examples of stunning Cinemagraphs

by Dustin Betonio on July 19, 2011

Cinemagraphs

Cinemagraphs are still images that contain within themselves living elements allowing a glimpse of time to be experienced and preserved. Cinemagraph is a technique of blending the effects of images and videos. It was introduced by a New York fashion photographer Jamie Beck, in collaboration with motion graphics designer Kevin Burg. Since then, many other designers have created similar forms of cinemagraphs. Cinemagraphs are typically simply created as animated .gif files making them easy to use on a web page. In this article, I feature stunning examples of cinemagraphs for your inspiration. Don’t scroll too fast if you want to experience the Cinemagraphs and look carefully – elements you don’t expect to move may do it…!


A cinemagraph is simply a .gif file (could also be a video) with more artistic feel that the regular .gif you see everywhere.  Typically it is a still image with a few elements slightly moving. This technique gives the cinemagraphs a bit of mystery and personally I like to watch them spotting the moving parts.

To greate a cinemagraph you need a good quality picture that look great as a still photo.  When you have your composition right you need to record a movie capturing the same composition. This is the hard part as only the elements you want to move in the cinemagraph are allowed to move in the video. I you have models you need to make sure they stay as still as possible and stay in the same position as in your still image. Record the video in the highest resolution that your video camera support. Remember to use a tripod to minimize camera shake. Once your material is collected it is time to create the cinemagraph. Professional tools like Photoshop makes it a simple task where you have good control and can retouch as needed. Videos can be imported into Photoshop using “Now go to File>import>video frame to layers”. (see the tutorials below the cinemagraphs to learn more)

video-to-frames

Cinemagraph showcase

tumblr_lkngg04f9q1qjvwa5o1_1280

subway-newspaper-615

5752026208_b24c6920bb_o

5658550961_6976fa5188_o

5733843611_c354ae62fe_o (1)

train-repeat-615

5659130034_7fc3dcfb8c_o

megan-coffee-blog

hair-sprayer-615

schwingsetcropped

hot-dog-615

Animated-Photos-15

5727263344_7cbca6d91f_o

5698564979_1686a328ef_o

Animated-Photos-1

DSC3710-cinemagraph3post

Animated-Photos-16

5739526869_e47d3616f3_o

cinematography-gifs-21

5659126388_3f56c8807f_o

Animated-Photos-20

Animated-Photos-31

cinematography-gifs-19

Animated-Photos-27

Animated-Photos-28

Animated-Photos-34

Animated-Photos-32

Animated-Photos-37

Animated-Photos-38

cinematography-gifs-4

cinematography-gifs-8

cinematography-gifs-11

cinematography-gifs-15

cinematography-gifs-17

cinematography-gifs-20

cinematography-gifs-16

 

 

 

 

 

 

 

 

 

 

 

 

cinematography-gifs-18

5703979876_6c5d072a42_o

5699093798_81ce16dd45_o

5658551241_8852d44b38_o

 

Cinemagraph Tutorials

 

Author : Dustin Betonio

Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.

{ 23 comments… read them below or add one }

Phil Jackson July 19, 2011 at 10:18 am

Excellent! Some very good examples. No doubt someone will (or already has) created an app (specifically) for this. Anyone?

Reply

Salman Saeed July 19, 2011 at 3:15 pm

Haha! Love them :D

Reply

Alex C July 20, 2011 at 10:10 am

Wow. Simply, wow. Thanks for sharing these along with the tutorials.

Reply

Lars July 20, 2011 at 2:54 pm

youre welcome Alex, thanks for the comment!

Reply

Emaan Thompson July 24, 2011 at 9:37 pm

Hey…many of these are new but I also collected some good ones here:
http://www.graphicdesignden.com/enjoyable-cinemagraphs/

I am sure you guys will enjoy these too.

Reply

Tend July 26, 2011 at 9:40 am

Funny, I love these all.

Reply

Manoj August 6, 2011 at 4:18 pm

I am in love with this idea. Here is my first try out. Will be glad to know what you think: http://bit.ly/rhHt4V

Reply

Lars August 6, 2011 at 10:27 pm

Its great Manoj! Thanks for sharing ;)

Reply

kevyar August 31, 2011 at 5:31 pm

Amazing pictures, those things are too cool!

Reply

Orioto November 1, 2011 at 10:41 am

Great article, i’ve been doing some cinemagraphs in an old black and white photo style.
http://nightgrain.tumblr.com/tagged/cinemagraph

Reply

Yann November 7, 2011 at 4:42 pm

Love it !
Hey, check out mines too, maybe you’ll like ;)

Reply

Yann November 7, 2011 at 4:43 pm

Sorry, links were missing:
http://www.flickr.com/photos/24482362@N05/6310151946/
href=”http://www.flickr.com/photos/24482362@N05/6310121701/

Reply

Bobby November 17, 2011 at 9:49 am

These are just stunning, feeling inspired we made our own here:

http://www.ciconline.co.uk/blog_mod/the-future-of-animated-gifs/

What do you think? Has any one found a commercial use for these?

Reply

Yann November 23, 2011 at 8:48 am

Hey, I just made another one here:
http://www.flickr.com/photos/24482362@N05/6381682029/

;)
Really love that stuff.

Reply

Wilson Joseph December 20, 2011 at 12:51 pm

I love this cinemagraphs, I have posted in my blog also
http://www.webnexdesign.com/2011/12/14/cinemagraphs/

Reply

how to host a minecraft server December 22, 2011 at 5:50 am

AWESOME! I’ve seen these before and have always thought they were sooo cool! I’ve “liked” this and bookmarking for future reference. Gonna have to use this one of these days! Thank you, thank you! Some are actually a little creepy, like the robot faced woman. :D

Reply

Oier January 4, 2012 at 7:40 pm

Nice post!! Here I leave you the link to my new project called “A cinemagraph per week”: http://www.artefoto.net/blog/
Hope you follow and enjoy it! Big hugs from Spain

Reply

internet geheimen January 13, 2012 at 5:09 pm

Hi Dustin,

I like these soooo much. I was just surfing the net and got on this page. Now I don’t know what I was looking for anymore… Brilliant!

Where did you find all these yourself? Great stuff.

Anyway, I don’t know how I got here, and I don’t know where I will go next. But I sure had a nice time here…

Dennis (The Netherlands)

Reply

Tech Noir February 5, 2012 at 12:03 pm

Totally in love with cinemagraphs!

Recently started a site with my own cimemagraphs.

http://technoir.nl

Let me know what you think!

Floris (Netherlands)

Reply

Diego Agulló February 8, 2012 at 7:24 pm
Nish@efiling of Income Tax returns February 14, 2012 at 9:47 am

Its funny and cute. Love this page! Some of them could have been more … refined. First few are the best!

Reply

Libby February 21, 2012 at 12:49 am

Can I make a cinemagraph in photoshop elements?

Reply

hugh February 22, 2012 at 3:44 am

my first attempts at cinemagraphs from a recent trip to africa
http://fixed-focus.tumblr.com/

Reply

Leave a Comment

{ 4 trackbacks }

Previous post:

Next post: