{"id":2706,"date":"2015-11-09T15:48:58","date_gmt":"2015-11-09T14:48:58","guid":{"rendered":"http:\/\/tierr.fr\/?p=2706"},"modified":"2020-06-15T18:20:42","modified_gmt":"2020-06-15T16:20:42","slug":"realisez-un-cinemagraph","status":"publish","type":"post","link":"https:\/\/www.tierr.fr\/blog\/realisez-un-cinemagraph\/","title":{"rendered":"R\u00e9alisez un cinemagraph"},"content":{"rendered":"<h3>Apprenez \u00e0 r\u00e9aliser, avec ce tutoriel, un cinemagraph \u00e0 partir de vos vid\u00e9os personnelles, et mettez en valeur des moments de vie facilement partageable sur le net.<\/h3>\n<p><!--more--><br \/>Le cinemagraphe est l\u2019alliance de la photo et de la vid\u00e9o. Le principe est de pr\u00e9senter une photo avec un \u00e9l\u00e9ment anim\u00e9 en boucle pour mettre l\u2019accent sur un \u00e9l\u00e9ment, une ambiance ou un d\u00e9tail. Le fait de focaliser le regard de l\u2019observateur, seulement sur une partie d\u2019une photo en mouvement est assez troublant et maintient l\u2019attention de l\u2019observateur plus longtemps. La seule contrainte est que ce type d\u2019image ne peut \u00eatre affich\u00e9e que sur des \u00e9crans num\u00e9riques.<\/p>\n<h3>GIF anim\u00e9<\/h3>\n<p>Nous connaissons tous le format de ces images. C\u2019est le GIF anim\u00e9. Ce format est ancien, mais avant de b\u00e9n\u00e9ficier de d\u00e9bit internet rapide il n\u2019\u00e9tait possible d\u2019afficher que des images de petits formats avec des animations simples. Aujourd\u2019hui il nous est possible d\u2019h\u00e9berger sur la toile des images de plus grandes dimensions, donc un peu plus lourdes en terme de poids, tout en gardant une animation fluide. Cela permet de mettre en valeur des photos et de d\u00e9velopper une variante artistique de la photographie.<\/p>\n<h3>The\u00a0cinemagraph<\/h3>\n<p>Le terme cinemagraph est attribu\u00e9 aux Am\u00e9ricains Kevin Burg et Jamie Beck, respectivement photographe et sp\u00e9cialiste de l\u2019animation, qui utilis\u00e8rent cette technique pour animer leurs photos de mode \u00e0 partir de d\u00e9but\u00a02011, \u00e0 l\u2019occasion de la Fashion Week.<\/p>\n<h3>La base<\/h3>\n<p>Pour r\u00e9aliser un cinemagraph, il faut une s\u00e9quence d\u2019images, g\u00e9n\u00e9ralement r\u00e9alis\u00e9e avec le mode rafale de votre appareil photo, ou bien ce qui est possible maintenant avec presque tous les smartphones et les appareils photo, une courte s\u00e9quence vid\u00e9o. Ensuite \u00e0 l\u2019aide d\u2019une application de montage photo ou vid\u00e9o, comme Photoshop ou After Effect, on r\u00e9alise un montage qui permet d\u2019arranger en boucle un mouvement r\u00e9p\u00e9titif d\u2019une partie de l\u2019image. Ensuite on exporte ce montage au format GIF anim\u00e9 pour qu\u2019il soit lu par tous les navigateurs internet.<\/p>\n<h3>Le tutoriel<\/h3>\n<p>J\u2019ai r\u00e9alis\u00e9 un tutoriel sur Photoshop pour vous montrer comment r\u00e9aliser vos cin\u00e9magraphs. J\u2019esp\u00e8re que cette s\u00e9quence vid\u00e9o vous aidera dans vos cr\u00e9ations et vous encouragera \u00e0 r\u00e9aliser vos propres GIF anim\u00e9s.<\/p>\n<p><span style=\"color: #000000;\"><em>Nous allons voir comment importer et modifier une vid\u00e9o dans Photoshop, r\u00e9aliser une boucle en modifiant l\u2019opacit\u00e9, nous ajouterons un masque de calque pour localiser l\u2019animation, et pour terminer nous exporterons notre animation au format GIF anim\u00e9, pour \u00eatre lisible sur tous les explorateurs internet.<\/em><\/span><\/p>\n<p><span style=\"border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font-style: normal; font-variant-caps: normal; font-weight: bold; font-stretch: normal; font-size: 11px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #ffffff; background-image: url(data:image\/svg+xml; base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciighlawdodd0imzbwecigd2lkdgg9ijmwchgiihzpzxdcb3g9ii0xic0xidmxidmxij48zz48cgf0acbkpsjnmjkundq5lde0ljy2mibdmjkundq5ldiyljcymiaymi44njgsmjkumju2ide0ljc1ldi5lji1nibdni42mzismjkumju2idaumduxldiyljcymiawlja1mswxnc42njigqzaumduxldyunjaxidyunjmyldaumdy3ide0ljc1ldaumdy3iemymi44njgsmc4wnjcgmjkundq5ldyunjaxidi5ljq0oswxnc42njiiigzpbgw9iinmzmyiihn0cm9rzt0ii2zmziigc3ryb2tllxdpzhropsixij48l3bhdgg+phbhdgggzd0itte0ljczmywxljy4nibdny41mtysms42odygms42njusny40otugms42njusmtqunjyyiemxljy2nswymc4xntkgns4xmdksmjquodu0idkuotcsmjyunzq0iem5ljg1niwyns43mtggos43ntmsmjqumtqzidewljaxniwymy4wmjigqzewlji1mywymi4wmsaxms41ndgsmtyuntcyidexlju0ocwxni41nzigqzexlju0ocwxni41nzigmteumtu3lde1ljc5nsaxms4xntcsmtqunjq2iemxms4xntcsmtiuodqyideyljixmswxms40otugmtmuntiyldexljq5nsbdmtqunjm3ldexljq5nsaxns4xnzusmtiumzi2ide1lje3nswxmy4zmjmgqze1lje3nswxnc40mzygmtqundyylde2ljegmtqumdkzlde3ljy0mybdmtmunzg1lde4ljkznsaxnc43ndusmtkuotg4ide2ljayocwxos45odggqze4ljm1mswxos45odggmjaumtm2lde3lju1niaymc4xmzysmtqumdq2iemymc4xmzysmtauotm5ide3ljg4ocw4ljc2nyaxnc42nzgsoc43njcgqzewljk1osw4ljc2nya4ljc3nywxms41mzygoc43nzcsmtqumzk4iem4ljc3nywxns41mtmgos4ymswxni43mdkgos43ndksmtcumzu5iem5ljg1niwxny40odggos44nzismtcunia5ljg0lde3ljczmsbdos43ndesmtgumtqxidkuntismtkumdizidkundc3lde5ljiwmybdos40miwxos40nca5lji4ocwxos40otegos4wncwxos4znzygqzcunda4lde4ljyymia2ljm4nywxni4yntigni4zodcsmtqumzq5iem2ljm4nywxmc4yntygos4zodmsni40otcgmtuumdiyldyundk3iemxos41ntusni40otcgmjmumdc4ldkunza1idizlja3ocwxmy45otegqzizlja3ocwxoc40njmgmjaumjm5ldiylja2miaxni4yotcsmjiumdyyiemxnc45nzmsmjiumdyyidezljcyocwyms4znzkgmtmumzayldiwlju3mibdmtmumzayldiwlju3miaxmi42ndcsmjmumdugmtiundg4ldizljy1nybdmtiumtkzldi0ljc4ncaxms4zotysmjyumtk2idewljg2mywyny4wntggqzeylja4niwyny40mzqgmtmumzg2ldi3ljyznyaxnc43mzmsmjcunjm3iemyms45nswyny42mzcgmjcuodaxldixljgyocayny44mdesmtqunjyyiemyny44mdesny40otugmjeuotusms42odygmtqunzmzldeunjg2iibmawxspsijymqwodfjij48l3bhdgg+pc9npjwvc3znpg==); background-size: 14px 14px; background-color: #bd081c; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; -webkit-font-smoothing: antialiased; background-position: 3px 50%; background-repeat: no-repeat no-repeat;\">Enregistrer<\/span><span style=\"border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font-style: normal; font-variant-caps: normal; font-weight: bold; font-stretch: normal; font-size: 11px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #ffffff; background-image: url(data:image\/svg+xml; base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciighlawdodd0imzbwecigd2lkdgg9ijmwchgiihzpzxdcb3g9ii0xic0xidmxidmxij48zz48cgf0acbkpsjnmjkundq5lde0ljy2mibdmjkundq5ldiyljcymiaymi44njgsmjkumju2ide0ljc1ldi5lji1nibdni42mzismjkumju2idaumduxldiyljcymiawlja1mswxnc42njigqzaumduxldyunjaxidyunjmyldaumdy3ide0ljc1ldaumdy3iemymi44njgsmc4wnjcgmjkundq5ldyunjaxidi5ljq0oswxnc42njiiigzpbgw9iinmzmyiihn0cm9rzt0ii2zmziigc3ryb2tllxdpzhropsixij48l3bhdgg+phbhdgggzd0itte0ljczmywxljy4nibdny41mtysms42odygms42njusny40otugms42njusmtqunjyyiemxljy2nswymc4xntkgns4xmdksmjquodu0idkuotcsmjyunzq0iem5ljg1niwyns43mtggos43ntmsmjqumtqzidewljaxniwymy4wmjigqzewlji1mywymi4wmsaxms41ndgsmtyuntcyidexlju0ocwxni41nzigqzexlju0ocwxni41nzigmteumtu3lde1ljc5nsaxms4xntcsmtqunjq2iemxms4xntcsmtiuodqyideyljixmswxms40otugmtmuntiyldexljq5nsbdmtqunjm3ldexljq5nsaxns4xnzusmtiumzi2ide1lje3nswxmy4zmjmgqze1lje3nswxnc40mzygmtqundyylde2ljegmtqumdkzlde3ljy0mybdmtmunzg1lde4ljkznsaxnc43ndusmtkuotg4ide2ljayocwxos45odggqze4ljm1mswxos45odggmjaumtm2lde3lju1niaymc4xmzysmtqumdq2iemymc4xmzysmtauotm5ide3ljg4ocw4ljc2nyaxnc42nzgsoc43njcgqzewljk1osw4ljc2nya4ljc3nywxms41mzygoc43nzcsmtqumzk4iem4ljc3nywxns41mtmgos4ymswxni43mdkgos43ndksmtcumzu5iem5ljg1niwxny40odggos44nzismtcunia5ljg0lde3ljczmsbdos43ndesmtgumtqxidkuntismtkumdizidkundc3lde5ljiwmybdos40miwxos40nca5lji4ocwxos40otegos4wncwxos4znzygqzcunda4lde4ljyymia2ljm4nywxni4yntigni4zodcsmtqumzq5iem2ljm4nywxmc4yntygos4zodmsni40otcgmtuumdiyldyundk3iemxos41ntusni40otcgmjmumdc4ldkunza1idizlja3ocwxmy45otegqzizlja3ocwxoc40njmgmjaumjm5ldiylja2miaxni4yotcsmjiumdyyiemxnc45nzmsmjiumdyyidezljcyocwyms4znzkgmtmumzayldiwlju3mibdmtmumzayldiwlju3miaxmi42ndcsmjmumdugmtiundg4ldizljy1nybdmtiumtkzldi0ljc4ncaxms4zotysmjyumtk2idewljg2mywyny4wntggqzeylja4niwyny40mzqgmtmumzg2ldi3ljyznyaxnc43mzmsmjcunjm3iemyms45nswyny42mzcgmjcuodaxldixljgyocayny44mdesmtqunjyyiemyny44mdesny40otugmjeuotusms42odygmtqunzmzldeunjg2iibmawxspsijymqwodfjij48l3bhdgg+pc9npjwvc3znpg==); background-size: 14px 14px; background-color: #bd081c; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; -webkit-font-smoothing: antialiased; background-position: 3px 50%; background-repeat: no-repeat no-repeat;\">Enregistrer<\/span><\/p>\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Tutoriel Photoshop - R\u00e9alisez votre cinemagraph\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/P9R-jM9kAiw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n<p>Je vous laisse d\u00e9couvrir quelques cinemagraphes du plus bel effet.<\/p>\n<div class=\"tiled-gallery type-rectangular tiled-gallery-unresized\" data-original-width=\"1200\" data-carousel-extra='{&quot;blog_id&quot;:1,&quot;permalink&quot;:&quot;https:\\\/\\\/www.tierr.fr\\\/blog\\\/realisez-un-cinemagraph\\\/&quot;,&quot;likes_blog_id&quot;:67052652}' itemscope itemtype=\"http:\/\/schema.org\/ImageGallery\" > <div class=\"gallery-row\" style=\"width: 1200px; height: 339px;\" data-original-width=\"1200\" data-original-height=\"339\" > <div class=\"gallery-group images-1\" style=\"width: 600px; height: 339px;\" data-original-width=\"600\" data-original-height=\"339\" > <div class=\"tiled-gallery-item tiled-gallery-item-large\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/www.tierr.fr\/blog\/realisez-un-cinemagraph\/bulles-cinemagraph\/\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"596\"> <meta itemprop=\"height\" content=\"335\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"2713\" data-orig-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/bulles-cinemagraph.gif\" data-orig-size=\"1000,563\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"bulles-cinemagraph\" data-image-description=\"\" data-medium-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/bulles-cinemagraph-300x169.gif\" data-large-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/bulles-cinemagraph.gif\" src=\"https:\/\/i0.wp.com\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/bulles-cinemagraph.gif?w=596&#038;h=335&#038;ssl=1\" width=\"596\" height=\"335\" loading=\"lazy\" data-original-width=\"596\" data-original-height=\"335\" itemprop=\"http:\/\/schema.org\/image\" title=\"bulles-cinemagraph\" alt=\"bulles-cinemagraph\" style=\"width: 596px; height: 335px;\" \/> <\/a> <\/div> <\/div> <!-- close group --> <div class=\"gallery-group images-1\" style=\"width: 600px; height: 339px;\" data-original-width=\"600\" data-original-height=\"339\" > <div class=\"tiled-gallery-item tiled-gallery-item-large\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/www.tierr.fr\/blog\/realisez-un-cinemagraph\/cusine-cinemagraph\/\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"596\"> <meta itemprop=\"height\" content=\"335\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"2714\" data-orig-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/cusine-cinemagraph.gif\" data-orig-size=\"800,450\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cusine-cinemagraph\" data-image-description=\"\" data-medium-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/cusine-cinemagraph-300x169.gif\" data-large-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/cusine-cinemagraph.gif\" src=\"https:\/\/i0.wp.com\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/cusine-cinemagraph.gif?w=596&#038;h=335&#038;ssl=1\" width=\"596\" height=\"335\" loading=\"lazy\" data-original-width=\"596\" data-original-height=\"335\" itemprop=\"http:\/\/schema.org\/image\" title=\"cusine-cinemagraph\" alt=\"cusine-cinemagraph\" style=\"width: 596px; height: 335px;\" \/> <\/a> <\/div> <\/div> <!-- close group --> <\/div> <!-- close row --> <div class=\"gallery-row\" style=\"width: 1200px; height: 198px;\" data-original-width=\"1200\" data-original-height=\"198\" > <div class=\"gallery-group images-1\" style=\"width: 349px; height: 198px;\" data-original-width=\"349\" data-original-height=\"198\" > <div class=\"tiled-gallery-item tiled-gallery-item-large\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/www.tierr.fr\/blog\/realisez-un-cinemagraph\/manege-cinemagraph\/\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"345\"> <meta itemprop=\"height\" content=\"194\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"2717\" data-orig-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/manege-cinemagraph.gif\" data-orig-size=\"600,338\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"manege-cinemagraph\" data-image-description=\"\" data-medium-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/manege-cinemagraph-300x169.gif\" data-large-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/manege-cinemagraph.gif\" src=\"https:\/\/i0.wp.com\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/manege-cinemagraph.gif?w=345&#038;h=194&#038;ssl=1\" width=\"345\" height=\"194\" loading=\"lazy\" data-original-width=\"345\" data-original-height=\"194\" itemprop=\"http:\/\/schema.org\/image\" title=\"manege-cinemagraph\" alt=\"manege-cinemagraph\" style=\"width: 345px; height: 194px;\" \/> <\/a> <\/div> <\/div> <!-- close group --> <div class=\"gallery-group images-1\" style=\"width: 363px; height: 198px;\" data-original-width=\"363\" data-original-height=\"198\" > <div class=\"tiled-gallery-item tiled-gallery-item-large\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/www.tierr.fr\/blog\/realisez-un-cinemagraph\/journal-cinemagraph\/\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"359\"> <meta itemprop=\"height\" content=\"194\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"2716\" data-orig-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/journal-cinemagraph.gif\" data-orig-size=\"794,429\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"journal-cinemagraph\" data-image-description=\"\" data-medium-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/journal-cinemagraph-300x162.gif\" data-large-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/journal-cinemagraph.gif\" src=\"https:\/\/i0.wp.com\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/journal-cinemagraph.gif?w=359&#038;h=194&#038;ssl=1\" width=\"359\" height=\"194\" loading=\"lazy\" data-original-width=\"359\" data-original-height=\"194\" itemprop=\"http:\/\/schema.org\/image\" title=\"journal-cinemagraph\" alt=\"journal-cinemagraph\" style=\"width: 359px; height: 194px;\" \/> <\/a> <\/div> <\/div> <!-- close group --> <div class=\"gallery-group images-1\" style=\"width: 139px; height: 198px;\" data-original-width=\"139\" data-original-height=\"198\" > <div class=\"tiled-gallery-item tiled-gallery-item-small\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/www.tierr.fr\/blog\/realisez-un-cinemagraph\/feu-cinemagraph\/\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"135\"> <meta itemprop=\"height\" content=\"194\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"2715\" data-orig-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/feu-cinemagraph.gif\" data-orig-size=\"500,717\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"feu-cinemagraph\" data-image-description=\"\" data-medium-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/feu-cinemagraph-300x430.gif\" data-large-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/feu-cinemagraph.gif\" src=\"https:\/\/i0.wp.com\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/feu-cinemagraph.gif?w=135&#038;h=194&#038;ssl=1\" width=\"135\" height=\"194\" loading=\"lazy\" data-original-width=\"135\" data-original-height=\"194\" itemprop=\"http:\/\/schema.org\/image\" title=\"feu-cinemagraph\" alt=\"feu-cinemagraph\" style=\"width: 135px; height: 194px;\" \/> <\/a> <\/div> <\/div> <!-- close group --> <div class=\"gallery-group images-1\" style=\"width: 349px; height: 198px;\" data-original-width=\"349\" data-original-height=\"198\" > <div class=\"tiled-gallery-item tiled-gallery-item-large\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/www.tierr.fr\/blog\/tuto-cinemagraph-wisi\/\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"345\"> <meta itemprop=\"height\" content=\"194\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"2705\" data-orig-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/tuto-cinemagraph-wisi.gif\" data-orig-size=\"900,506\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"tuto-cinemagraph-wisi\" data-image-description=\"&lt;p&gt;cinemagraph&lt;\/p&gt; \" data-medium-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/tuto-cinemagraph-wisi-300x169.gif\" data-large-file=\"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/tuto-cinemagraph-wisi.gif\" src=\"https:\/\/i0.wp.com\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/tuto-cinemagraph-wisi.gif?w=345&#038;h=194&#038;ssl=1\" width=\"345\" height=\"194\" loading=\"lazy\" data-original-width=\"345\" data-original-height=\"194\" itemprop=\"http:\/\/schema.org\/image\" title=\"tuto-cinemagraph-wisi\" alt=\"tuto-cinemagraph-wisi\" style=\"width: 345px; height: 194px;\" \/> <\/a> <\/div> <\/div> <!-- close group --> <\/div> <!-- close row --> <\/div>\n<p>\u00c0 bient\u00f4t<\/p>\n<p>Tierr.<\/p>\n<p><span style=\"border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font-style: normal; font-variant-caps: normal; font-weight: bold; font-stretch: normal; font-size: 11px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #ffffff; background-image: url(data:image\/svg+xml; base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciighlawdodd0imzbwecigd2lkdgg9ijmwchgiihzpzxdcb3g9ii0xic0xidmxidmxij48zz48cgf0acbkpsjnmjkundq5lde0ljy2mibdmjkundq5ldiyljcymiaymi44njgsmjkumju2ide0ljc1ldi5lji1nibdni42mzismjkumju2idaumduxldiyljcymiawlja1mswxnc42njigqzaumduxldyunjaxidyunjmyldaumdy3ide0ljc1ldaumdy3iemymi44njgsmc4wnjcgmjkundq5ldyunjaxidi5ljq0oswxnc42njiiigzpbgw9iinmzmyiihn0cm9rzt0ii2zmziigc3ryb2tllxdpzhropsixij48l3bhdgg+phbhdgggzd0itte0ljczmywxljy4nibdny41mtysms42odygms42njusny40otugms42njusmtqunjyyiemxljy2nswymc4xntkgns4xmdksmjquodu0idkuotcsmjyunzq0iem5ljg1niwyns43mtggos43ntmsmjqumtqzidewljaxniwymy4wmjigqzewlji1mywymi4wmsaxms41ndgsmtyuntcyidexlju0ocwxni41nzigqzexlju0ocwxni41nzigmteumtu3lde1ljc5nsaxms4xntcsmtqunjq2iemxms4xntcsmtiuodqyideyljixmswxms40otugmtmuntiyldexljq5nsbdmtqunjm3ldexljq5nsaxns4xnzusmtiumzi2ide1lje3nswxmy4zmjmgqze1lje3nswxnc40mzygmtqundyylde2ljegmtqumdkzlde3ljy0mybdmtmunzg1lde4ljkznsaxnc43ndusmtkuotg4ide2ljayocwxos45odggqze4ljm1mswxos45odggmjaumtm2lde3lju1niaymc4xmzysmtqumdq2iemymc4xmzysmtauotm5ide3ljg4ocw4ljc2nyaxnc42nzgsoc43njcgqzewljk1osw4ljc2nya4ljc3nywxms41mzygoc43nzcsmtqumzk4iem4ljc3nywxns41mtmgos4ymswxni43mdkgos43ndksmtcumzu5iem5ljg1niwxny40odggos44nzismtcunia5ljg0lde3ljczmsbdos43ndesmtgumtqxidkuntismtkumdizidkundc3lde5ljiwmybdos40miwxos40nca5lji4ocwxos40otegos4wncwxos4znzygqzcunda4lde4ljyymia2ljm4nywxni4yntigni4zodcsmtqumzq5iem2ljm4nywxmc4yntygos4zodmsni40otcgmtuumdiyldyundk3iemxos41ntusni40otcgmjmumdc4ldkunza1idizlja3ocwxmy45otegqzizlja3ocwxoc40njmgmjaumjm5ldiylja2miaxni4yotcsmjiumdyyiemxnc45nzmsmjiumdyyidezljcyocwyms4znzkgmtmumzayldiwlju3mibdmtmumzayldiwlju3miaxmi42ndcsmjmumdugmtiundg4ldizljy1nybdmtiumtkzldi0ljc4ncaxms4zotysmjyumtk2idewljg2mywyny4wntggqzeylja4niwyny40mzqgmtmumzg2ldi3ljyznyaxnc43mzmsmjcunjm3iemyms45nswyny42mzcgmjcuodaxldixljgyocayny44mdesmtqunjyyiemyny44mdesny40otugmjeuotusms42odygmtqunzmzldeunjg2iibmawxspsijymqwodfjij48l3bhdgg+pc9npjwvc3znpg==); background-size: 14px 14px; background-color: #bd081c; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; -webkit-font-smoothing: antialiased; background-position: 3px 50%; background-repeat: no-repeat no-repeat;\">Enregistrer<\/span><span style=\"border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font-style: normal; font-variant-caps: normal; font-weight: bold; font-stretch: normal; font-size: 11px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #ffffff; background-image: url(data:image\/svg+xml; base64,phn2zyb4bwxucz0iahr0cdovl3d3dy53my5vcmcvmjawmc9zdmciighlawdodd0imzbwecigd2lkdgg9ijmwchgiihzpzxdcb3g9ii0xic0xidmxidmxij48zz48cgf0acbkpsjnmjkundq5lde0ljy2mibdmjkundq5ldiyljcymiaymi44njgsmjkumju2ide0ljc1ldi5lji1nibdni42mzismjkumju2idaumduxldiyljcymiawlja1mswxnc42njigqzaumduxldyunjaxidyunjmyldaumdy3ide0ljc1ldaumdy3iemymi44njgsmc4wnjcgmjkundq5ldyunjaxidi5ljq0oswxnc42njiiigzpbgw9iinmzmyiihn0cm9rzt0ii2zmziigc3ryb2tllxdpzhropsixij48l3bhdgg+phbhdgggzd0itte0ljczmywxljy4nibdny41mtysms42odygms42njusny40otugms42njusmtqunjyyiemxljy2nswymc4xntkgns4xmdksmjquodu0idkuotcsmjyunzq0iem5ljg1niwyns43mtggos43ntmsmjqumtqzidewljaxniwymy4wmjigqzewlji1mywymi4wmsaxms41ndgsmtyuntcyidexlju0ocwxni41nzigqzexlju0ocwxni41nzigmteumtu3lde1ljc5nsaxms4xntcsmtqunjq2iemxms4xntcsmtiuodqyideyljixmswxms40otugmtmuntiyldexljq5nsbdmtqunjm3ldexljq5nsaxns4xnzusmtiumzi2ide1lje3nswxmy4zmjmgqze1lje3nswxnc40mzygmtqundyylde2ljegmtqumdkzlde3ljy0mybdmtmunzg1lde4ljkznsaxnc43ndusmtkuotg4ide2ljayocwxos45odggqze4ljm1mswxos45odggmjaumtm2lde3lju1niaymc4xmzysmtqumdq2iemymc4xmzysmtauotm5ide3ljg4ocw4ljc2nyaxnc42nzgsoc43njcgqzewljk1osw4ljc2nya4ljc3nywxms41mzygoc43nzcsmtqumzk4iem4ljc3nywxns41mtmgos4ymswxni43mdkgos43ndksmtcumzu5iem5ljg1niwxny40odggos44nzismtcunia5ljg0lde3ljczmsbdos43ndesmtgumtqxidkuntismtkumdizidkundc3lde5ljiwmybdos40miwxos40nca5lji4ocwxos40otegos4wncwxos4znzygqzcunda4lde4ljyymia2ljm4nywxni4yntigni4zodcsmtqumzq5iem2ljm4nywxmc4yntygos4zodmsni40otcgmtuumdiyldyundk3iemxos41ntusni40otcgmjmumdc4ldkunza1idizlja3ocwxmy45otegqzizlja3ocwxoc40njmgmjaumjm5ldiylja2miaxni4yotcsmjiumdyyiemxnc45nzmsmjiumdyyidezljcyocwyms4znzkgmtmumzayldiwlju3mibdmtmumzayldiwlju3miaxmi42ndcsmjmumdugmtiundg4ldizljy1nybdmtiumtkzldi0ljc4ncaxms4zotysmjyumtk2idewljg2mywyny4wntggqzeylja4niwyny40mzqgmtmumzg2ldi3ljyznyaxnc43mzmsmjcunjm3iemyms45nswyny42mzcgmjcuodaxldixljgyocayny44mdesmtqunjyyiemyny44mdesny40otugmjeuotusms42odygmtqunzmzldeunjg2iibmawxspsijymqwodfjij48l3bhdgg+pc9npjwvc3znpg==); background-size: 14px 14px; background-color: #bd081c; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; -webkit-font-smoothing: antialiased; background-position: 3px 50%; background-repeat: no-repeat no-repeat;\">Enregistrer<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 r\u00e9aliser, avec ce tutoriel, un cinemagraph \u00e0 partir de vos vid\u00e9os personnelles, et mettez en valeur des moments de vie facilement partageable sur le net.<\/p>\n","protected":false},"author":14,"featured_media":2705,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[39,12,40],"tags":[61,250,90,73,85,237,52,154,101,228,251,51,53],"class_list":["post-2706","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-atelier","category-photographie","category-tutoriel","tag-adobe","tag-cinemagraph","tag-gratuit","tag-image","tag-photo","tag-photographie","tag-photoshop","tag-theorie","tag-tierr","tag-tierrart","tag-tutorial","tag-tutoriel-2","tag-wisibility","post_format-post-format-image","category-39","category-12","category-40","description-off"],"jetpack_featured_media_url":"https:\/\/www.tierr.fr\/blog\/wp-content\/uploads\/2015\/11\/tuto-cinemagraph-wisi.gif","jetpack_shortlink":"https:\/\/wp.me\/p4xlso-HE","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/posts\/2706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/comments?post=2706"}],"version-history":[{"count":0,"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/posts\/2706\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/media\/2705"}],"wp:attachment":[{"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/media?parent=2706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/categories?post=2706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tierr.fr\/blog\/wp-json\/wp\/v2\/tags?post=2706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}