Cómo crear y agregar cinemagraphs en WordPress

¿Quiere aprender a crear y agregar Cinemagraph a sus publicaciones de WordPress? Los cinemagraphs son imágenes con una parte o un área en movimiento mientras que el resto de la imagen permanece inmóvil. Estas imágenes son muy atractivas y agregan un elemento narrativo a sus artículos. En este artículo, le mostraremos cómo crear y agregar fácilmente cinemagraphs en WordPress.

¿Qué son los cinemagraphs?

Los cinemagraphs son típicamente imágenes GIF en las que una pequeña porción de la imagen se mueve mientras el resto permanece estacionario. Se ven muy cinematográficos, de ahí el nombre de cinemagraphs.

Vista previa de Cinemagraph

Añaden un elemento narrativo a las imágenes que las hace más atractivas. Son especialmente útiles para acompañar contenido de formato largo, episodios de podcast o historias de audio.

La creación de Cinemagraph es ligeramente diferente de los GIF normales. Sin embargo, si tiene las herramientas adecuadas, con poco esfuerzo y un poco de práctica, podrá crear excelentes cinemagrafías a partir de sus videos.

Dicho esto, echemos un vistazo a cómo crear y agregar fácilmente cinemagraphs en WordPress.

Creación de cinemagraphs a partir de video

Para comenzar, necesitará los siguientes elementos:

  1. Un pequeño videoclip que desea convertir en un cinemagraph
  2. Adobe Photoshop
  3. Tu tiempo, paciencia y creatividad

Vamos a empezar.

Primero necesitas preparar tu video. Puede usar una herramienta de edición de video como iMovie para recortar el video a solo el clip mínimo necesario para el cinemagraph.

A continuación, debe abrir Photoshop e importar el video en capas haciendo clic en Archivo »Importar» Fotogramas de vídeo en capas menú.

Importa tu video en capas

Seleccione su video y luego haga clic en el botón Aceptar para continuar. Dependiendo del tamaño del video, la importación completa puede llevar algún tiempo.

Importar video en capas

Una vez que se importa el video, verá los fotogramas de video como capas debajo del panel de capas.

Niveles importados del video

Ahora debe seleccionar todos los niveles excepto el primer nivel (Nivel 1).

Ir Nivel »Nuevo» Agrupar por niveles o presione Comando + G (CTRL + G en Windows) para agregar capas a un grupo.

Capas agrupadas

A continuación, debe seleccionar el grupo e ir a Capa »Máscara de capa» Mostrar todo para agregar una máscara al grupo.

Revela todo

Después de agregar la máscara, presione Comando + I (Ctrl + I en Windows) para invertir el color de la máscara.

Ahora establezca el color de primer plano en blanco y luego haga clic en la herramienta Pincel. Debe utilizar la herramienta Pincel para resaltar el área que desea mostrar en el bucle.

Cepille las partes móviles para resaltarlas

Después de eso, ve a Ventana »Línea de tiempo para abrir todas sus capas en un formato de animación.

Notará que todos los fotogramas aparecen transparentes en la línea de tiempo, excepto el primer fotograma.

Cronología

Para cambiarlo, seleccione la primera capa (Capa 1) en el panel de capas y haga clic en el icono Unfiy Layer Visibility y luego presione el botón Match.

Unifica la visibilidad

Luego, haga clic en el ícono de alternar Línea de tiempo y seleccione todos los cuadros. Después de eso, haga clic en el botón de alternancia nuevamente para elegir Copiar marcos.

Copiar marcos

Después de copiar los marcos, haga clic en el botón de alternancia y seleccione la opción «Pegar marcos».

Se le pedirá que elija un método para pegar. Seleccione «Pegar después de la selección» y presione el botón OK.

Pegar después de la selección

A continuación, debe volver a hacer clic en el icono de alternancia de la línea de tiempo y seleccionar la opción «Cuadros inversos».

Marcos inversos

Tu animación de cinemagraph está casi lista.

Para guardarlo en su computadora, vaya a Archivo »Guardar para Web opción. Aparecerá una ventana emergente donde debe seleccionar el formato GIF y hacer clic en el botón Guardar.

Guardar como GIF

Eso es todo lo que su Cinematógrafo está listo.

Puede agregarlo a su sitio como lo haría con cualquier otro GIF en WordPress. Simplemente edite la publicación o la página donde desea agregar el cinemagraph y haga clic en el botón Agregar medios.

Sube tu GIF de cinemagraph a WordPress

Aparecerá la ventana emergente de carga de medios, haga clic en el botón Seleccionar archivo para cargar el archivo GIF desde su computadora.

Una vez cargado, haga clic en el botón «Insertar en la publicación» para continuar.

Ahora verá la imagen en su editor de publicaciones de WordPress.

No olvide guardar o actualizar la publicación. Ahora puede hacer clic en el botón de vista previa para ver el cinemagraph en acción. Aquí está el cinemagraph que creamos durante este tutorial.

Ejemplo de cinemagraph

Esperamos que este artículo te haya ayudado a aprender a crear y agregar cinemagraphs en WordPress. También puede consultar nuestra lista de sitios web que ofrecen imágenes libres de derechos de autor para los usuarios de WordPress.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *