¿Te gustaría aprender a crear y agregar Cinemagraphs a tus publicaciones de WordPress? Una película es una imagen en la que una parte o área se mueve mientras el resto de la imagen permanece estacionaria. Estas imágenes son atractivas y agregan un elemento narrativo a sus artículos. En este artículo, le mostraremos cómo crear y agregar fácilmente un cinemagraph en WordPress.

Crea cinemagraphs para tu sitio de WordPress

¿Qué es Cinemagraph?

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

vista previa de la película

Agregan un elemento narrativo a las imágenes para que se vean más atractivas. Son especialmente útiles cuando acompañan contenido de formato largo, episodios de podcast o historias de audio.

Crear cinemagraphs es un poco diferente a los GIF normales. Pero si tiene las herramientas adecuadas, puede crear impresionantes imágenes en movimiento a partir de sus propios videos con solo un poco de esfuerzo y un poco de práctica.

Habiendo dicho eso, echemos un vistazo a cómo crear y agregar fácilmente cinemagraphs en WordPress.

Crear Cinemagraph a partir de Video

Para comenzar, necesitará los siguientes elementos:

  1. Pequeños videoclips que desea convertir en películas
  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 su video a los clips más pequeños que necesita Cinemagraph.

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

Importar video en capas

Seleccione su video y haga clic en el botón “Aceptar” para continuar. Según el tamaño de su video, puede llevar algún tiempo importarlo por completo.

Importación de vídeo a capa

Después de importar el video, verá los cuadros de video como capas debajo del panel de capas.

Capas importadas de video

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

ir con Capas » Nuevo » Agrupar desde Capa menú o presione Comando+G (CTRL+G en Windows) para agregar capas al grupo.

Agrupar capas

A continuación, debe seleccionar el grupo e ir a Capas » Máscaras de capa » Mostrar todo Añade la máscara al grupo.

revelar 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 haga clic en la herramienta de pincel. Debe usar la herramienta de pincel para resaltar el área que desea mostrar en el bucle.

Cepille las partes móviles para acentuarlas.

Después de eso, ve a Ventana » Línea de tiempo Abre todas las capas en formato de animación.

Notará que todos los fotogramas, excepto el primero, son transparentes en la línea de tiempo.

línea de tiempo

Para cambiarlo, seleccione la primera capa (Capa 1) en el panel Capas, luego haga clic en el ícono Unfiy Layer Visibility, luego presione el botón Match.

Visibilidad unificada

A continuación, haga clic en el icono de alternancia de la línea de tiempo y seleccione todos los fotogramas. A continuación, vuelva a hacer clic en el botón de alternancia para seleccionar Duplicar fotogramas.

cuadro duplicado

Después de copiar el marco, haga clic en el botón de alternancia y seleccione la opción “Pegar marco”.

Se le pedirá que elija un método de pegado. 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 “Invertir fotogramas”.

marco inverso

Su animación cinematográfica está casi lista.

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

Guardar como GIF

Eso es todo lo que necesitas para preparar tu Cinematógrafo.

Puede agregarlo a su sitio web como 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 cinemagraph GIF en WordPress

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

Después de cargar, haga clic en el botón “Insertar publicación” para continuar.

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

No olvides guardar o actualizar la publicación. Ahora puede hacer clic en el botón Vista previa para ver Cinemagraph en acción. Este es el cinemagraph que creamos en este tutorial.

Ejemplo de cinematografía

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

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.