40 Examples of stunning Cinemagraphs

October 14, 2011 · 56 comments

by Dustin Betonio

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.

Previous post:

Next post:


Web Analytics