Breaking

Post Top Ad

Your Ad Spot

miércoles, 25 de marzo de 2020

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 el resto de la imagen permanece fija. Estas imágenes son muy atractivas y agregan un elemento de narración a sus artículos. En este artículo, le mostraremos cómo crear y agregar fácilmente cinemagraphs en WordPress.
Crear cinemagraphs para tu sitio de WordPress

¿Qué son las cinemagrafías?

Los cinemagraphs suelen ser imágenes GIF en las que una pequeña parte de la imagen se mueve mientras que el resto permanece quieto. Se ven muy cinematográficos, de ahí el nombre cinemagraphs.
Vista previa de Cinemagraph
Añaden un elemento de narración de historias a las imágenes que los hace parecer más atractivos. Son particularmente útiles cuando acompañan contenido de larga duración, un episodio de podcast o una historia de audio .
Crear cinemagraphs es un poco diferente a los GIF normales. Sin embargo, si tiene las herramientas adecuadas, con poco esfuerzo y algo de práctica podrá crear impresionantes cinemagraphs a partir de sus propios videos.
Dicho esto, echemos un vistazo a cómo crear y agregar fácilmente cinemagraphs en WordPress.

Crear cinemagraphs a partir de videos

Para comenzar, necesitará los siguientes elementos:
  1. Un pequeño videoclip que quieres convertir en un cinemagraph
  2. Adobe Photoshop
  3. Tu tiempo, paciencia y creatividad.
Empecemos.
Primero debes preparar tu video. Puede usar una herramienta de edición de video como iMovie para recortar el video al mínimo clip que necesita para el cinemagraph.
A continuación, debe abrir Photoshop e importar su video en capas haciendo clic en el menú Archivo »Importar» Cuadros de video a capas .
Importa tu video en capas
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 por completo.
Importación de video a capas
Una vez que se importa su video, verá los cuadros de video como capas debajo del panel de capas.
Capas importadas de video
Ahora debe seleccionar todas las capas, excepto la primera capa (Capa 1).
Vaya al menú Capa »Nuevo» Grupo desde capas 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» Revelar todo para agregar una máscara al grupo.
Revelar todo
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 usar la herramienta Pincel para resaltar el área que desea mostrar en el bucle.
Cepille las partes móviles para resaltarlas
Después de eso, vaya 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.
Cronograma
Para cambiar eso, 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.
Unificar visibilidad
Luego, haga clic en el icono de alternancia de la 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 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.
Pegar después de la selección
A continuación, debe hacer clic en el icono de alternancia de la línea de tiempo una vez más y seleccionar la opción 'Reverse Frames'.
Marcos inversos
Su animación cinemagraph está casi lista.
Para guardarlo en su computadora, vaya a la opción Archivo »Guardar para Web . Aparecerá una ventana emergente donde deberá 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 agregaría cualquier otro GIF en WordPress . Simplemente edite la publicación o página donde desea agregar el cinemagraph y haga clic en el botón Agregar medios.
Sube tu GIF cinemagraph en WordPress
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 la publicación' para continuar.
Ahora verá la imagen en su editor de publicaciones 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.
Ejemplo de cinemagraph
Esperamos que este artículo te haya ayudado a aprender cómo crear y agregar cinemagraphs en WordPress. También es posible que desee ver nuestra lista de sitios web que ofrecen imágenes libres de regalías para los usuarios de WordPress.
Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas