{"id":20512,"date":"2015-01-30T06:00:55","date_gmt":"2015-01-30T14:00:55","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=20512"},"modified":"2024-04-03T01:20:02","modified_gmt":"2024-04-03T08:20:02","slug":"amazing-cinemagraphs-from-around-the-web","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web","title":{"rendered":"Amazing Cinemagraphs from Around the Web"},"content":{"rendered":"

Cinemagraphs are an especially mesmerizing form of art (usually in GIF form). In this post, we’ll take a look at 28 gorgeous cinemagraphs and discuss how to implement them effectively in an online marketing strategy.<\/p>\n

<\/span>What Are Cinemagraphs?<\/span><\/h2>\n

Cinemagraphs are actually still photos in which minor, repeated movement occurs. You can usually find them in GIF format, which sometimes creates the illusion of watching a video.<\/p>\n

\"cinemagraphs\"<\/p>\n

As a rule, they are produced by taking a series of photographs or a video recording. Then, the artist composites the photographs or the video into a seamless loop of sequential frames. The major aim of photo or video manipulation is to create a repetitive or continuous motion in part of the subject between exposures (for example, water rippling) to contrast with the stillness of the rest of the image.<\/p>\n

The history of the term “cinemagraph” dates back to the time when U.S. photographers Kevin Burg and Jamie Beck started to use the technique to animate their fashion and news photographs in 2011. However, the relevant technique existed prior to that. It was already used for the advertisement of the game “Mirror’s Edge†back in 2008.<\/p>\n

<\/span>Using Cinemagraphs in Online Marketing<\/span><\/h2>\n

GIFs are re-entering the mainstream of Internet content. This happens mainly because people have realized that they shouldn’t necessarily be low-resolution, low quality and cheesy. The cinemagraph is an artistic interpretation of a GIF, keeping the majority of the frame frozen and displaying some selected motion in one small area. So, there is no surprise that some smart marketing engineers leverage this medium in online marketing efforts in the most creative of ways.<\/p>\n

Cinemagraphs work as little extra “linger” factors that keep people on your page. They can be very useful both for direct marketing and even the occasional blog post. It makes the users happy when they see very subtle animations that add to the experience of what they are reading. You can think about it as very subliminal advertising if you are direct marketing, or, in the case of a blog post, the concept of adding that perfect accent piece to your “living area”. The visitors usually wait to watch the image loop a few times if they notice a cinemagraph. They also tend to over analyze other images to see if they too contain motion. It’s unbelievable, but a stay on a site can sometimes be extended 5-15% with something so simple.<\/p>\n

Cinemagraphs are becoming more readily available as well. Some sites, for example Annstreetstudio<\/a>, create cinemagraphs for their own projects, while others, as TemplateMonster<\/a>, are offering pretty nice free cinemagraphs for their audience.<\/p>\n

<\/span>Cinemagraphs<\/span><\/h2>\n

Enough talk, let’s see some of these things in action. Here are 28 of our favorite cinemagraphs from around the web.<\/p>\n

<\/span>B.Balenciaga<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Businessman’s Break<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Coffee Machine<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Dirk Janson<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Autumn Days<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Awaiting Dusk<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Designer’s Table<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Nature Studies<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Rainy Days<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Aman’s<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Charlotte Olympia<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Taking It All In<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Trench Coat<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Busy day in Manhattan…<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>The Smell of Hot Dogs<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Falling Leaves<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Rain Drops<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Tierra Patagonia Hotel<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Seeing New York<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Meet Me at the Bar<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Tomatoes<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Caught in the fashion jungle<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Clouds in the cup<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>It’s time to hit the town…<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>Coco Rocha<\/a><\/span><\/h3>\n

\"cinemagraphs\"<\/p>\n

<\/span>What Do You Think?<\/span><\/h2>\n

Did you like the cinemagraphs included in this collection? Which one is your favorite? Do you have more creative examples of cinemagraphs that should be in our list?<\/p>\n

\n

Helga Moreno is one of the devoted members of friendly copywriters’ society. She has very curious nature and a long list of topics waiting to be highlighted. She lays herself out in order not to miss a thing happening in the world of web design and development. Visit her Google+<\/a> account, she will be happy to add you to her circles. <\/em><\/p>\n

\n

Header image created using Set of 13 Cinema, Movie icons<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Cinemagraphs are an especially mesmerizing form of art (usually in GIF form). In this post, we’ll take a look at 28 gorgeous cinemagraphs and discuss how to implement them effectively in an online marketing strategy. What Are Cinemagraphs? Cinemagraphs are actually still photos in which minor, repeated movement occurs. You can usually find them in […]<\/p>\n","protected":false},"author":57,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[34],"tags":[79,829],"topics":[],"class_list":["post-20512","post","type-post","status-publish","format-standard","hentry","category-creative-inspiration","tag-graphics","tag-roundup"],"acf":[],"yoast_head":"\nAmazing Cinemagraphs from Around the Web - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Amazing Cinemagraphs from Around the Web\" \/>\n<meta property=\"og:description\" content=\"Cinemagraphs are an especially mesmerizing form of art (usually in GIF form). In this post, we'll take a look at 28 gorgeous cinemagraphs and discuss how\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-30T14:00:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T08:20:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/01\/03004625\/cinemagraphs-20.gif.webp\" \/>\n<meta name=\"author\" content=\"Creative Market\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Creative Market\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/amazing-cinemagraphs-from-around-the-web\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/amazing-cinemagraphs-from-around-the-web\",\"name\":\"Amazing Cinemagraphs from Around the Web - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/amazing-cinemagraphs-from-around-the-web#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/amazing-cinemagraphs-from-around-the-web#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/01\\\/03004625\\\/cinemagraphs-20.gif.webp\",\"datePublished\":\"2015-01-30T14:00:55+00:00\",\"dateModified\":\"2024-04-03T08:20:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/amazing-cinemagraphs-from-around-the-web#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/amazing-cinemagraphs-from-around-the-web\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/amazing-cinemagraphs-from-around-the-web#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/01\\\/03004625\\\/cinemagraphs-20.gif.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2015\\\/01\\\/03004625\\\/cinemagraphs-20.gif.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/amazing-cinemagraphs-from-around-the-web#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Amazing Cinemagraphs from Around the Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Amazing Cinemagraphs from Around the Web - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web","og_locale":"en_US","og_type":"article","og_title":"Amazing Cinemagraphs from Around the Web","og_description":"Cinemagraphs are an especially mesmerizing form of art (usually in GIF form). In this post, we'll take a look at 28 gorgeous cinemagraphs and discuss how","og_url":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2015-01-30T14:00:55+00:00","article_modified_time":"2024-04-03T08:20:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/01\/03004625\/cinemagraphs-20.gif.webp","type":"","width":"","height":""}],"author":"Creative Market","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Creative Market","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web","url":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web","name":"Amazing Cinemagraphs from Around the Web - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/01\/03004625\/cinemagraphs-20.gif.webp","datePublished":"2015-01-30T14:00:55+00:00","dateModified":"2024-04-03T08:20:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/01\/03004625\/cinemagraphs-20.gif.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2015\/01\/03004625\/cinemagraphs-20.gif.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/amazing-cinemagraphs-from-around-the-web#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Amazing Cinemagraphs from Around the Web"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/20512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=20512"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/20512\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=20512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=20512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=20512"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=20512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}