{"id":5024,"date":"2015-02-23T12:46:37","date_gmt":"2015-02-23T11:46:37","guid":{"rendered":"http:\/\/www.shop-in.fr\/apparence\/?p=5024"},"modified":"2017-02-25T15:05:29","modified_gmt":"2017-02-25T14:05:29","slug":"cinemagraph-by-apparence-agence-graphisme-la-baule","status":"publish","type":"post","link":"https:\/\/www.shop-in.fr\/apparence\/cinemagraph-by-apparence-agence-graphisme-la-baule\/","title":{"rendered":"Cinemagraph by apparence agence graphisme la baule"},"content":{"rendered":"<div id=\"attachment_3699\" style=\"width: 978px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.shop-in.fr\/apparence\/wp-content\/uploads\/2014\/10\/apparence-danceuses1.gif\"><img decoding=\"async\" aria-describedby=\"caption-attachment-3699\" class=\"wp-image-3699 size-full\" title=\"Cinemagraph danse par apparence graphiste la baule 44\" src=\"https:\/\/www.shop-in.fr\/apparence\/wp-content\/uploads\/2014\/10\/apparence-danceuses1.gif\" alt=\"Cinemagraph danse par apparence graphiste la baule 44\" width=\"968\" height=\"444\" \/><\/a><p id=\"caption-attachment-3699\" class=\"wp-caption-text\">Cinemagraph Danseuses \u00a9apparence<\/p><\/div>\n<h2><span style=\"color: #ff9900;\">Cin\u00e9magraph : l&rsquo;image anim\u00e9e<br \/>\n<\/span><\/h2>\n<p><strong>Comment faire un cinemagraph ?<\/strong><\/p>\n<p style=\"text-align: justify;\">Un <b>cinemagraph<\/b> est une photographie anim\u00e9e d&rsquo;un l\u00e9ger mouvement r\u00e9p\u00e9titif. Il est g\u00e9n\u00e9ralement au format GIF anim\u00e9 et peut donner l&rsquo;impression de regarder une vid\u00e9o. Les cinemagraphs sont r\u00e9alis\u00e9s \u00e0 partir d&rsquo;une s\u00e9rie de photos o\u00f9 les images sont boucl\u00e9es afin de rendre le mouvement en continu simulant ainsi une r\u00e9alisation vid\u00e9o. <span class=\"notranslate\">Les cinemagraphs sont donc des GIF anim\u00e9s avec des mouvements mineurs et \/ ou r\u00e9p\u00e9t\u00e9es produits \u00e0 partir d&rsquo;images fixes. Le cinemagraph conf\u00e8re un c\u00f4t\u00e9 tout \u00e0 la fois ludique et magique \u00e0 l&rsquo;image finale,\u00a0 l&rsquo;imagination et la po\u00e9sie qu&rsquo;il s&rsquo;en d\u00e9gage permet de r\u00e9inventer l&rsquo;animation sur votre site internet. Cette technique dite de \u201ccinemagraphie\u201d a \u00e9t\u00e9 initi\u00e9e en 2011 par des photographes am\u00e9ricains, Kevin Burg et Jamie Beck.\u00a0Le premier est un grand photographe alors que le second est sp\u00e9cialiste de l\u2019animation, et leur coop\u00e9ration a fait na\u00eetre le Cinemagraph. Ce n\u2019est ni une photo ni vraiment une vid\u00e9o.<\/span><\/p>\n<p style=\"text-align: justify;\"><span class=\"notranslate\">Son objectif ? <strong>Illustrer une histoire courte<\/strong>.<br \/>\nLes r\u00e9sultats sont \u00e9tonnants, et montrent qu&rsquo;il y a du potentiel inexploit\u00e9 dans l&rsquo;ancien format .gif anim\u00e9. Les <strong>cin\u00e9magraphes<\/strong> sont semblables \u00e0 des photographies mais ont la particularit\u00e9 de pr\u00e9senter une partie anim\u00e9e semblant se r\u00e9p\u00e9ter \u00e0 l&rsquo;infini. Il s&rsquo;agit d&rsquo;un subtil m\u00e9lange de photo, de vid\u00e9o, de montage et de traitement d&rsquo;image.<br \/>\n<\/span><\/p>\n<p><strong>Le cinemagraph : plus qu&rsquo;une photo \u2026mais pas tout \u00e0 fait une vid\u00e9o<\/strong><\/p>\n<p style=\"text-align: justify;\"><span class=\"notranslate\">Apporter une <\/span><span class=\"notranslate\">diff\u00e9rence visuelle, une perception nouvelle au gif anim\u00e9\u2026 \u00e0 partir d&rsquo;une photographie traditionnelle le cin\u00e9magraph ouvre une voie temporelle en figeant l&rsquo;instant tout en cr\u00e9ant une animation, l&rsquo;expression graphique d&rsquo;un instant de vie s&rsquo;ouvre \u00e0 votre regard.<\/span> L<span class=\"notranslate\">e format .gif g\u00e9n\u00e9r\u00e9 permet une visualisation g\u00e9n\u00e9ralis\u00e9e sur le web, mais les limitations de ce format sont \u00e9galement tr\u00e8s influents sur le style visuel des images. L&rsquo;exigence de ce format oblige le cr\u00e9ateur de <em>cin\u00e9magraph<\/em> \u00e0 se d\u00e9passer, pour rendre l&rsquo;animation l\u00e9g\u00e8re et fluide tout en conservant la po\u00e9sie des visuels. En r\u00e8gle g\u00e9n\u00e9rale, l&rsquo;id\u00e9e d&rsquo;un <span style=\"text-decoration: underline;\">cinemagraph<\/span> n\u00e9e \u00e0 partir d&rsquo;une bonne photo, le cinemagraph apporte alors au sujet <\/span><span class=\"notranslate\">une action qui sugg\u00e8re un effet ou une action compl\u00e9mentaire \u00e0 l&rsquo;id\u00e9e premi\u00e8re de l&rsquo;image.<\/span> <span class=\"notranslate\">Une fa\u00e7on originale de raconter une histoire au travers d&rsquo;un instant fig\u00e9 par l&rsquo;objectif du photographe.<\/span><\/p>\n<blockquote>\n<p style=\"text-align: justify;\"><span class=\"notranslate\">Le cinemagraph est une expression graphique qui capte notre regard pour nous transporter dans l&rsquo;univers cr\u00e9atif du photographe\u2026<br \/>\n<\/span><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/annstreetstudio.com\/category\/cinemagraphs\/\"><img decoding=\"async\" class=\"alignnone size-full wp-image-5026\" src=\"https:\/\/www.shop-in.fr\/apparence\/wp-content\/uploads\/2015\/02\/Lincoln_Cinemagraph.gif\" alt=\"Lincoln_Cinemagraph\" width=\"980\" height=\"642\" \/><\/a><\/p>\n<p><span class=\"notranslate\">Visitez les sites pionniers de cette technique cinemagraph :\u00a0 <a title=\"cinemagraph originaux\" href=\"http:\/\/cinemagraphs.com\/\" target=\"_blank\">cinemagraphs.com<\/a><br \/>\nLaissez-vous inspirer\u2026 et cr\u00e9ez votre propre cinemagraph :)<br \/>\n<\/span><\/p>\n<p><strong>D\u00e9couvrez de belles r\u00e9alisations de cinemagraph\u00a0 :<\/strong><br \/>\n<span style=\"color: #999999;\"><a style=\"color: #999999;\" title=\"Cinemagraph by ann street studio\" href=\"http:\/\/annstreetstudio.com\/category\/cinemagraphs\/\" target=\"_blank\">annstreetstudio.co<\/a><\/span><br \/>\n<span style=\"color: #999999;\"> <a style=\"color: #999999;\" title=\"Voir des exemples de cinemagraph\" href=\"http:\/\/iwdrm.tumblr.com\/\" target=\"_blank\">iwdrm.tumblr.com\/<\/a><\/span><br \/>\n<span style=\"color: #999999;\"> <a style=\"color: #999999;\" title=\"Serie 1 cinemagraph\" href=\"http:\/\/www.hongkiat.com\/blog\/cinemagraph\/\" target=\"_blank\">www.hongkiat.com\/blog\/cinemagraph\/<\/a><\/span><br \/>\n<span style=\"color: #999999;\"> <a style=\"color: #999999;\" title=\"Serie 2 cinemagraph\" href=\"http:\/\/www.hongkiat.com\/blog\/more-cinemagraphs\/\" target=\"_blank\">www.hongkiat.com\/blog\/more-cinemagraphs\/<br \/>\n<\/a><a style=\"color: #999999;\" title=\"D\u00e9mos cinemagraph-pro\" href=\"https:\/\/flixel.com\/cinemagraphs\/\" target=\"_blank\">flixel.com\/cinemagraphs\/<br \/>\n<\/a><a style=\"color: #999999;\" title=\"Cinemagraph metro\" href=\"http:\/\/golem13.fr\/metrologif\/\" target=\"_blank\">golem13.fr\/metrologif\/<\/a><a style=\"color: #999999;\" title=\"D\u00e9mos cinemagraph-pro\" href=\"https:\/\/flixel.com\/cinemagraphs\/\" target=\"_blank\"><br \/>\n<\/a><\/span><\/p>\n<p><strong>Apprenez a cr\u00e9er un cinemagraph :<\/strong><br \/>\n<span style=\"color: #999999;\"><a style=\"color: #999999;\" title=\"tutoriel cinemagraph\" href=\"http:\/\/www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/\" target=\"_blank\">www.hongkiat.com\/blog\/cinemagraphs-with-cliplets\/<\/a><\/span><br \/>\n<span style=\"color: #999999;\"> <a style=\"color: #999999;\" title=\"Fabrication cinemagraph\" href=\"http:\/\/phototrend.fr\/2011\/10\/mp-96-reussir-son-cinemagraph-ou-le-gif-anime\/\" target=\"_blank\">phototrend.fr\/2011\/10\/mp-96-reussir-son-cinemagraph-ou-le-gif-anime\/<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cin\u00e9magraph : l&rsquo;image anim\u00e9e Comment faire un cinemagraph ? Un cinemagraph est une photographie anim\u00e9e d&rsquo;un l\u00e9ger mouvement r\u00e9p\u00e9titif. Il est g\u00e9n\u00e9ralement au format GIF anim\u00e9 et peut donner l&rsquo;impression de regarder une vid\u00e9o. Les cinemagraphs sont r\u00e9alis\u00e9s \u00e0 partir d&rsquo;une s\u00e9rie de photos o\u00f9 les images sont boucl\u00e9es afin de rendre le mouvement en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5027,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_analysis_target_kw":"","footnotes":""},"categories":[2,6],"tags":[159,161,158,160],"class_list":["post-5024","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualites","category-graphisme","tag-agence-graphisme-la-baule","tag-animation-image-internet","tag-cinemagraph","tag-gif-anime"],"_links":{"self":[{"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/posts\/5024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/comments?post=5024"}],"version-history":[{"count":0,"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/posts\/5024\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/media\/5027"}],"wp:attachment":[{"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/media?parent=5024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/categories?post=5024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shop-in.fr\/apparence\/wp-json\/wp\/v2\/tags?post=5024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}