¿Quiere aprender a crear y agregar Cinemagraph en sus publicaciones de WordPress? Los cinemagraphs son imágenes con una parte o área en movimiento mientras 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 suelen ser imágenes GIF en las que una pequeña parte de la imagen se mueve mientras que el resto permanece estacionario. Se ven muy cinematográficos, de ahí el nombre de cinemagraphs.
Agregan un elemento narrativo a las imágenes que las hace parecer más atractivas. Son especialmente útiles cuando acompañan contenido de formato largo, episodios de podcast o una historia 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 vídeos.
Para comenzar, necesitará los siguientes elementos:
- Un pequeño videoclip que quieras convertir en cinemagraph.
- Adobe Photoshop
- 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 su video en capas haciendo clic en Archivo »Importar» Fotogramas de video en capas menú.
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 demorar algún tiempo.
Una vez que se importa el video, verá los cuadros de video como capas debajo del panel de capas.
Ahora necesita seleccionar todas las capas excepto la primera capa (Nivel 1).
Ir Nivel »Nuevo» Agrupar por niveles menú o presione Comando + G (CTRL + G en Windows) para agregar capas a un grupo.
A continuación, debe seleccionar el grupo e ir a Capa »Máscara de capa» Revelar todo para agregar una máscara al grupo.
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 de pincel. Debe usar la herramienta de pincel para resaltar el área que desea mostrar en el bucle.
Después de eso, ve a Ventana »Historia para abrir todas las 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 cambiarlo, seleccione la primera capa (Capa 1) en el panel de capas y haga clic en el ícono Visibilidad de capa de Unfiy, luego presione el botón Combinar.
A continuación, haga clic en el icono Alternar línea de tiempo y seleccione todos los fotogramas. Después de eso, haga clic en el botón de alternancia nuevamente para elegir Copiar marcos.
Después de copiar los marcos, haga clic en el botón de alternancia y seleccione la opción “Pegar marco”.
Se le pedirá que elija un método de vinculación. Seleccione “Pegar después de la selección” y presione el botón OK.
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 “Invertir fotogramas”.
Su animación cinematográfica está casi lista.
Para guardarlo en su computadora, vaya a Archivo »Guardar para Web opción. Aparecerá una ventana emergente donde deberá seleccionar el formato GIF y hacer clic en el botón Guardar.
Eso es todo para lo que su Cinematograph 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.
Aparecerá la ventana emergente del cargador 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 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. Es posible que también desee ver nuestra lista de sitios web que ofrecen imágenes gratuitas y libres de derechos de autor para los usuarios de WordPress.
