4 pasos sencillos para crear un cinemagraph en Photoshop

Es posible que haya disfrutado de un cinemagraph recientemente en su canal de redes sociales sin saberlo. Son esas imágenes GIF. Un tutorial rápido de Photoshop para crear GIF animados. Un tutorial rápido de Photoshop para crear GIF animados. Vamos a ver cómo usar Photoshop para crear una animación GIF rápida. Estos sencillos pasos son fáciles de seguir, incluso para los principiantes. Leer más que nunca parecen terminar, atrapados en un bucle constante y perfecto.

No dejes que su complejidad te engañe. Puedes recrear fácilmente este efecto en tu propia computadora. El método utilizado para crear el efecto es básico, pero permitirá una gran variedad de usos; Puede usarlo en la mayoría de los videoclips, clips de película o material de archivo.

Ejemplos de cinemagraph

Este es un excelente ejemplo del usuario de Reddit, orbojunglist, de la naturaleza sutil e impresionante de un cinemagraph. En una parte de la imagen, parece tan inmóvil como una fotografía. En otro, parece que se mueve indefinidamente..

Los cinemagraphs son algunas de las imágenes más tranquilas que encontrarás en Internet. Su creación también es simple, requiere poco más que una imagen en movimiento y una máscara de capa. Sugerencias de Photoshop: selección con máscara rápida Sugerencias de Photoshop: selección con máscara rápida Leer más .

Lo mejor de todo es que su clip solo debe durar unos segundos para lograr el impresionante efecto..

Todo lo que necesitas es Photoshop, un clip de movimiento sutil y unos minutos para crear una de estas obras de arte atemporales..

Video apropiado para un cinemagraph

Obtención de stock o imágenes en bruto 4 Sitios web de video para captar un vistazo de la historia capturada en la película 4 Sitios web de video para captar un vistazo de la historia capturada en la película Hay muchos otros sitios web que albergan videos de momentos clave de la historia . No solo reproducen relatos de testigos oculares, sino que también nos dan lecciones de historia en video ... tal como sucedió ... Leer más no debería ser un problema. Su clip solo debe cumplir con dos criterios: una parte relativamente fija de su fotograma y una parte que se mueve repetidamente.

Aunque el material de archivo no tiene que estar absolutamente inmóvil, en otras palabras, puede replicar el efecto con casi cualquier material de archivo, los mejores resultados son aquellos con movimiento yuxtapuesto yuxtapuestos. Usaré el siguiente clip del cortometraje de Louis C.K. Mañana por la noche para dar un ejemplo.

Tenga en cuenta el movimiento de la lluvia a través de la ventana en el fondo. Será el punto focal del efecto. Para comenzar su efecto, simplemente arrastre y suelte su archivo de video en Photoshop. El recorte de clips ocurrirá a lo largo de este proceso, por lo que Asegúrate de usar un par de segundos de metraje Antes de editar para lograr tu efecto..

1. Mismo marco inicial y final

Nuestras imágenes de video deben mostrarse por un segundo o dos. Solo necesitamos capturar el movimiento presente en nuestro clip. Significa que podemos reducir mucho nuestro clip y seguir conservando un cinemagraph perfecto. Recuerde, se repetirá indefinidamente, por lo que la longitud no es un problema.

Primero, haga clic en el engranaje de configuración y asegúrese de que esté activada la reproducción en bucle. Se asegurará de que su video se reproduzca repetidamente durante la edición, asegurándose de que su video sea transparente.

Coloque su clip principal en Photoshop y tenga en cuenta la cantidad de movimiento que tendrá que recortar en primer plano. Al filmar una escena, los actores se mueven casualmente de un lado a otro mientras hablan, caminan, etc. Nuestro primer plano puede terminar corrompiendo nuestro fondo en movimiento.

La mejor manera de corregir el problema es recortar todo el clip para que el primer plano del primer fotograma ocupe la mayor parte del espacio de fondo de un fotograma. El siguiente ejemplo muestra la lógica detrás de recortar el clip y, por lo tanto, elegir el primer fotograma..

Utilizar el Cortar con tijeras Herramienta para separar tu clip anterior del nuevo. Eliminar el clip anterior. Aunque el recorte acortará su video, las imágenes antes de su recorte resultarán útiles más adelante.

Luego arrastra tu grupo de videos, etiquetado Video Grupo 1 en el siguiente ejemplo, para duplicar su clip. También puedes pulsar Ctrl + Alt + J para crear un duplicado de su capa seleccionada.

