Cómo hacer cinemagraph

cinemagraph

Fuente: Pexels

La industria del cine cada vez se encuentra mucho más demandada por aquellos usuarios que la consumen diariamente. Si profundizamos más en este sector, llegamos a la conclusión de que, existen muchas técnicas y efectos que han conseguido impresionar a número infinito de espectadores.

Es por eso que en este post, venimos a hablarte del cinemagraph, seguramente te estarás preguntando qué es esta técnica y cómo podemos realizarla y adaptarla a nuestros proyectos.

Pues bien, antes de pasar al mini tutorial, vamos a explicarte por encima de qué se trata y qué secretos tiene guardados bajo manga en muchos vídeos o spots.

El cinemagraph

cinemagraph

Fuente: Wikipedia

Los cinemagraphs, son una serie de imágenes que, se complementan o se unifican con el objetivo de formar un vídeo. A simple vista puede parecer algo poco lógico y surrealista, pero es una de las técnicas que se emplean sobre todo en la creación de GIFS.  Para lo que entiendas mejor, es una imagen completamente estática pero que al dividirla en dos o tres partes encontramos distintas zonas animadas o con movimiento.

Es una técnica bastante creativa, puesto a que podemos elegir qué zona de la imagen queremos animar y somos libres de diseñar animaciones que tengan una cierta estética y carácter.  Los cinemagraph cumplen distintas funciones, pero una de ellas es sin duda, llamar la atención del espectador mediante la animación.

Puede relacionarse o tener características similares a lo que conocemos como timelapse, y no solo eso, podemos encontrarlos en distintos medios online como son las redes sociales o en distintos medios publicitarios, ya que son buenos formatos y buenas opciones para promover o promocionar un determinado producto.

En definitiva, es la opción perfecta si lo que quieres es unificar elementos gráficos como son las imágenes, y añadirle animación a cada una de ellas. Además, al final del post, te dejaremos algunas de las mejores herramientas donde puedes crearte los tuyos propios y personalizados.

Ejemplos

Son muchos los ejemplos destacados que existen de cinemagraps, por lo que puede que alguna vez hayas visto alguno y no lo sepas. Muchos de ellos existen en distintas páginas web o en distintos formatos de contenidos y formatos que conocemos. En este pequeña lista te mostramos donde puedes encontrar algunos de ellos:

Páginas web

Si nos dirigimos a cualquier página web de gifs que existen, llegaremos a la conclusión de que existen muchos cinemagraphs diseñados y creados para ser descargados y usados en distintos proyectos. A diferencia de los GIF, son mucho más estéticos, por lo que encajan mejor en medios publicitarios.

Redes sociales

En redes sociales como Facebook o Instagram, si empleamos cinemagraph como hasgtah, tenderemos a nuestra disposición un centenar de ellos donde podremos inspirarnos y tenerlos de referencia para crear los nuestros.

En definitiva, si indagas más por las redes sociales te darás cuenta de que existen muchos artistas que se dedican a diseño de formatos como el cinemagraph. Cada vez son más los usuarios que optan por estas técnicas para sus páginas web.

Cómo hacer un cinemagraph

Existen distintas formas de crear un cinemagraph, podemos optar programas de animación como Premiere o simplemente con Adobe Photoshop, si, como lees. Photoshop cuenta con una parte animada e interactiva, donde puedes comenzar a diseñar tus primeros cinemagraphs. Pero para comenzar, debemos de tener claro los siguientes pasos:

  1. Antes de emplear la imagen, es necesario grabar el clip que queremos añadir como animación, por ello es esencial que tengamos a mano una cámara y un trípode. El trípode te ayudará a que el movimiento sea mucho más óptimo y no surjan problemas durante el proceso de grabación.
  2. Una vez que tenemos el vídeo listo, será necesario que ejecutemos la aplicación de Photoshop y subamos el clip. En este caso, podéis emplear cualquier otra aplicación que trabaje con estos formatos, nosotros te recomendamos Photoshop para empezar. Una vez que hemos subido el clip, solo tenemos que seleccionar la parte que queremos que se anime.
  3. Las zonas que se van a encontrar completamente estáticas, las eliminaremos con la opción recortar y con una máscara de capa. Si en el caso de Photoshop, optamos por otra herramienta, el proceso es mucho más sencillo, pues solo bastaría con dirigir con el dedo las zonas que queremos animar y las que no.
  4. Una vez que tenemos hecho esto, tan solo hay que exportarlo adecuadamente. Como norma general, es recomendable exportarlo a través de un formato GIF.

Artistas de cinemagraph

Jamie Beck y Kevin Burg

jamie beck

Fuente: Expedition Diary

