{"id":14689,"date":"2019-04-30T08:36:55","date_gmt":"2019-04-30T06:36:55","guid":{"rendered":"https:\/\/www.diedruckerei.de\/magazin\/?p=14689"},"modified":"2025-04-28T16:22:50","modified_gmt":"2025-04-28T14:22:50","slug":"cinemagraphs","status":"publish","type":"post","link":"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/","title":{"rendered":"Cinemagraphs: Crear im\u00e1genes con movimiento y publicitar con ellas"},"content":{"rendered":"<p>Examinamos ahora una moda que, seg\u00fan nuestras estimaciones, volver\u00e1 pronto: las im\u00e1genes con movimiento, tambi\u00e9n llamadas cinemagraphs o cinemagraf\u00edas. Estas fotos te dejan con la boca abierta. Con las maniobras correctas tambi\u00e9n t\u00fa puedes dar vida a las fotos sin tener que pagar demasiado. Aqu\u00ed te explicamos c\u00f3mo puedes otorgar movimiento a tus fotos y en qu\u00e9 canales publicitarios puedes emplearlas de forma \u00f3ptima.<\/p>\n<p><!--more--><\/p>\n<p>\u00bfHa pasado ya de moda el cl\u00e1sico GIF? Una cosa est\u00e1 clara: algunas modas vuelven una y otra vez. Por ello, volvemos la vista hacia un tipo diferente y muy prometedor de im\u00e1genes con movimiento. Este irrumpi\u00f3 en escena hace ya algunos a\u00f1os y parece que va a volver dentro de muy poco, nos referimos a los cinemagraphs o cinemagraf\u00edas. Este tipo de im\u00e1genes se mueven en bucle, al igual que los GIF, pero aparte de eso no tienen mucho en com\u00fan con los triunfadores en las redes sociales. Los cinemagraphs son fotos de gran calidad que te dejan con la boca abierta tras mirarlas un instante. Es por ello que los cinemagraphs tienen tanto potencial para tu publicidad.<\/p>\n<p><strong>Contenido:<\/strong><\/p>\n<ul>\n<li>Para tu marketing: publicitar de manera profesional con im\u00e1genes con movimiento\n<ul>\n<li><a href=\"#1\">Sitios web y blogs<\/a><\/li>\n<li><a href=\"#2\">Publicidad en redes sociales, en pantalla o Canvas<\/a><\/li>\n<li><a href=\"#3\">Newsletter<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Crea por tu cuenta tus im\u00e1genes con movimiento: comprobaci\u00f3n de herramientas\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 class=\"custom-background-grey\">\n<p><strong>Cinemagraph vs. GIF<\/strong><br \/>\nEn los cinemagraphs se mueve solo una parte de la foto, mientras que el resto permanece fijo. Por ello, estas im\u00e1genes tienen aspecto de verdaderas \u00abim\u00e1genes con movimiento\u00bb, y no de v\u00eddeos. Contrariamente a los GIF, los cinemagraphs contienen muchos m\u00e1s colores, por lo que dan una impresi\u00f3n de mucha m\u00e1s calidad.<\/p>\n<\/div>\n<p>Lo m\u00e1s impresionante en las im\u00e1genes con movimiento: uno est\u00e1, por ejemplo, mirando a una mujer que toma el sol en la piscina, y de repente pas\u00f3 algo en la foto.<\/p>\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>Fuente : flixel.com\/cinemagraph\/ &#8211;\u00a0DomQuichotte<\/em><\/span><\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div><\/div>\n<div>\n<p>Tambi\u00e9n al rev\u00e9s se pueden crear interesantes efectos. Hay movimiento en la mayor parte de la imagen, por lo que parece un v\u00eddeo, hasta que nos damos cuenta de que algunas partes no se mueven y de que se trata de una imagen con movimiento y no de un v\u00eddeo.<\/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>Fuente: 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>Fuente: flixel.com\/cinemagraph\/ &#8211;\u00a0DomQuichotte<\/em><\/span><\/div>\n<div><\/div>\n<div>\n<p>Las im\u00e1genes con movimiento como cinemagraphs no son algo nuevo. Ya se empezaron a producir en 2011 de forma profesional para la publicidad de conocidas marcas. Por ejemplo los creadores\u00a0<u><a href=\"http:\/\/cinemagraphs.com\/\">Jamie Beck and Kevin Burg<\/a><\/u> las utilizaron en la Semana de la Moda de Nueva York de ese a\u00f1o. Y es que los cinemagraphs tienen un verdadero potencial para dise\u00f1ar campa\u00f1as publicitarias interesantes en la red sin necesidad de producir costosos v\u00eddeos.<\/p>\n<\/div>\n<h2>Usar profesionalmente im\u00e1genes con movimiento<\/h2>\n<p>A continuaci\u00f3n te explicamos c\u00f3mo producir im\u00e1genes con movimiento y la tecnolog\u00eda que se esconde tras ellas. Pero hay algo que ya podemos desvelarte: la producci\u00f3n de im\u00e1genes con movimiento es mucho menos costosa que los laboriosos v\u00eddeos publicitarios grabados. Pero tambi\u00e9n en los cinemagraphs se mueve algo en la imagen que atrae y atrapa la atenci\u00f3n del espectador. El tama\u00f1o del fichero con las im\u00e1genes en movimiento es mucho menor que el de un v\u00eddeo publicitario, lo que hace que se puedan reproducir de forma m\u00e1s r\u00e1pida en muchos sitios web o blogs. Esto es algo muy importante, ya que los cinemagraphs funcionan mejor cuando se reproducen inmediatamente en bucle continuo.<\/p>\n<div class=\"custom-background custom-background-donts\">\n<p><strong>Importante:<\/strong>\u00a0aunque se hable de <strong>im\u00e1genes<\/strong> con movimiento, en realidad se suele tratar de <strong>ficheros de v\u00eddeo<\/strong>. Para reproducir las im\u00e1genes con movimiento en bucle continuo es mejor cambiar el formato de v\u00eddeo al guardarlo a archivo GIF, ya que este formato reproduce el v\u00eddeo autom\u00e1ticamente una y otra vez.<br \/>\n\u00a1Pero cuidado! Un archivo MP4 puede reproducir innumerables colores, un GIF solo 256. Esta p\u00e9rdida de calidad suele percibirse claramente. Por ello, al integrarlas en tu sitio web, blog o similares; procura no convertir el archivo en un GIF e integrar la funci\u00f3n loop (bucle) a trav\u00e9s del c\u00f3digo de incrustaci\u00f3n.<\/p>\n<figure id=\"attachment_15435\" aria-describedby=\"caption-attachment-15435\" style=\"width: 270px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/mp4-file.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15435\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-300x260.png\" alt=\"Un oc\u00e9ano vasto y tranquilo bajo un cielo azul claro, donde el horizonte divide el agua y el cielo en una escena serena y cinematogr\u00e1fica que captura el movimiento pac\u00edfico.\" width=\"270\" height=\"234\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-300x260.png 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-534x462.png 534w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-696x602.png 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/mp4-file-485x420.png 485w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/mp4-file.png 722w\" sizes=\"(max-width: 270px) 100vw, 270px\" \/><\/a><figcaption id=\"caption-attachment-15435\" class=\"wp-caption-text\">Calidad de un archivo MP4 vs.<\/figcaption><\/figure>\n<figure id=\"attachment_15434\" aria-describedby=\"caption-attachment-15434\" style=\"width: 230px\" class=\"wp-caption alignright\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/gif-file.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15434\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/gif-file-300x300.png\" alt=\"Una serena vista del oc\u00e9ano al atardecer, donde las tranquilas aguas reflejan los c\u00e1lidos tonos del cielo como una cinemagraf\u00eda viviente. El horizonte se funde suavemente con el cielo suave y pastel, creando un momento de perpetua tranquilidad.\" width=\"230\" height=\"230\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/gif-file-300x300.png 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/gif-file-150x150.png 150w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/gif-file-420x420.png 420w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/gif-file.png 460w\" sizes=\"(max-width: 230px) 100vw, 230px\" \/><\/a><figcaption id=\"caption-attachment-15434\" class=\"wp-caption-text\">Calidad de un archivo MP4 vs.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<h3 id=\"1\">Sitios web y blogs<\/h3>\n<p>Las im\u00e1genes con movimiento en el encabezado de un sitio web son una estupenda posibilidad para atraer la atenci\u00f3n del visitante sin sobreestimularlo. Tambi\u00e9n las presentaciones de productos se pueden dise\u00f1ar de forma mucho m\u00e1s atractiva con cinemagraphs, dependiendo naturalmente del producto y el sector. Esta ventaja tambi\u00e9n se puede aprovechar en blogs, aunque hay algo que hay que tener siempre en cuenta: menos es m\u00e1s. Si hay movimiento en toda la p\u00e1gina y aparece publicidad en cada barra de la misma se pierde el efecto sorpresa.<\/p>\n<p><strong>Ejemplos de presentaci\u00f3n de productos:\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;\">Fuente: 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;\">Fuente: 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;\">Fuente: flixel.com\/cinemagraphs\/advertising &#8211;\u00a0<\/span><span style=\"font-size: 8pt;\">CinePix<\/span><\/em><\/p>\n<\/div>\n<p><strong>Integraci\u00f3n t\u00e9cnica:<\/strong>\u00a0la imagen con movimiento se puede integrar a trav\u00e9s del elemento de v\u00eddeo HTML. Las cualidades para \u00abAutoplay\u00bb y \u00abLoop\u00bb deben estar en el c\u00f3digo y se debe comprobar la compatibilidad con diferentes navegadores. Tambi\u00e9n WordPress permite integrar im\u00e1genes con movimiento sin ning\u00fan problema. Lo m\u00e1s f\u00e1cil es cargar la imagen con movimiento en YouTube o en otra plataforma como\u00a0<u><a href=\"https:\/\/flixel.com\/cinemagraphs\/fresh\/\">flixel.com<\/a><\/u> (una p\u00e1gina especializada en la producci\u00f3n y difusi\u00f3n de cinemagraphs) para posteriormente integrarla en tu p\u00e1gina. Y es que esta \u00faltima p\u00e1gina te ofrece, por ejemplo, c\u00f3digos de incrustaci\u00f3n ya listos para copiar y pegar que son reproducidos en Autoplay y Loop.<\/p>\n<p>C\u00f3digo de ejemplo para incrustar una imagen con movimiento como elemento HTML:<\/p>\n<pre>&lt;video width=\"320\" height=\"240\" autoplay loop&gt;\r\n&lt;source src=\"movie.mp4\" type=\"video\/mp4\"&gt;\r\n&lt;source src=\"movie.ogg\" type=\"video\/ogg\"&gt;\r\nYour browser does not support the video tag.\r\n&lt;\/video&gt;<\/pre>\n<div>\n<p>C\u00f3digo de ejemplo para incrustar una imagen con movimiento de la galer\u00eda de medios de WordPress:<\/p>\n<pre>[ video width=\"1200\" height=\"800\" \r\nmp4=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2018\/09\/Test_Wasser\r\n-1200px-25fps-2.mp4\" loop=\"on\" autoplay=\"on\" ] [ \/video ]<\/pre>\n<p><em><span style=\"font-size: 8pt;\">(Note: Please delete the blanks before and after the parentheses before using this code.)<\/span><\/em><\/p>\n<p>C\u00f3digo de ejemplo para incrustar una imagen con movimiento en YouTube:<\/p>\n<pre>&lt;iframe class=\"embed-responsive-item\"id=\"ytplayer\" type=\"text\/html\" width=\"640\" height=\"360\" src=\"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\" frameborder=\"0\" allowfullscreen&gt;&lt;\/iframe&gt;<\/pre>\n<\/div>\n<p>C\u00f3digo de ejemplo para incrustar una imagen con movimiento en Flixel:<\/p>\n<pre>&lt;div class=\"flx-embed\"&gt;&lt;div style=\"position:relative; height:0; padding-bottom:56.25%; width:100%\"&gt;&lt;iframe style=\"position:absolute; top:0; left:0; width:100%; height:100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/tpaqkloxud1mvjq08bfh?hd=false\" frameborder=\"0\" allowfullscreen allow='autoplay'&gt;&lt;\/iframe&gt;&lt;\/div&gt;&lt;\/div&gt;<\/pre>\n<h3 id=\"2\">Publicidad en redes sociales, en pantalla o Canvas<\/h3>\n<p>Lo que tiene movimiento es interesante Esto se aplica a lo que se publica en las redes sociales. Las im\u00e1genes con movimiento pueden usarse tanto en publicidad en pantallas y canvas en Facebook o Instagram, como en interesantes contenidos en su estrategia La ventaja de este tipo de im\u00e1genes frente a los v\u00eddeos: los cinemagraphs son considerados un poco m\u00e1s sencillos que los v\u00eddeos, ya que la vista recibe menos movimientos simult\u00e1neos. Por una parte esto es m\u00e1s agradable para la vista y, por otra parte, es algo muy interesante de ver. Adem\u00e1s, los contenidos en las redes sociales deben ser entretenidos y suponemos que, si no te parecieran emocionantes estas im\u00e1genes con movimiento, no habr\u00edas le\u00eddo hasta aqu\u00ed.<\/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>Integraci\u00f3n t\u00e9cnica:\u00a0<\/strong>con la funci\u00f3n Autoplay de Facebook, Instagram y compa\u00f1\u00eda, los v\u00eddeos o las im\u00e1genes con movimiento se ponen en marcha sin tener que hacer clic en la foto. Hoy en d\u00eda tambi\u00e9n es posible configurar fotos de perfil y publicidad en Facebook con im\u00e1genes con movimiento. Los nuevos dispositivos m\u00f3viles pueden tambi\u00e9n reproducir cinemagraphs sin problemas. Pero aseg\u00farate de que tu imagen se reproduzca en Loop para que el efecto del movimiento del motivo se vea claramente. Si la imagen con movimiento dura solo tres segundos, es posible que el espectador no se d\u00e9 cuenta del efecto.<\/p>\n<h3>Bolet\u00edn electr\u00f3nico<\/h3>\n<p>Tambi\u00e9n en este \u00e1mbito son muy gratificantes las im\u00e1genes con movimiento. El gigante de las series Netflix, por ejemplo, ha utilizado im\u00e1genes con movimiento en el bolet\u00edn electr\u00f3nico para el comienzo de la tercera temporada de \u00abHouse of Cards\u00bb De esta forma hay m\u00e1s probabilidades de que el lector recuerde que la temporada va a comenzar y muchos hagan clic en el trailer.<\/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>Fuente: blog.flixel.com<\/em><\/span><\/p>\n<p><strong>Integraci\u00f3n t\u00e9cnica:<\/strong>\u00a0si la imagen con movimiento debe ser integrada en un bolet\u00edn electr\u00f3nico, en casos excepcionales puede ser \u00fatil convertirla en un formato GIF (aunque normalmente hay que evitarlo) para que siga teniendo un tama\u00f1o peque\u00f1o. El archivo GIF puede integrarse normalmente con el c\u00f3digo de incrustaci\u00f3n de im\u00e1genes y el tama\u00f1o del archivo evitar\u00eda que los contenidos del bolet\u00edn tardaran demasiado en cargarse. Sin embargo, hay que tener cuidado de que no se pierda mucha calidad y de que, a pesar de todo, la imagen con movimiento siga teniendo una gran calidad.<\/p>\n<p>C\u00f3digo de ejemplo para incrustar una imagen con movimiento en el bolet\u00edn (guardado como GIF):<\/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>Si la imagen con movimiento se incrusta como v\u00eddeo con muchos m\u00e1s colores y, con ello, el tama\u00f1o del archivo aumenta, es imprescindible comprobar previamente si la imagen con movimiento afecta al rendimiento de los contenidos al abrir el bolet\u00edn, tanto en la variante para el escritorio como para la de dispositivos m\u00f3viles.<\/p>\n<p>&nbsp;<\/p>\n<h2>Crea por tu cuenta tus im\u00e1genes con movimiento: comprobaci\u00f3n de herramientas<\/h2>\n<p>Para dar vida a una imagen se necesita un buen ojo y, dependiendo de la herramienta, una conexi\u00f3n constante a Internet. Algunas herramientas ofrecen incluso una edici\u00f3n en l\u00ednea. Dependiendo de la herramienta se necesita como material de partida una imagen o un v\u00eddeo.<\/p>\n<h3 id=\"plotagraph\">Plotagraph<\/h3>\n<p>Contrariamente a otras herramientas, con este proveedor se puede crear una imagen con movimiento a partir de un archivo de imagen. Aqu\u00ed tambi\u00e9n se pueden editar en l\u00ednea las im\u00e1genes. En Plotagraph (m\u00e1s bien en \u00abPlotaverse\u00bb) te puedes registrar gratuitamente para tener una primera impresi\u00f3n de la herramienta. La edici\u00f3n es muy r\u00e1pida, al menos no hay mucho que producir previamente para ello. Solo hay que tomar o buscar una imagen adecuada y cargarla en la herramienta. Con ayuda de un pincel se puede determinar en el editor qu\u00e9 partes de la imagen deben quedar sin movimiento.<\/p>\n<figure id=\"attachment_15436\" aria-describedby=\"caption-attachment-15436\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15436 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-1024x498.png\" alt=\"Un r\u00fastico granero de madera se alza en un campo abierto bajo un cielo nublado y espectacular. La superposici\u00f3n roja que cubre partes de la imagen le da un aspecto cinematogr\u00e1fico, mientras que los detalles intactos del granero y el cielo sugieren una edici\u00f3n en curso.\" width=\"696\" height=\"338\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-1024x498.png 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-300x146.png 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-768x373.png 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-696x338.png 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-1068x519.png 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1-864x420.png 864w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-1.png 1886w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15436\" class=\"wp-caption-text\">Captura de pantalla de la m\u00e1scara en Plotagraph<\/figcaption><\/figure>\n<p>Con las flechas (naranjas y azules) puedes determinar en qu\u00e9 direcci\u00f3n se deben mover los p\u00edxeles de la imagen. Los llamados \u00abestabilizadores\u00bb ayudan a definir con exactitud la animaci\u00f3n en la imagen. En este ejemplo se han colocado intencionadamente estabilizadores en las nubes para conseguir que estas se muevan de forma diferenciada.<\/p>\n<figure id=\"attachment_15437\" aria-describedby=\"caption-attachment-15437\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15437 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-1024x498.png\" alt=\"Un r\u00fastico granero de madera se alza en un campo abierto bajo un cielo nublado y dram\u00e1tico, capturado en la delicada danza de una cinemagraf\u00eda. La interfaz del software Plotagraph es visible, mostrando una serie de herramientas y marcadores de colores que marcan los puntos de animaci\u00f3n.\" width=\"696\" height=\"338\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-1024x498.png 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-300x146.png 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-768x373.png 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-696x338.png 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-1068x519.png 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2-864x420.png 864w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Plotagraph-2.png 1886w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15437\" class=\"wp-caption-text\">Captura de pantalla de la continuaci\u00f3n de la edici\u00f3n en Plotagraph<\/figcaption><\/figure>\n<p>La herramienta calcula autom\u00e1ticamente el movimiento de los p\u00edxeles de la imagen. Sin embargo, tambi\u00e9n puedes influir en la duraci\u00f3n del movimiento autom\u00e1ticamente calculado. Cuanto m\u00e1s corta sea la duraci\u00f3n de la imagen con movimiento, m\u00e1s r\u00e1pidamente se mover\u00e1n los puntos de la imagen definidos. A continuaci\u00f3n se puede exportar el proyecto. Si no has pagado por la versi\u00f3n profesional, recibir\u00e1s un archivo MP4 con una marca de agua. En la versi\u00f3n de pago puedes elegir entre los formatos MOV, JPEG seg, PNG seq, animated PNG y GIF.<\/p>\n<p>Una de las ventajas de esta herramienta es que puedes comprobar en cualquier momento la edici\u00f3n con el bot\u00f3n de Play en la parte inferior central, ya que con este bot\u00f3n puedes reproducir la imagen en bucle continuo.\u00a0De esta forma puedes notar r\u00e1pidamente si hay inconsistencias y movimientos poco naturales.<\/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.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/house-1200px-30fps.mp4?_=1\" \/><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/house-1200px-30fps.mp4\">https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/house-1200px-30fps.mp4<\/a><\/video><\/div>\n<p><strong>Resumen:<\/strong>\u00a0el rendimiento de la aplicaci\u00f3n en l\u00ednea es muy bueno tambi\u00e9n en el smartphone. Si decides comprar la versi\u00f3n profesional, es muy \u00fatil descargar la versi\u00f3n para escritorio de la aplicaci\u00f3n. Sin embargo, esta herramienta no puede dar vida de forma natural a todas las im\u00e1genes, ya que no se puede influir de forma exacta en los movimientos de cada uno de los puntos de la imagen.<\/p>\n<p>La herramienta alcanza sus l\u00edmites, como muy tarde, cuando se deben mover en primer plano elementos como los rayos del sol, mientras que en el fondo se deben quedar quietos elementos como unas monta\u00f1as. Sin embargo, si se pueden dividir de forma clara los movimientos en el primer plano y en el fondo de la imagen (como por ejemplo el mar y el cielo), se pueden crear r\u00e1pidamente im\u00e1genes con movimiento con Plotagraph. Y todo ello partiendo de una sola foto. Los motivos que fluyen, como las nubes o el mar, o simples gr\u00e1ficos, son muy adecuados para esta herramienta.<\/p>\n<h3 id=\"flixel\">Flixel<\/h3>\n<p>El programa\u00a0<a href=\"https:\/\/flixel.com\/\">Cinemapraph Pro by Flixel<\/a> est\u00e1 especialmente concebido para crear cinemagraphs. Aqu\u00ed tambi\u00e9n tienes la oportunidad de probar primero la herramienta de forma gratuita. La mayor y m\u00e1s importante diferencia con Plotagraph es que aqu\u00ed se trabaja con material de v\u00eddeo. Eso significa que los movimientos en la imagen tienen un aspecto mucho m\u00e1s natural, ya que son movimientos reales. Sin embargo, el v\u00eddeo debe ser previamente grabado cumpliendo determinadas condiciones.<\/p>\n<p>Para la imagen con movimiento se debe grabar un v\u00eddeo con un tr\u00edpode. Los m\u00e1rgenes de los v\u00eddeos no deben cambiar, sino solo los modelos o el motivo en la imagen. Puedes decidir libremente qu\u00e9 se va a mover en la imagen. Antes de grabar el v\u00eddeo debes tener claro qu\u00e9 quieres realizar en tu cinemagraph. As\u00ed sabr\u00e1s qu\u00e9 instrucciones debes darles a los modelos o d\u00f3nde colocar la c\u00e1mara.<\/p>\n<p>En el tutorial para principiantes de Flixel se quiere dar vida a una escena en la que el hombre de la izquierda sorbe de la taza y la mujer de la derecha sirve el t\u00e9.<\/p>\n<figure id=\"attachment_15432\" aria-describedby=\"caption-attachment-15432\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15432 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-1024x576.png\" alt=\"Un hombre y una mujer se sientan en sillones junto a una chimenea blanca, creando una escena que recuerda a una acogedora cinemagraf\u00eda. La mujer sirve t\u00e9 en una taza sobre una peque\u00f1a mesa redonda que tambi\u00e9n contiene un plato de aperitivos, mientras velas rojas titilan suavemente sobre la repisa.\" width=\"696\" height=\"392\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-1024x576.png 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-300x169.png 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-768x432.png 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-696x392.png 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-1068x601.png 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1-747x420.png 747w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-1.png 1920w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15432\" class=\"wp-caption-text\">Elecci\u00f3n de un fragmento de v\u00eddeo en Cinemagraph Pro<\/figcaption><\/figure>\n<p>Una vez que el v\u00eddeo est\u00e1 cargado en Cinemagraph Pro, debes elegir primero un fragmento del v\u00eddeo y determinar en \u00e9l una imagen fija. Esta imagen fija es el material de partida para el cinemagraph.<\/p>\n<p>El siguiente paso es crear la m\u00e1scara. Esto significa marcar con un pincel en la imagen fija elegida las zonas que m\u00e1s tarde deber\u00e1n tener movimiento.<\/p>\n<figure id=\"attachment_15433\" aria-describedby=\"caption-attachment-15433\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15433 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-1024x555.png\" alt=\"Un hombre y una mujer est\u00e1n sentados en una sala de estar, creando una cinemagraf\u00eda serena. El hombre bebe de una taza mientras la mujer sirve t\u00e9 en la mesa. Una herramienta de selecci\u00f3n resalta parte de la imagen, mientras que la habitaci\u00f3n cuenta con una chimenea y una repisa elegantemente decorada.\" width=\"696\" height=\"377\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-1024x555.png 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-300x163.png 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-768x416.png 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-696x377.png 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-1068x579.png 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2-775x420.png 775w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/Flixel-2.png 1920w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15433\" class=\"wp-caption-text\">M\u00e1scara de las zonas que posteriormente tendr\u00e1n movimiento<\/figcaption><\/figure>\n<p>Mediante la recientemente creada m\u00e1scara, ahora relucen todos los lugares del fragmento de v\u00eddeo sobre los que has pasado el pincel. El resto de la imagen corresponde a la imagen fija elegida.<\/p>\n<p>Para que el movimiento en la imagen sea fluido, se debe elegir cuidadosamente el fragmento de v\u00eddeo. Con las configuraciones \u00abBounce\u00bb o \u00abRepeat\u00bb puedes reproducir el v\u00eddeo tras la imagen fija hacia adelante, hacia atr\u00e1s y luego de nuevo hacia adelante o una y otra vez desde el principio. Tambi\u00e9n se puede determinar la duraci\u00f3n de la repetici\u00f3n.<\/p>\n<p><strong>Resumen:<\/strong>\u00a0lo m\u00e1s importante aqu\u00ed es la coordinaci\u00f3n entre el material de v\u00eddeo, el fragmento de v\u00eddeo elegido y la imagen fija del mismo. Este programa est\u00e1 dise\u00f1ado de forma muy clara y est\u00e1 dotado de todas las herramientas necesarias para la edici\u00f3n. Especialmente las opciones de exportaci\u00f3n permiten preparar de forma \u00f3ptima el cinemagraph para las redes sociales o incluso para publicidad en Facebook. Con Cinemagraphs Pro se pueden crear im\u00e1genes con movimiento verdaderamente realistas sin verse agobiado con demasiadas funciones para la edici\u00f3n. Si quieres usar profesionalmente im\u00e1genes con movimiento, creemos que esta herramienta es una opci\u00f3n rentable.<\/p>\n<h3 id=\"photoshop\">Adobe Photoshop<\/h3>\n<p>Si ya dispones de Creative Suite, no necesitas adquirir un programa aparte para im\u00e1genes con movimientos. Puedes tambi\u00e9n crearlas con Photoshop C6 o una versi\u00f3n posterior. Simplemente hay que utilizar alg\u00fan peque\u00f1o \u00abtruco\u00bb ya que, en realidad, Photoshop no est\u00e1 concebido para editar v\u00eddeos.<\/p>\n<p>Pero a partir de Photoshop C6 tambi\u00e9n se pueden abrir v\u00eddeos y, en la parte inferior del programa, aparece una barra de tiempo. El infografista alem\u00e1n DomQuichotte, famoso por sus tutoriales en fx-ray.com, muestra de forma muy clara en un tutorial para Adobe c\u00f3mo crear r\u00e1pidamente una imagen con movimiento en Photoshop. Desgraciadamente <a href=\"https:\/\/blogs.adobe.com\/creative\/de\/bewegte-bilder-so-entstehen-cinemagraphs\/\">este tutorial<\/a> no est\u00e1 disponible en espa\u00f1ol. En resumen se trata (al igual que con el programa Cinemagraph Pro de Flixel) de grabar un v\u00eddeo adecuado y de determinar un fragmento apropiado del mismo. Una vez que hayas elegido este fragmento, puedes extraer de \u00e9l una imagen fija. Las palabras m\u00e1gicas son \u00abm\u00e1scaras de capa\u00bb. Con las m\u00e1scaras de capa puedes determinar en esta imagen fija en qu\u00e9 zonas se ver\u00e1 el v\u00eddeo. Y es que la superposici\u00f3n de capas con archivos de v\u00eddeo en Photoshop funciona exactamente igual que con las capas de imagen. Por ello, lo m\u00e1s importante es poder ver siempre la imagen y ver el v\u00eddeo solo en los lugares elegidos.<\/p>\n<figure id=\"attachment_15429\" aria-describedby=\"caption-attachment-15429\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15429 size-large\" src=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-1024x543.jpg\" alt=\"Una persona se encuentra frente a un tutorial de software de edici\u00f3n de im\u00e1genes en la pantalla de un ordenador. La interfaz muestra una imagen de playa con una mujer vestida, ideal para crear cinemagraf\u00edas. La presentadora aparece en la esquina inferior derecha, con sombrero y hablando por un micr\u00f3fono.\" width=\"696\" height=\"369\" srcset=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-1024x543.jpg 1024w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-300x159.jpg 300w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-768x407.jpg 768w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-696x369.jpg 696w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-1068x566.jpg 1068w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial-792x420.jpg 792w, https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/PS-Tutorial.jpg 1273w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><figcaption id=\"caption-attachment-15429\" class=\"wp-caption-text\">Captura de pantalla del tutorial de\u00a0DomQuichotte, fuente: blogs.adobe.com<\/figcaption><\/figure>\n<p>La ventaja de editar en Photoshop: si transformas la imagen fija elegida en un objeto inteligente, sigues teniendo todas las posibilidades para editar la imagen. Puedes editar tu imagen con movimiento de la misma forma en la que editar\u00edas tus otras im\u00e1genes de productos o de sesiones fotogr\u00e1ficas, ya sea con filtro RAW o con otras aplicaciones.<\/p>\n<div class=\"custom-background-grey\">\n<p>Interesante: en Photoshop no solo puedes transformar v\u00eddeos en im\u00e1genes con movimiento. Tambi\u00e9n puedes editar, con ayuda de la barra de tiempo, una simple foto para que se mueva. Sin embargo, con este m\u00e9todo tendr\u00e1s menos flexibilidad, ya que se intenta simular un movimiento con m\u00e1scaras y transformaciones (por ejemplo, aumentando el tama\u00f1o). Al igual que ocurre en\u00a0<a href=\"#plotagraph\">Plotagraph<\/a>, aqu\u00ed se obtienen los mejores resultados con motivos que fluyen, como nubes o agua.<\/p>\n<\/div>\n<p><strong>Resumen:<\/strong>\u00a0esta variante de edici\u00f3n te resultar\u00e1 muy sencilla si ya est\u00e1s familiarizado con Photoshop y m\u00e1s a\u00fan si ya has trabajado con la barra de tiempo en el programa. Y es que, adem\u00e1s de crear la imagen con movimiento, puedes utilizar en la imagen todos los filtros y herramientas de retoque. As\u00ed que no necesitas comprar ning\u00fan nuevo programa y no pierdes flexibilidad.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Examinamos ahora una moda que, seg\u00fan nuestras estimaciones, volver\u00e1 pronto: las im\u00e1genes con movimiento, tambi\u00e9n llamadas cinemagraphs.<\/p>\n","protected":false},"author":24,"featured_media":15431,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Crear im\u00e1genes con movimiento y publicitar con ellas: cinemagraphs.<\/title>\n<meta name=\"description\" content=\"Las im\u00e1genes con movimiento como cinemagraphs son una moda que puede volver muy pronto. Debes tener esto en cuenta a la hora de crearlas y al utilizarlas en tu marketing.\" \/>\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.es\/blog\/cinemagraphs\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cinemagraphs: Crear im\u00e1genes con movimiento y publicitar con ellas\" \/>\n<meta property=\"og:description\" content=\"Las im\u00e1genes con movimiento como cinemagraphs son una moda que puede volver muy pronto. Debes tener esto en cuenta a la hora de crearlas y al utilizarlas en tu marketing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/\" \/>\n<meta property=\"og:site_name\" content=\"onlineprinters.es Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-30T06:36:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-28T14:22:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphes.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=\"Cinemagraphs: Crear im\u00e1genes con movimiento y publicitar con ellas\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ramona\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/\",\"name\":\"Crear im\u00e1genes con movimiento y publicitar con ellas: cinemagraphs.\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphes.jpg\",\"datePublished\":\"2019-04-30T06:36:55+00:00\",\"dateModified\":\"2025-04-28T14:22:50+00:00\",\"author\":{\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9\"},\"description\":\"Las im\u00e1genes con movimiento como cinemagraphs son una moda que puede volver muy pronto. Debes tener esto en cuenta a la hora de crearlas y al utilizarlas en tu marketing.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/#primaryimage\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphes.jpg\",\"contentUrl\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphes.jpg\",\"width\":1068,\"height\":580,\"caption\":\"Cinemagraphs: im\u00e1genes en movimiento\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#website\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/\",\"name\":\"onlineprinters.es Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.onlineprinters.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9\",\"name\":\"Ramona\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png\",\"contentUrl\":\"https:\/\/www.onlineprinters.es\/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.es\/blog\/author\/ramona\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crear im\u00e1genes con movimiento y publicitar con ellas: cinemagraphs.","description":"Las im\u00e1genes con movimiento como cinemagraphs son una moda que puede volver muy pronto. Debes tener esto en cuenta a la hora de crearlas y al utilizarlas en tu marketing.","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.es\/blog\/cinemagraphs\/","og_locale":"es_ES","og_type":"article","og_title":"Cinemagraphs: Crear im\u00e1genes con movimiento y publicitar con ellas","og_description":"Las im\u00e1genes con movimiento como cinemagraphs son una moda que puede volver muy pronto. Debes tener esto en cuenta a la hora de crearlas y al utilizarlas en tu marketing.","og_url":"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/","og_site_name":"onlineprinters.es Blog","article_published_time":"2019-04-30T06:36:55+00:00","article_modified_time":"2025-04-28T14:22:50+00:00","og_image":[{"width":1068,"height":580,"url":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphes.jpg","type":"image\/jpeg"}],"author":"Ramona","twitter_card":"summary_large_image","twitter_title":"Cinemagraphs: Crear im\u00e1genes con movimiento y publicitar con ellas","twitter_misc":{"Escrito por":"Ramona","Tiempo de lectura":"17 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/","url":"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/","name":"Crear im\u00e1genes con movimiento y publicitar con ellas: cinemagraphs.","isPartOf":{"@id":"https:\/\/www.onlineprinters.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/#primaryimage"},"image":{"@id":"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphes.jpg","datePublished":"2019-04-30T06:36:55+00:00","dateModified":"2025-04-28T14:22:50+00:00","author":{"@id":"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9"},"description":"Las im\u00e1genes con movimiento como cinemagraphs son una moda que puede volver muy pronto. Debes tener esto en cuenta a la hora de crearlas y al utilizarlas en tu marketing.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.onlineprinters.es\/blog\/cinemagraphs\/#primaryimage","url":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphes.jpg","contentUrl":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2019\/02\/cinemagraphes.jpg","width":1068,"height":580,"caption":"Cinemagraphs: im\u00e1genes en movimiento"},{"@type":"WebSite","@id":"https:\/\/www.onlineprinters.es\/blog\/#website","url":"https:\/\/www.onlineprinters.es\/blog\/","name":"onlineprinters.es Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.onlineprinters.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9","name":"Ramona","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.onlineprinters.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.onlineprinters.es\/blog\/wp-content\/uploads\/2018\/09\/avatar.png","contentUrl":"https:\/\/www.onlineprinters.es\/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.es\/blog\/author\/ramona\/"}]}},"_links":{"self":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts\/14689"}],"collection":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/comments?post=14689"}],"version-history":[{"count":13,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts\/14689\/revisions"}],"predecessor-version":[{"id":40480,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/posts\/14689\/revisions\/40480"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/media\/15431"}],"wp:attachment":[{"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/media?parent=14689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/categories?post=14689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlineprinters.es\/blog\/wp-json\/wp\/v2\/tags?post=14689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}