Ahora que he creado dos videoclips exactos, puedo lograr el efecto deseado. El proceso finalizará el metraje con el mismo fotograma con el que comienza, creando un bucle que utilizaremos para lograr el efecto..

Toma tu segunda capa y arrástrala al final de tu primera capa. Luego, haga clic y arrastre hacia la izquierda el primer cuadro de su segunda capa. Recuperará las imágenes recortadas anteriores de su capa original.

Debe haber cierta superposición entre el primer y segundo clips. La cantidad de superposición depende de usted, pero no debe extenderse más allá de la mitad de la marca de su material de archivo original. Finalmente, arrastre el final del segundo clip al final del primero. Ambos clips deberían comenzar ahora en diferentes momentos, pero terminar al mismo tiempo..

Volver a jugar Notarás que solo se reproduce un clip. No es un error, y es crucial para su efecto..

2. Transición del clip

En una ventana de Photoshop, la cantidad que aparece o se desvanece una imagen depende de su opacidad. Un ejemplo casual de diferentes opacidades en una sola imagen sería una marca de agua Cómo hacer una marca de agua con Photoshop Cómo hacer una marca de agua con Photoshop Hay varias opciones sobre cómo marcar con marca de agua sus imágenes en línea, pero usar una aplicación web puede tener sus inconvenientes. En su lugar, aquí se explica cómo usar Adobe Photoshop para hacer marcas de agua. Lee mas . Tendremos que eliminar gradualmente la opacidad de la primera capa de nuestro proyecto para pasar a la segunda..

Haga clic en el menú desplegable junto al clip superior de su Línea de tiempo panel. Mostrará tus opciones de video. Haga clic en el Temporizador de opacidad, y el fotograma clave en forma de un diamante amarillo aparecerá junto a su material de archivo. Asegúrese de que el fotograma clave se coloca al comienzo de su clip más corto haciendo clic y arrastrando a la ubicación deseada.

El fotograma clave almacena información de opacidad en una parte determinada de su video. Arrastre el cursor de la línea de tiempo hasta el final de su clip y haga clic en el pequeño diamante junto a su Opacidad configuración para crear otro fotograma clave.

Luego, baja tu opacidad del 100% al 0%. La opción está en tu Capas panel.

Tenga en cuenta que el nuevo fotograma clave debe aparecer al final de su video..

3. máscara de capa

Tu video debe tener una transición notable. Se debe a la fijación de la opacidad del primer clip..

Ahora, configure el cursor de la línea de tiempo al comienzo del video. Una vez hecho esto, pulse Ctrl + Alt + Shift + E. El comando del teclado Las mejores formas de aprender todos los métodos abreviados de teclado que siempre necesitará Las mejores maneras de aprender todos los métodos abreviados de teclado que siempre necesitará. Hay muchos métodos abreviados de teclado que no está utilizando. Le brindamos todos los recursos adecuados para enseñarle todo lo que necesita saber sobre los métodos abreviados de teclado. Memoriza atajos de teclado para una productividad instantánea. Leer más creará un cuadro fijo de su video.

Arrastre la capa de imagen a la parte superior de la Capas pestaña, y recorte para que termine en el mismo lugar que nuestros videoclips. Si reproduces tu video, solo verás la imagen fija..

Ahora podemos crear la máscara de capa para permitir solo el movimiento de la ventana. Con la capa de imagen seleccionada, cree una máscara de capa haciendo clic en el tercer icono en la parte inferior de su Capas panel.

Una vez que haya seleccionado una máscara de capa, aparecerá una imagen de fondo blanca junto a la capa.

Haga clic en la imagen blanca junto a su imagen y seleccione su herramienta Pincel. Asegúrese de que su pincel de primer plano está configurado para Negro y ajuste el tamaño del pincel Una guía para principiantes para crear pinceles personalizados en Photoshop Una guía para principiantes para crear pinceles personalizados en Photoshop Los pinceles para Adobe Photoshop son una forma práctica de agregar interés a sus diseños, y al igual que puede crear sus propios patrones personalizados, puede Tan fácilmente diseña y crea tus propios pinceles. Lee mas . Ajusta tu tamaño a lo que funcione con tu imagen, luego configura los pinceles Dureza a 0%. Creará un borde de pincel suave. Finalmente, comience a cepillar sobre su movimiento.

