Cómo crear y agregar cinemagraphs en WordPress

¿Quieres aprender a crear y agregar Cinemagraphs en tus publicaciones de WordPress? Los cinemagraphs son imágenes con una parte o á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 cinemagraphs fácilmente en WordPress.

Que son los cinemagraphs?

Los Cinemagraphs suelen ser imágenes GIF en las que una pequeña parte de la imagen se mueve mientras que el resto permanece inmóvil. Se ven muy cinematográficos de ahí el nombre de cinemagraphs..

Añaden un elemento narrativo a las imágenes que las hace parecer más atractivas. Son particularmente útiles cuando acompañan contenido de formato largo, un episodio de podcast o una historia de audio.

La creación de cinemagraphs es un poco diferente a los GIF regulares. Sin embargo, si tiene las herramientas adecuadas, con poco esfuerzo y algo de práctica podrá crear cinemagraphs impresionantes a partir de sus propios videos..

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

Creando Cinemagraphs desde Videos

Para empezar, necesitarás los siguientes artículos:

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

Empecemos.

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

A continuación, debe abrir Photoshop e importar su video en capas haciendo clic en Archivo »Importar» Video Frames a Layers menú.

Seleccione su video y luego haga clic en el botón Aceptar para continuar. Dependiendo del tamaño de su video, puede tardar un poco en importarse completamente.

Una vez que tu video se haya importado, verás los cuadros de video como capas debajo del panel de capas.

Ahora debes seleccionar todas las capas excepto la primera capa (Capa 1).

Ir Capa »Nuevo» Grupo de Capas menú o presione Comando + G (CTRL + G en Windows) para agregar capas a un grupo.

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

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

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

Después de eso, ve a Ventana "línea de tiempo Para abrir todas tus capas en un formato de animación..

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

Para cambiar eso, seleccione la primera capa (Capa 1) en el panel de capas y haga clic en el ícono de Visibilidad de Capa Unfiy y luego presione el botón de Emparejar.

A continuación, haga clic en el icono de alternar de la línea de tiempo y seleccione todos los cuadros. Después de eso, haga clic en el botón de alternar de nuevo para elegir Copiar marcos.

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

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

A continuación, debe hacer clic en el ícono de alternancia de la línea de tiempo una vez más y seleccionar la opción 'Marcos inversos'.

Tu animación de cine está casi lista.

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

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

Puedes agregarlo a tu sitio como lo harías 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 medio.

Esto abrirá la ventana emergente del cargador de medios, haga clic en el botón Seleccionar archivos para cargar el archivo GIF desde su computadora.

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

Ahora verás la imagen en tu editor de WordPress..

No olvides 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..

Esperamos que este artículo te haya ayudado a aprender cómo crear y agregar cinemagraphs en WordPress. También puede querer ver nuestra lista de sitios web que ofrecen imágenes gratuitas de regalías para usuarios de WordPress.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..