{"id":14689,"date":"2019-04-10T08:36:55","date_gmt":"2019-04-10T06:36:55","guid":{"rendered":"https:\/\/www.diedruckerei.de\/magazin\/?p=14689"},"modified":"2025-04-28T16:42:36","modified_gmt":"2025-04-28T14:42:36","slug":"cinemagraphs","status":"publish","type":"post","link":"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/","title":{"rendered":"Foto&#8217;s met een bewegingselement schieten en daarmee succesvol reclame maken: cinemagraphs"},"content":{"rendered":"<p>In dit artikel vestigen wij de aandacht op een fototrend die naar onze inschatting binnenkort weer zal opleven: foto&#8217;s met een bewegingselement, ook wel cinemagraphs genoemd. Deze foto&#8217;s hebben een echt wow-effect. Met de juiste handgrepen wekt ook u foto&#8217;s tot leven, zonder daar veel voor te betalen. Hoe u beweging in uw foto&#8217;s brengt en welke reclamekanalen u daarmee optimaal kunt bespelen, komt u hier te weten.<\/p>\n<p><!--more--><\/p>\n<p>Is het klassieke gif-bestand ondertussen alweer uit? E\u00e9n ding is duidelijk: Sommige trends keren steeds weer terug. Daarom vestigen wij hiermee de aandacht op een andere, zeer veelbelovende manier van bewegende foto&#8217;s. Deze brak jaren geleden al door en lijkt binnenkort opnieuw op te leven: cinemagraphs. Zulke foto&#8217;s hebben, net als gif-bestanden, een bewegingselement dat steeds wordt herhaald (loop), maar hebben voor de rest niet veel gemeen met de social media-hits. Cinemagraphs zijn namelijk hoogwaardige foto&#8217;s, waarbij een echt wow-effect ontstaat wanneer men er even naar kijkt \u2013 en daarmee hebben de cinemagraphs eveneens echt hit-potentieel voor uw reclamedoeleinden.<\/p>\n<p><strong>Inhoud:<\/strong><\/p>\n<ul>\n<li>Voor uw marketing: Met bewegende foto&#8217;s professioneel reclame maken\n<ul>\n<li><u><a href=\"#1\">Websites en blogs<\/a><\/u><\/li>\n<li><u><a href=\"#2\">Social media content-, display- of canvasreclame<\/a><\/u><\/li>\n<li><a href=\"#3\">Nieuwsbrief<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Zelf bewegende foto&#8217;s maken: tool-check\n<ul>\n<li><a href=\"#plotagraph\">Plotagraph<\/a><\/li>\n<li><a href=\"#flixel\">Flixel<\/a><\/li>\n<li><a href=\"#photoshop\">Adobe Photoshop<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div>\n<div class=\"custom-background-grey\">\n<p><strong>Cinemagraphs versus gif-bestand<\/strong><br \/>\nOp cinemagraphs bewegen alleen delen van de foto, terwijl de rest statisch blijft. Daarom hebben de foto&#8217;s ook echt het effect van &#8220;bewegende beelden&#8221; en lijken niet op video&#8217;s. In tegenstelling tot gif-bestanden bevatten cinemagraphs aanzienlijk meer kleuren en maken dus een hoogwaardigere indruk.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p>Het indrukwekkende aan de bewegende beelden is: Eigenlijk kijkt men bijvoorbeeld naar een vrouw die in het zwembad van de zon geniet, maar plotseling beweegt er wat op de foto.<\/p>\n<\/div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/i9jeipyw7955dpjvbnbp?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<div><span style=\"font-size: 8pt;\"><em>Bron: flixel.com\/cinemagraph\/ &#8211;\u00a0DomQuichotte<\/em><\/span><\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div><\/div>\n<div>\n<p>Ook andersom ontstaan interessante effecten. Er beweegt veel op de foto en het ziet eruit als een video, totdat men merkt dat bepaalde delen statisch zijn en men eigenlijk naar een geanimeerde foto in plaats van naar een video kijkt.<\/p>\n<\/div>\n<div><\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/6bfwuaefmottf8midnrm?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<div><span style=\"font-size: 8pt;\"><em>Bron: flixel.com\/cinemagraph\/ &#8211;\u00a0DomQuichotte<\/em><\/span><\/div>\n<div><\/div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/iayq1tlbf008ev7bltyc?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div><span style=\"font-size: 8pt;\"><em>Bron: flixel.com\/cinemagraph\/ &#8211;\u00a0DomQuichotte<\/em><\/span><\/div>\n<div><\/div>\n<div>\n<p>Foto&#8217;s met een bewegingselement zoals cinemagraphs zijn geen nieuwe trend en werden al in 2011 professioneel geproduceerd voor reclamedoeleinden van bekende merken. Zoals bijvoorbeeld ook door de creatievelingen\u00a0<u><a href=\"http:\/\/cinemagraphs.com\/\">Jamie Beck en Kevin Burg<\/a><\/u>\u00a0ter gelegenheid van de toenmalige New York Fashion Week. En ze hebben ook echt potentieel om internetpresentaties of reclame op internet interessanter vorm te geven, zonder dure video&#8217;s te hoeven produceren.<\/p>\n<h2>Foto&#8217;s met een bewegingselement professioneel gebruiken<\/h2>\n<p>Hoe de bewegende foto&#8217;s worden geproduceerd en wat er qua techniek bij komt kijken, leest u in de tool-presentatie verderop. Op \u00e9\u00e9n ding kan echter op deze plaats al vooruit worden gelopen: foto&#8217;s met een bewegingselement zijn qua productie aanzienlijk goedkoper dan tijdrovend opgenomen reclamevideo&#8217;s. Maar ook daarbij gebeurt er wat op het beeld wat de aandacht van de toeschouwer wekt en vasthoudt. Bovendien is de bestandsgrootte van de beelden aanzienlijk kleiner dan die van een reclamevideo, wat een snellere autoplay-performance op veel websites of blogs met zich meebrengt. En dat is belangrijk, want de cinemagraphs &#8220;functioneren&#8221; het best wanneer ze direct en in een eindeloze loop worden afgespeeld.<\/p>\n<\/div>\n<div class=\"custom-background custom-background-donts\"><strong>Belangrijk<\/strong>:\u00a0Hoewel er sprake is van bewegende\u00a0<strong>foto&#8217;s<\/strong>, gaat het meestal om\u00a0<strong>videobestanden<\/strong>. Om ervoor te zorgen dat de animatiefoto in een continue loop wordt afgespeeld, ligt het voor de hand het videoformaat als gif-bestand op te slaan, omdat dit formaat de video automatisch steeds opnieuw afspeelt.<br \/>\nMaar let op! Een MP4-bestand kan ontelbare kleuren weergeven, maar een gif-bestand slechts 256, en dit kwaliteitsverlies ziet men vaak behoorlijk goed. Probeer daarom bij de implementatie in uw website, blog of iets dergelijks geen gebruik te maken van omzetting naar een gif-bestand, maar de loop-functie via de inbeddingscode te integreren.<\/p>\n<figure id=\"attachment_14796\" aria-describedby=\"caption-attachment-14796\" style=\"width: 266px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/mp4-file.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14796\" src=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/mp4-file.png\" alt=\"Een kalme oceaan met zachte rimpelingen strekt zich uit tot aan de horizon onder een zachte, pastelkleurige hemel die van wazig paars naar blauw overgaat. Het tafereel roept een gevoel van rust en weidsheid op.\" width=\"266\" height=\"230\" \/><\/a><figcaption id=\"caption-attachment-14796\" class=\"wp-caption-text\">Kwaliteit van een MP4-bestand versus<\/figcaption><\/figure>\n<figure id=\"attachment_14795\" aria-describedby=\"caption-attachment-14795\" style=\"width: 230px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/gif-file.png\" rel=\"attachment wp-att-14795\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14795\" src=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/gif-file.png\" alt=\"Een kalme oceaan met zachte rimpelingen strekt zich uit tot aan de horizon en ontmoet een helderblauwe hemel. De ondergaande zon gloeit zwakjes in de linkerbovenhoek en werpt een serene sfeer over het kalme water.\" width=\"230\" height=\"230\" \/><\/a><figcaption id=\"caption-attachment-14795\" class=\"wp-caption-text\">omgezet naar een gif-bestand<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<h3 id=\"1\">Websites en blogs<\/h3>\n<p>In de header van een website zijn foto&#8217;s met een bewegingselement een prachtige mogelijkheid om de aandacht van de bezoeker direct vast te houden, zonder deze te overprikkelen. Ook productpresentaties kunnen met cinemagraphs aanzienlijk aantrekkelijker worden vormgegeven, natuurlijk afhankelijk van branche en product. Van dit voordeel kan ook in blogs heel goed gebruik worden gemaakt, waarbij men altijd dient te letten op het volgende: minder is meer. Zodra op een pagina vroeg of laat alles beweegt en schreeuwende reclameadvertenties op elke zijbalk op je afkomen, is het wow-effect mislukt.<\/p>\n<p><strong>Voorbeelden van productpresentaties:\u00a0<\/strong><\/p>\n<div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 80.00%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/58wkj6qoxfdlu5u080f1?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/div>\n<\/div>\n<p><em><span style=\"font-size: 8pt;\">Bron: flixel.com\/cinemagraphs\/advertising &#8211; CinePix<\/span><\/em><\/p>\n<div class=\"flx-embed\">\n<div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 52.76%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/n7u0t3tl0exu4ynqq8u6?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><em><span style=\"font-size: 8pt;\">Bron: flixel.com\/cinemagraphs\/advertising &#8211;\u00a0<\/span><span style=\"font-size: 8pt;\">AndrewPavlidis<\/span><\/em><\/p>\n<\/div>\n<div style=\"position: relative; height: 0; padding-bottom: 80.00%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/42q0i5raed0h1yauych0?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><em><span style=\"font-size: 8pt;\">Bron: flixel.com\/cinemagraphs\/advertising &#8211;\u00a0<\/span><span style=\"font-size: 8pt;\">CinePix<\/span><\/em><\/p>\n<\/div>\n<p><strong>Technische implementatie:<\/strong>\u00a0De foto met het bewegingselement kan via het HTML-video-element worden ge\u00efntegreerd. De eigenschappen voor &#8220;Autoplay&#8221; en &#8220;Loop&#8221; dienen in de code te staan en de compatibiliteit met verschillende browsers moet worden getest. Ook WordPress staat het inbedden van een animatiefoto zonder problemen toe. Het eenvoudigst is het, wanneer de foto met bewegingselement op YouTube of andere platformen als\u00a0<u><a href=\"https:\/\/flixel.com\/cinemagraphs\/fresh\/\">flixel.com<\/a><\/u>\u00a0(een website die zich heeft gespecialiseerd in de productie en verspreiding van cinemagraphs) wordt ge\u00fcpload en vervolgens in uw website wordt ingebed. Want het genoemde platform biedt bijvoorbeeld kant-en-klare embed-codes voor kopi\u00ebren en invoegen aan, die de video in autoplay en loop afspelen.<\/p>\n<p>Voorbeeldcode voor het inbedden van een foto met een bewegingselement als HTML-element:<\/p>\n<div>\n<div class=\"custom-background-grey\">\n<p>&lt;video width=&#8221;320&#8243; height=&#8221;240&#8243; autoplay loop&gt;<br \/>\n&lt;source src=&#8221;movie.mp4&#8243; type=&#8221;video\/mp4&#8243;&gt;<br \/>\n&lt;source src=&#8221;movie.ogg&#8221; type=&#8221;video\/ogg&#8221;&gt;<br \/>\nYour browser does not support the video tag.<br \/>\n&lt;\/video&gt;<\/p>\n<\/div>\n<\/div>\n<p>Voorbeeldcode voor het inbedden van een foto met bewegingselement uit de media-gallery (van WordPress):<\/p>\n<div class=\"custom-background-grey\">\n<p>[ video width=&#8221;1200&#8243; height=&#8221;800&#8243;<br \/>\nmp4=&#8221;https:\/\/www.onlineprinters.nl\/magazin\/wp-content\/uploads\/2018\/09\/Test_Wasser<br \/>\n-1200px-25fps-2.mp4&#8243; loop=&#8221;on&#8221; autoplay=&#8221;on&#8221; ] [ \/video ]<\/p>\n<\/div>\n<p><span style=\"font-size: 8pt;\"><em>(Aanwijzing: Verwijder de spaties voor en achter de vierkante haakjes voordat u deze code gebruikt.)<\/em><\/span><\/p>\n<p>Voorbeeldcode voor het inbedden van een foto met een bewegingselement op YouTube:<\/p>\n<div class=\"custom-background-grey\">\n<p>&lt;iframe class=&#8221;embed-responsive-item&#8221;id=&#8221;ytplayer&#8221; type=&#8221;text\/html&#8221; width=&#8221;640&#8243; height=&#8221;360&#8243; src=&#8221;https:\/\/www.youtube.com\/embed\/DWamwL9e3EY?&amp;autoplay=1&amp;loop=1&amp;rel=0&amp;showinfo=0&amp;color=white&amp;iv_load_policy=3&amp;playlist=DWamwL9e3EY&#8221; frameborder=&#8221;0&#8243; allowfullscreen&gt;&lt;\/iframe&gt;<\/p>\n<\/div>\n<p>Voorbeeldcode voor het inbedden van een foto met een bewegingselement op Flixel:<\/p>\n<div class=\"custom-background-grey\">\n<p>&lt;div class=&#8221;flx-embed&#8221;&gt;&lt;div style=&#8221;position:relative; height:0; padding-bottom:56.25%; width:100%&#8221;&gt;&lt;iframe style=&#8221;position:absolute; top:0; left:0; width:100%; height:100%;&#8221; src=&#8221;https:\/\/media.flixel.com\/cinemagraph\/tpaqkloxud1mvjq08bfh?hd=false&#8221; frameborder=&#8221;0&#8243; allowfullscreen allow=&#8217;autoplay&#8217;&gt;&lt;\/iframe&gt;&lt;\/div&gt;&lt;\/div&gt;<\/p>\n<\/div>\n<h3 id=\"2\">Social media content-, display- of canvasreclame<\/h3>\n<p>Wat beweegt is interessant. Dat geldt ondertussen voor het posten op elk social mediakanaal. Foto&#8217;s met een bewegingselement zijn geschikt voor zowel display- en canvasreclame op Facebook of Instagram als voor interessante inhoud uit uw contentstrategie. Het voordeel van dergelijke foto&#8217;s ten opzichte van video&#8217;s: De cinemagraphs worden iets gemakkelijker waargenomen dan video&#8217;s, omdat er aanzienlijk minder tegelijkertijd beweegt wat het oog moet gewaarworden. Dat is enerzijds prettig voor de ogen, anderzijds heel interessant om te bekijken. Bovendien moet de inhoud van sociale netwerken amuseren \u2013 en vertel ons nu niet dat u zover bent gekomen met lezen, omdat u de &#8220;levende&#8221; beelden niet spannend vindt.<\/p>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/BbSTEDUgUeK\/?utm_source=ig_embed&amp;utm_medium=loading\" data-instgrm-version=\"12\">\n<div style=\"padding: 16px;\">\n<p>&nbsp;<\/p>\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href=\"https:\/\/www.instagram.com\/p\/BbSTEDUgUeK\/?utm_source=ig_embed&amp;utm_medium=loading\" target=\"_blank\" rel=\"noopener\">A post shared by Coca-Cola (@cocacolaeu)<\/a> on <time style=\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\" datetime=\"2017-11-09T19:16:59+00:00\">Nov 9, 2017 at 11:16am PST<\/time><\/p>\n<\/div>\n<\/blockquote>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n<p><strong>Technische implementatie:\u00a0<\/strong>Met de autoplay-functie van Facebook, Instagram en anderen starten video&#8217;s of animatiefoto&#8217;s zonder extra op de foto te moeten klikken. Ondertussen kunnen ook profielfoto&#8217;s of reclameadvertenties op Facebook met bewegende foto&#8217;s worden ingesteld. De weergave van de cinemagraphs is ook op nieuwere mobiele toestellen geen probleem. Zorg er echter beslist voor dat uw foto in een loop wordt afgespeeld, zodat het bewegingseffect van het motief ook duidelijk wordt. Wanneer de animatiefoto slechts drie seconden duurt, zal de toeschouwer niets zien wat opvalt.<\/p>\n<h3 id=\"3\">Nieuwsbrief<\/h3>\n<p>Ook op dit gebied zijn foto&#8217;s met een bewegingselement heel verrijkend. De seriegigant Netflix heeft bijvoorbeeld ter gelegenheid van het 3e seizoen van &#8220;House of Cards&#8221; een cinemagraph in de nieuwsbrief gezet. Zo is de waarschijnlijkheid groter dat de lezers zich het begin van het nieuwe seizoen herinneren en velen op de trailer klikken.<\/p>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 114.94%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/f8yz1tdwi0jtppyq7oio?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><span style=\"font-size: 8pt;\"><em>Bron: blog.flixel.com<\/em><\/span><\/p>\n<p><strong>Technische implementatie:<\/strong>\u00a0Wanneer de foto in een nieuwsbrief moet worden ge\u00efmplementeerd, kan in uitzonderingsgevallen (ook wanneer dat eigenlijk moet worden vermeden) het omzetten naar een gif-bestand helpen de bestandsgrootte klein te houden. Het gif-bestand kan normaal via de inbeddingscode van foto&#8217;s worden ge\u00efntegreerd en de bestandsgrootte zou het lang laden van de inhoud van de nieuwsbrief vermijden. Maar er moet beslist op worden gelet dat het kwaliteitsverlies niet te groot is en de animatiefoto er desondanks nog kwalitatief hoogwaardig uitziet.<\/p>\n<p>Voorbeeldcode voor het inbedden van een foto met een bewegingselement in een nieuwsbrief (opgeslagen als gif-bestand):<\/p>\n<div class=\"custom-background-grey\">\n<p>&lt;img src=\u201cXXXXX.gif\u201c width=\u201c600\u201c height=\u201c340\u201c alt=\u201cxx\u201c border=\u201c0\u201c hspace=\u201c0\u201c vspace=\u201c0\u201c&gt;<\/p>\n<\/div>\n<p>Wanneer de foto als video met aanzienlijk meer kleuren en daarmee een grotere bestandsgrootte wordt ingebed, dient beslist van tevoren te worden getest of de animatiefoto de performance van de inhoud bij het openen van de nieuwsbrief nadelig be\u00efnvloedt \u2013 zowel in de variant voor de desktop als voor mobiele toestellen.<\/p>\n<h2>Zelf bewegende foto&#8217;s maken: tool-check<\/h2>\n<p>Om een foto tot leven te wekken, is een goed oog nodig en afhankelijk van de tool een constante internetverbinding. Sommige tools bieden namelijk zelfs onlinebewerking aan. Afhankelijk van de tool is als uitgangsmateriaal een foto of een video nodig.<\/p>\n<h3 id=\"plotagraph\">Plotagraph<\/h3>\n<p>Bij deze aanbieder is het in tegenstelling tot de andere tools mogelijk, om aan de hand van een beeldbestand een foto met een bewegingselement te maken. Foto&#8217;s kunnen hier ook online worden bewerkt. Bij Plotagraph, strikt genomen &#8220;Plotaverse&#8221;, kan men zich gratis registreren om een eerste indruk van de tool te krijgen. Het bewerken gaat hier heel snel, er hoeft tenminste niet veel van tevoren te worden geproduceerd. Er moet alleen een geschikte foto gemaakt of geselecteerd en in de tool geladen worden. Met behulp van een penseel kan in de editor worden vastgelegd welke delen op de foto stil moeten blijven staan.<\/p>\n<figure id=\"attachment_14805\" aria-describedby=\"caption-attachment-14805\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/plotagraph-1.png\" rel=\"attachment wp-att-14805\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14805 size-large\" src=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/plotagraph-1.png\" alt=\"Een houten schuur staat op een vlak veld onder een dramatische, bewolkte hemel. De afbeelding is gedeeltelijk rood gemarkeerd, wat mogelijk aangeeft dat een gebied is geselecteerd voor bewerking in fotobewerkingssoftware.\" width=\"696\" height=\"338\" \/><\/a><figcaption id=\"caption-attachment-14805\" class=\"wp-caption-text\">Screenshot van het maskeren in Plotagraph<\/figcaption><\/figure>\n<p>Door middel van pijlen (oranje en blauw) kunt u vastleggen in welke richting de beeldpixels in de latere beweging moeten gaan. Zogenoemde &#8220;ankers&#8221; helpen bij de preciezere definitie van de animatie op de foto. In dit voorbeeld werden bewust ankers in de wolkenlucht geplaatst om een verfijndere beweging van de wolken te bereiken.<\/p>\n<figure id=\"attachment_14797\" aria-describedby=\"caption-attachment-14797\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/plotagraph-2.png\" rel=\"attachment wp-att-14797\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14797 size-large\" src=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/plotagraph-2.png\" alt=\"Een verweerde houten schuur staat in een grasveld onder een dramatische, bewolkte hemel. De afbeelding wordt weergegeven in Plotagraph Software en toont verschillende bewerkingstools en richtingspijlen die de bewegingseffecten op de wolken aangeven.\" width=\"696\" height=\"338\" \/><\/a><figcaption id=\"caption-attachment-14797\" class=\"wp-caption-text\">Screenshot van de verdere bewerking in Plotagraph<\/figcaption><\/figure>\n<p>De beweging van de beeldpixels wordt automatisch berekend door de tool. Maar u kunt de tijd van de automatisch berekende beweging ook be\u00efnvloeden. Des te korter u de duur van de animatiefoto instelt, des te sneller bewegen de gedefinieerde beeldpunten. Vervolgens kan het project worden ge\u00ebxporteerd. Wanneer men niet voor de Pro-versie betaalt, ontvangt men een MP4-bestand dat een watermerk bevat. Bij de betaalde versie kan men kiezen uit een mov-, jpeg seg-, png seq-, animated png- en gif-bestand.<br \/>\nHet voordeel van deze tool is onder andere dat u de bewerking te allen tijde via de afspeel-knop onderaan in het midden kunt controleren, omdat de foto in een eindeloze loop wordt afgespeeld, wanneer op de knop wordt gedrukt. Zo vallen ongerijmdheden en onnatuurlijke bewegingen snel op.<\/p>\n<div style=\"width: 696px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-14689-1\" width=\"696\" height=\"463\" loop=\"1\" autoplay=\"1\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/03\/house-1200px-30fps.mp4?_=1\" \/><a href=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/03\/house-1200px-30fps.mp4\">https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/03\/house-1200px-30fps.mp4<\/a><\/video><\/div>\n<p><strong>Conclusie:<\/strong>\u00a0De online-toepassing presteert ook op een smartphone heel goed. Wanneer men besluit de Pro-versie aan te schaffen, is het zeker zinvol de desktop-versie van de toepassing te downloaden. De tool kan echter niet elke foto op natuurlijke wijze tot leven wekken, omdat de precieze beweging van de afzonderlijke beeldpunten niet heel nauwkeurig kan worden be\u00efnvloed.<\/p>\n<p>Op zijn laatst wanneer elementen als zonnestralen op de voorgrond moeten bewegen, terwijl op de achtergrond een berglandschap statisch moet blijven, stuit men op de grenzen van de tool. Wanneer de beweging op de voorgrond echter duidelijk van de beweging op de achtergrond kan worden onderscheiden (zoals bijvoorbeeld zee en lucht), dan kunnen met Plotagraph heel snel bewegende beelden worden gemaakt. En dat met slechts \u00e9\u00e9n foto als uitgangsmateriaal. Vloeiende motieven zoals wolken, de zee of duidelijke afbeeldingen zijn zeer geschikt voor deze tool.<\/p>\n<h3 id=\"flixel\">Flixel<\/h3>\n<p>Het programma\u00a0<u><a href=\"https:\/\/flixel.com\/\">Cinemapraph Pro van Flixel<\/a><\/u>\u00a0is speciaal afgestemd op het maken van cinemagraphs. Ook hier heeft men de mogelijkheid de tool eerst gratis te testen. Het grootste en belangrijkste verschil met Plotagraph is dat hier met videomateriaal wordt gewerkt. Dat betekent dat de bewegingen op de foto aanzienlijk natuurlijker lijken, omdat het echte bewegingen zijn die men ziet. De video moet echter van tevoren volgens bepaalde voorwaarden worden opgenomen.<\/p>\n<p>Voor de foto met bewegingselement moet een video met statief worden opgenomen. De randen van de video moeten namelijk niet veranderen, maar alleen de modellen of het motief op de foto. Aan uw creativiteit wordt geen paal en perk gesteld, wanneer het erom gaat wat nu uiteindelijk op de foto moet bewegen. Voordat u de video opneemt moet u echter al wel weten wat u op uw cinemagraph wilt laten bewegen. Dus moet u modellen instructies geven of de camera in de juiste omgevingen positioneren.<\/p>\n<p>In de tutorial voor beginners van Flixel moet een tafereel met thee tot leven worden gewekt, waarop de man links aan een kopje thee nipt en de vrouw rechts thee inschenkt.<\/p>\n<figure id=\"attachment_14793\" aria-describedby=\"caption-attachment-14793\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/03\/flixel-1_en.png\" rel=\"attachment wp-att-14793\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14793 size-large\" src=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/03\/flixel-1_en.png\" alt=\"Een man en een vrouw zitten in fauteuils bij de open haard. De vrouw schenkt thee uit een glazen theepot in een kopje. Op de ronde salontafel tussen hen in staat een dienblad met kopjes en hapjes. De kamer heeft een gezellige sfeer met kaarsen op de schouw.\" width=\"696\" height=\"392\" \/><\/a><figcaption id=\"caption-attachment-14793\" class=\"wp-caption-text\">Selectie van een videofragment in Cinemagraph Pro<\/figcaption><\/figure>\n<p>Wanneer de opgenomen video vervolgens in Cinemapraph Pro wordt ge\u00fcpload, moet u eerst een kort fragment in de video uitzoeken en daarbinnen een stilstaand beeld defini\u00ebren. Dit stilstaande beeld vormt het uitgangsmateriaal voor de cinemagraph.<\/p>\n<p>In de volgende stap wordt gemaskeerd. Dat wil zeggen, dat u met een penseel op het geselecteerde stilstaande beeld alle gedeelten moet markeren die later moeten bewegen.<\/p>\n<figure id=\"attachment_14794\" aria-describedby=\"caption-attachment-14794\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/flixel-2_en.png\" rel=\"attachment wp-att-14794\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14794 size-large\" src=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/flixel-2_en.png\" alt=\"Een man en een vrouw zitten op stoelen rond een kleine tafel met thee en wat lekkers. De man drinkt uit een kopje, terwijl de vrouw thee inschenkt uit een theepot. Op de achtergrond is een open haard te zien en de sc\u00e8ne is gemaakt in een fotobewerkingsprogramma.\" width=\"696\" height=\"377\" \/><\/a><figcaption id=\"caption-attachment-14794\" class=\"wp-caption-text\">Maskeren van de gedeelten die later moeten bewegen.<\/figcaption><\/figure>\n<p>Met behulp van het zojuist gemaakte masker, schemert nu op alle plaatsen het tevoren bepaalde videofragment door, waarover u met de penseel bent heengegaan. Op het overige deel is het geselecteerde stilstaande beeld te zien.<\/p>\n<p>Om ervoor te zorgen dat de beweging op de foto vloeiend is, dient het videofragment zorgvuldig te worden gekozen. Via de instellingsmogelijkheden &#8220;Bounce&#8221; of &#8220;Repeat&#8221; kan de video achter het stilstaande beeld ofwel vooruit, achteruit en weer vooruit of steeds weer van voren af aan worden afgespeeld. De herhalingsduur kan eveneens worden gedefinieerd.<\/p>\n<p><strong>Conclusie:<\/strong>\u00a0Hierbij komt het dus aan op de perfecte afstemming van videomateriaal, geselecteerde videofragment en het bijbehorende stilstaande beeld. Het programma is zeer overzichtelijk vormgegeven en voorzien van alle benodigde gereedschappen voor de bewerking. Vooral de export-opties maken het mogelijk de cinemagraph optimaal voor te bereiden voor sociale media of zelfs Facebook-ads. Met Cinemagraphs Pro kunnen werkelijk realistisch bewegende foto&#8217;s worden gemaakt, zonder dat men bij het bewerken gek wordt van te veel functies. Wanneer men foto&#8217;s met een bewegingselement professioneel wil gebruiken, zien wij de tool als een lonende optie.<\/p>\n<h3 id=\"photoshop\">Adobe Photoshop<\/h3>\n<p>Wanneer u al beschikt over de Creative Suite, hoeft u voor foto&#8217;s met een bewegingselement niet per se een extra programma aan te schaffen. Deze kunnen ook met Photoshop C6 of een jongere versie worden gemaakt. Hier moeten alleen voor een deel een paar trucjes worden toegepast, omdat Photoshop eigenlijk niet is ontworpen voor het bewerken van video&#8217;s.<\/p>\n<p>Maar sinds Photoshop C6 kunnen er ook video&#8217;s worden geopend en dan verschijnt er een tijdlijn onderaan het programma. De mediadesigner DomQuichotte, bekend vanwege zijn tutorials op fx-ray.com, laat in een <u>tutorial voor Adobe<\/u>\u00a0op zeer aanschouwelijke wijze zien hoe men snel een foto met een bewegingselement in Photoshop kan maken. Kort gezegd gaat het erom (net als bij het Flixel-programma Cinemapraph Pro) een toepasselijke video op te nemen en een geschikt kort fragment te defini\u00ebren. Wanneer u dit fragment hebt geselecteerd, kunt u daar een stilstaand beeld uit kopi\u00ebren. Het toverwoord is nu &#8220;laagmaskers&#8221;. Met behulp van laagmaskers kunt u nu namelijk in dit stilstaande beeld defini\u00ebren op welke plaatsen de daaronderliggende video te zien moet zijn. Want het overvloeien van de laag met videobestanden werkt in Photoshop net zo als met beeldlagen. Zodoende is in eerste instantie altijd de foto te zien en slechts op geselecteerde plaatsen de video daaronder.<\/p>\n<figure id=\"attachment_14794\" aria-describedby=\"caption-attachment-14794\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/ps-tutorial.jpg\" rel=\"attachment wp-att-14794\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14794 size-large\" src=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/ps-tutorial.jpg\" alt=\"Een man presenteert fotobewerkingssoftware op een groot scherm. Het scherm toont een afbeelding van een vrouw in een bloemenjurk, staand in een veld aan de oceaan. De presentator draagt een zwart shirt en een pet en staat achter een laptop met microfoon.\" width=\"696\" height=\"377\" \/><\/a><figcaption id=\"caption-attachment-14794\" class=\"wp-caption-text\">Screenshot uit de tutorial van\u00a0DomQuichotte, bron: blogs.adobe.com<\/figcaption><\/figure>\n<p>Het voordeel van bewerking in Photoshop: Wanneer u het geselecteerde stilstaande beeld converteert naar een slim object, heeft u hier voortaan alle mogelijkheden om het beeld te bewerken. Of het nu gaat om een raw-filter of andere toepassingen \u2013 uw foto met bewegingselement kunt u volgens hetzelfde schema bewerken zoals u ook uw andere productfoto&#8217;s of foto&#8217;s van een shoot zou bewerken.<\/p>\n<div class=\"custom-background-grey\">\n<p>Interessant: In Photoshop kunnen niet alleen video&#8217;s worden omgetoverd in een foto met bewegingselement. Ook een foto alleen kan met behulp van de tijdlijn zodanig worden bewerkt, dat deze later beweegt. Maar deze methode is wat minder flexibel, omdat men probeert door middel van maskeren en transformeren (bijvoorbeeld Vergroten) een beweging te simuleren. Hierbij functioneren, net als bij\u00a0<u><a href=\"#plotagraph\">Plotagraph<\/a><\/u>, vloeiende motieven zoals wolken of water weer beter.<\/p>\n<\/div>\n<p><strong><br \/>\nConclusie:<\/strong>\u00a0Wanneer u goed met Photoshop kunt werken of, nog beter, al vertrouwd bent met de tijdlijn in het programma, zult u deze variant van bewerken het makkelijkst vinden. Want behalve het maken van de bewegende foto kunt u, zoals beschreven, alle benodigde retouche- en filterbewerkingen op de foto toepassen. Zo hoeft u geen nieuw programma aan te schaffen en blijft u flexibel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In dit artikel vestigen wij de aandacht op een fototrend die naar onze inschatting binnenkort weer zal opleven: foto&#8217;s met een bewegingselement, ook wel cinemagraphs genoemd.<\/p>\n","protected":false},"author":24,"featured_media":15505,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cinemagraphs: Foto&#039;s met een bewegingselement schieten<\/title>\n<meta name=\"description\" content=\"Foto&#039;s met een subtiel bewegingselement zoals cinemagraphs, vormen een trend die binnenkort weer zou kunnen opleven. Daar moet u bij het maken ervan en bij de marketingdoelstelling rekening mee houden.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Foto&#8217;s met een bewegingselement schieten en daarmee succesvol reclame maken: cinemagraphs\" \/>\n<meta property=\"og:description\" content=\"Foto&#039;s met een subtiel bewegingselement zoals cinemagraphs, vormen een trend die binnenkort weer zou kunnen opleven. Daar moet u bij het maken ervan en bij de marketingdoelstelling rekening mee houden.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/\" \/>\n<meta property=\"og:site_name\" content=\"onlineprinters.nl Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-10T06:36:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-28T14:42:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphs.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1068\" \/>\n\t<meta property=\"og:image:height\" content=\"580\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ramona\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Foto&#8217;s met een bewegingselement schieten en daarmee succesvol reclame maken: cinemagraphs\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ramona\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/\",\"url\":\"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/\",\"name\":\"Cinemagraphs: Foto's met een bewegingselement schieten\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlineprinters.nl\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphs.jpg\",\"datePublished\":\"2019-04-10T06:36:55+00:00\",\"dateModified\":\"2025-04-28T14:42:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.onlineprinters.nl\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9\"},\"description\":\"Foto's met een subtiel bewegingselement zoals cinemagraphs, vormen een trend die binnenkort weer zou kunnen opleven. Daar moet u bij het maken ervan en bij de marketingdoelstelling rekening mee houden.\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/#primaryimage\",\"url\":\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphs.jpg\",\"contentUrl\":\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphs.jpg\",\"width\":1068,\"height\":580},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlineprinters.nl\/blog\/#website\",\"url\":\"https:\/\/www.onlineprinters.nl\/blog\/\",\"name\":\"onlineprinters.nl Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.onlineprinters.nl\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlineprinters.nl\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9\",\"name\":\"Ramona\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.onlineprinters.nl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2018\/09\/avatar.png\",\"contentUrl\":\"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2018\/09\/avatar.png\",\"caption\":\"Ramona\"},\"description\":\"H\u00e4tte, h\u00e4tte, Fahrradkette \u2013 ich bin ein Fan davon die Dinge konsequent anzupacken und versuche weniger verpassten Gelegenheiten nachzuh\u00e4ngen. Jeden Tag \u00f6ffnen sich neue T\u00fcren und in unserer schnelllebigen Zeit der selbstf\u00fcllenden K\u00fchlschr\u00e4nke, Next-day-deliverys und twitternden Pr\u00e4sidenten sind das jede Menge. Nach meinem Studium der Medienkommunikation habe ich mich vor allem den spannenden Entwicklungen des Online Marketings verschrieben. In meinen Artikeln m\u00f6chte ich die neuen Trends und Inspirationen auf diesem Gebiet so lebhaft und praxisnah wie m\u00f6glich an die Leser weitergeben.\",\"url\":\"https:\/\/www.onlineprinters.nl\/blog\/author\/ramona\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cinemagraphs: Foto's met een bewegingselement schieten","description":"Foto's met een subtiel bewegingselement zoals cinemagraphs, vormen een trend die binnenkort weer zou kunnen opleven. Daar moet u bij het maken ervan en bij de marketingdoelstelling rekening mee houden.","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:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/","og_locale":"nl_NL","og_type":"article","og_title":"Foto&#8217;s met een bewegingselement schieten en daarmee succesvol reclame maken: cinemagraphs","og_description":"Foto's met een subtiel bewegingselement zoals cinemagraphs, vormen een trend die binnenkort weer zou kunnen opleven. Daar moet u bij het maken ervan en bij de marketingdoelstelling rekening mee houden.","og_url":"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/","og_site_name":"onlineprinters.nl Blog","article_published_time":"2019-04-10T06:36:55+00:00","article_modified_time":"2025-04-28T14:42:36+00:00","og_image":[{"width":1068,"height":580,"url":"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphs.jpg","type":"image\/jpeg"}],"author":"Ramona","twitter_card":"summary_large_image","twitter_title":"Foto&#8217;s met een bewegingselement schieten en daarmee succesvol reclame maken: cinemagraphs","twitter_misc":{"Geschreven door":"Ramona","Geschatte leestijd":"15 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/","url":"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/","name":"Cinemagraphs: Foto's met een bewegingselement schieten","isPartOf":{"@id":"https:\/\/www.onlineprinters.nl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/#primaryimage"},"image":{"@id":"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphs.jpg","datePublished":"2019-04-10T06:36:55+00:00","dateModified":"2025-04-28T14:42:36+00:00","author":{"@id":"https:\/\/www.onlineprinters.nl\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9"},"description":"Foto's met een subtiel bewegingselement zoals cinemagraphs, vormen een trend die binnenkort weer zou kunnen opleven. Daar moet u bij het maken ervan en bij de marketingdoelstelling rekening mee houden.","inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.onlineprinters.nl\/blog\/cinemagraphs\/#primaryimage","url":"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphs.jpg","contentUrl":"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphs.jpg","width":1068,"height":580},{"@type":"WebSite","@id":"https:\/\/www.onlineprinters.nl\/blog\/#website","url":"https:\/\/www.onlineprinters.nl\/blog\/","name":"onlineprinters.nl Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.onlineprinters.nl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Person","@id":"https:\/\/www.onlineprinters.nl\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9","name":"Ramona","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.onlineprinters.nl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2018\/09\/avatar.png","contentUrl":"https:\/\/www.onlineprinters.nl\/blog\/wp-content\/uploads\/2018\/09\/avatar.png","caption":"Ramona"},"description":"H\u00e4tte, h\u00e4tte, Fahrradkette \u2013 ich bin ein Fan davon die Dinge konsequent anzupacken und versuche weniger verpassten Gelegenheiten nachzuh\u00e4ngen. Jeden Tag \u00f6ffnen sich neue T\u00fcren und in unserer schnelllebigen Zeit der selbstf\u00fcllenden K\u00fchlschr\u00e4nke, Next-day-deliverys und twitternden Pr\u00e4sidenten sind das jede Menge. Nach meinem Studium der Medienkommunikation habe ich mich vor allem den spannenden Entwicklungen des Online Marketings verschrieben. In meinen Artikeln m\u00f6chte ich die neuen Trends und Inspirationen auf diesem Gebiet so lebhaft und praxisnah wie m\u00f6glich an die Leser weitergeben.","url":"https:\/\/www.onlineprinters.nl\/blog\/author\/ramona\/"}]}},"_links":{"self":[{"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/posts\/14689"}],"collection":[{"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/comments?post=14689"}],"version-history":[{"count":7,"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/posts\/14689\/revisions"}],"predecessor-version":[{"id":40546,"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/posts\/14689\/revisions\/40546"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/media\/15505"}],"wp:attachment":[{"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/media?parent=14689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/categories?post=14689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlineprinters.nl\/blog\/wp-json\/wp\/v2\/tags?post=14689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}