Para facilitar el proceso, presione \ Tecla de su teclado (arriba de la tecla Enter). Te permitirá ver tu máscara de superposición en rojo. Tómese su tiempo para cepillar solo el movimiento que desea agregar. La herramienta de pincel eliminará el contenido de la imagen fija del video, revelando el video debajo.

Del mismo modo, al cepillar el video con blanco se borrará la máscara y se conservará la imagen fija. Cepille y reproduzca repetidamente su video para ver qué movimiento molesto no deseado todavía está presente.

Una vez que haya terminado el proceso de enmascaramiento, puede continuar guardando su trabajo.

4. Guardando tus cinemagraphs

Ahora que ha recortado la acción de la inacción, guarde su trabajo como un GIF. Dado que los GIF tienen la capacidad de reproducir continuamente, podrá disfrutar de la acción ilimitada de su video a través del formato. Sin embargo, requiere un poco más de esfuerzo que guardar el archivo como un video o imagen normal.

Dirigirse a Archivo> Exportar> Guardar para web (legado) Para empezar. En el menú desplegable junto a Presente, seleccionar GIF 128 Dithered. A continuación, realice cuatro cambios principales en la configuración registrada:

1. Selectivo a Perceptivo - Dicta la paleta de colores de tu GIF..
2. Colores: 128 a 256 - Agrega una paleta de colores más grande a tu GIF, mejorando la calidad de imagen en general.
3. Difusión a ruido - Afecta la transición de los colores de un cuadro a otro. Ya que queremos que los colores de nuestra imagen se combinen a la perfección, es mejor ajustar ruido más bien que Difusión. Sus resultados pueden variar, así que no dude en probar las diferentes opciones..
4. Dither: 88% a 100% - Dicta la cantidad de información de color necesaria para afectar la transición de la sombra y el marco. Una alta tasa de interpolación permitirá una transición de color más suave que de otra manera.

La edición final que debes hacer es cambiar tu Opciones de bucle configuración de Una vez a Siempre. Es vital para el efecto repetitivo del movimiento..

Siéntase libre de jugar con esta configuración. Algunos funcionarán mejor con imágenes en color, mientras que otros no. La única forma de elegir la mejor configuración es encontrarla usted mismo..

Productos finales

Estos son algunos de los productos finales que se me ocurrieron, utilizando solo este método y el de C.K. Mañana por la noche como material de archivo fuente. El siguiente es el producto final de nuestra explicación anterior..

Hay varias cosas que uno podría hacer para refinar la imagen, como agregar efectos visuales o ajustar el tamaño de la máscara. Todos estos fueron creados, sin embargo, con sólo los métodos ilustrados.

Los clips con una cámara en movimiento son más difíciles de lograr con el efecto que con los propios, como es el caso con el siguiente ejemplo.

Si bien hay algunos subproductos descarados que utilizan el método, por ejemplo, la borrosidad al hacer la transición de los clips, el producto en general es rápido y se ve excelente.

Los movimientos como fumar o verter agua son los más fáciles de usar con el efecto dado su movimiento aleatorio y repetitivo.

Incluso puede desviarse del método propuesto anteriormente. El siguiente ejemplo involucra nuestro método de enmascaramiento, pero utiliza un simple movimiento de la mano en lugar de dos clips de transición para crear movimiento.

Un clip perfecto para este efecto sería uno con movimiento sutil y una cámara fija, como muestra el siguiente ejemplo..

Aquí hay otro ejemplo que cumple con las condiciones casi perfectas requeridas para crear un GIF tranquilo y eterno..

Como puede ver, encontramos un exceso de clips de películas para crear cinemagraphs. Encontrarás lo mismo con tus imágenes..

Yendo y yendo y yendo y saliendo ...

Este efecto de Photoshop Cómo crear un efecto de resaltado de texto en Photoshop Cómo crear un efecto de resaltado de texto en Photoshop Si desea resaltar texto en Photoshop, este es el método más sencillo para hacerlo. Leer más crea videos duraderos de más de una manera. No solo tienen un ciclo indefinido, sino que también tienen la capacidad de crear videos simples y cinematográficos en unos pocos minutos..

Si bien el proceso puede resultar difícil al principio, algunos de estos proyectos lo convertirán de un profesional novato a un profesional experimentado en muy poco tiempo.!

Como cinemagraphs? ¿Qué otros te gustaría ver? Háganos saber en los comentarios a continuación.!

Explorar más sobre: ​​Adobe Photoshop, Cinemagraph.