Ambos son artistas de cinemagraph y son considerados también, máximos representantes. Sus obras se encuentran ambientadas en viajes o el famoso estilo fotográfico lifestyle. Su delicadeza y profesionalidad han hecho que algunas de sus obras hayan llamado la atención de numerosos clientes famosos y representativos del mundo de la moda. Sin duda su trabajo es muy exitoso y pueden servir de gran inspiración.

Reed + Rader

reed

Fuente: PompClout

Estos artistas se caracterizan por dirigir películas animadas y crear GIFS. La temática principal de sus obras se remonta al mundo futurista y virtual. En cada uno de sus GIFS, emplean un fondo monocromático que suele ser blanco. Lo que caracteriza a sus obras, es que los elementos que aparecen en ellas suelen ser modelos que bailan al compás y giran sobre sí mismas. Lo que provoca en el espectador un efecto visual de movimiento y dinamismo que llama mucho la atención de quién las ve. En definitiva, son los artistas ideales.

Koby Inc

Si lo que quieres es crear animaciones divertidas con un toque de humor y alejarte de lo serio y recatado, estás de suerte. Koby Inc, es un artista que se dedica al mundo de a animación, especialmente si va unido de humos y risas. Este artista, ha trabajado para numerosos sectores, empezando por la moda y la publicidad.

Es el artista ideal para todos aquellos trabajos donde quieras jugar con el humor y el diseño pero sin alejarte demasiado de lo profesional y lo correctamente estructurado. En definitiva, puedes echarle un vistazo a sus obras y sabrás de lo que te hablamos.

Herramientas para diseñar cinemagraphs

Photoshop

Photoshop es una de las herramientas de adobe que, a pesar de haber estado dirigida durante todos estos años a la edición y el retoque de imágenes, también tiene su parte interactiva donde puedes jugar y crear tus primeras animaciones. Es sin duda lo que buscas para comenzar a diseñar tus primeros cinemagraphs, ya que contiene una lista amplia de herramientas para retocar tus proyectos. Además, no solo puedes crearlos, sino que también le puedes aplicar filtros a la animación, tanto cálidos como fríos y de esta forma hacerlo mucho más interesantes.

Flapix

Flapix es otra de las herramientas similares a Photoshop, pues contiene una parte de animación que facilita la creación de cinemagraphs. Esta aplicación, esta diseñada con el objetivo de que te resulte fácil diseñar proyectos con esta técnica, debido a la existencia de filtros cinematográficos que puedes descargar y emplear.

Además, también tienes la posibilidad de agregarle botones interactivos a las obras y redirigirlas, lo que permitirá que el espectador se encuentre con una amplia posibilidad de animaciones. En definitiva, es sin duda la herramienta que necesitas para comenzar a diseñar, gracias también a su fácil interfaz.

Zoetropic

Zoetropiz debería de ser un programa de magia más que de diseño de animaciones. Con esta herramienta podrás diseñar tus primeros cinemagraphs convirtiendo tus imágenes en vídeos animados con  tan solo un clic. Además, también proporciona las herramientas necesarias para que comiences a diseñar.

Deja llevar tu lado más creativo, y lánzate a probar esta herramienta. Además, no es una herramienta cualquiera, pues es una de las más usadas en el ámbito de la animación y la imagen. Con Zoetropiz, tienes todo lo que necesitas para poder empezar. Además, también permite exportar tus proyectos una vez que están acabados.

Pixel Motion

Pixel Motion es nuestra última herramienta de la lista. Y no por ser la última es la peor, sino que todo lo contrario. Con esta herramienta podrás diseñar un sin fin de animaciones entre ellas, cinemagraphs. Su amplio catálogo de efectos hacen que tus proyectos resulten mucho más interesantes. Además, no es difícil de usar, ya que su interfaz es bastante amplia y fácil de navegar por ella.

En definitiva, con Pixel Motion puedes diseñar todo lo que te propongas y darle vida a tus animaciones, tan solo tienes que ser creativo y personalizarlas a tus gusto. Es la herramienta perfecta.

Conclusión

El cinemagraph es una técnica que ha estado presente a lo largo de los últimos años. Tanto es así que existen muchos artistas que , gracias a sus obras, muchas cadenas de televisión han optado por emplear sus animaciones como pequeños spots publicitarios.

El tópico de es solo una imagen animada ha do mucho más allá, tanto que ha conseguido traspasar la pantalla y llegar  ala industria de la moda. Ahora es el momento de que comiences a diseñar tus primeros cinemagraphs. Recuerda que puedes emplear algunas de las herramientas que te hemos sugerido.


El contenido del artículo se adhiere a nuestros principios de ética editorial. Para notificar un error pincha aquí.

Sé el primero en comentar

Deja tu comentario

Tu dirección de correo electrónico no será publicada.

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.