Cómo hacer un gif en Photoshop desde el video

Si llegó aquí preguntando cómo crear un GIF con Photoshop, es probable que el video que ha subido a su sitio disminuya la velocidad. Bueno, has venido al lugar indicado. En esta guía, le mostraremos cómo crear un GIF en Photoshop a partir de grabaciones de video. ¡Se verá genial en su sitio y estará mucho más optimizado para la velocidad que un archivo de video! Con la ayuda de un GIF, puede presentar cualquier tipo de video en un sitio web, en un bucle. Puede ser un material promocional, una grabación de pantalla para un tutorial o casi cualquier cosa que realmente desee. Para este tutorial, necesitará algunos videos y Adobe Photoshop. Si no tiene una suscripción de Photoshop, puede hacer un intento gratuito, por lo que puede encontrar que tener Photoshop es de gran ayuda para el diseño web. Si su video es muy largo, le recomendamos que lo reduzca primero en un editor de video como IMOVIE o Adobe Premiere. Photoshop también tiene una opción de corte a medida que importa, pero un editor de video es mejor si los tiroteos originales son extremadamente largos.
Vamos a empezar. La vista previa del resultado final es el resultado final del GIF que creé para este tutorial, perfecto para una sección o un módulo de fondo.

Para comenzar, importe el video en Photoshop para importar el video en Photoshop, primero debe estar en el editor de Photoshop. Desde allí, haga clic en Archivo> Importar> Marcos de video en capas. Seleccione el video que desea usar y haga clic en Abrir. En la ventana emergente tienes dos opciones; 1. Desde el principio hasta el final, para usar el video por completo o, 2. solo para el área seleccionada, para usar la opción de corte y usar solo una sección del video. Esta es una opción para limitar la importación a un número elegido por marcos. Seleccione un pequeño número si el video es más corto y un número más grande si el video es más largo. Esto podría tomar algunos intentos y errores hasta que tenga el flujo correcto. Por ejemplo, la filmación que tiene cambios pequeños o lentos tendrá muchos marcos que se ven casi exactamente iguales. Por otro lado, si los tiroteos son rápidos, con muchos cambios visuales, si elimina demasiados marcos, puede parecer omitido. Para este tutorial, elegimos “desde el principio hasta el final” y “Límite a cada 3 cuadros”. Asegúrese de haber hecho clic en “hacer la animación del marco”.
Haga que los ajustes de filmación Este es el momento perfecto para hacer cualquier tipo de ajuste que desee grabaciones de video, desde cortar el tamaño hasta ajustar los niveles de color. Por ejemplo, podría haber un objeto desagradable en la esquina de video o la altura completa del video es demasiado alta para donde desea colocarlo en el diseño de su sitio web. Alternativamente, si las grabaciones de video están demasiado saturadas, puede usar el panel de ajuste para ajustar la saturación en todas las capas simultáneamente. Para los creativos, hacer ajustes a diferentes capas creará todo tipo de efectos diferentes para: Asegúrese de que, independientemente del ajuste que realice, haya seleccionado todas las capas.

Cómo cortar todas las capas Seleccione simultáneamente todas las capas haciendo clic en la capa 1, luego, mientras presiona la tecla, haga clic en la capa superior. Seleccione el instrumento rectangular de la marquesina y seleccione cuáles son los videos que desea conservar (no lo que desea obtener). Haga clic en Imagen> Cortar y las áreas fuera de la selección desaparecerán. En nuestro video, seleccionamos toda el área de video, dejando un poco en la parte superior sin seleccionar. Queremos que todo el video sea menos alto y eliminar el borde blanco del horizonte.
Cómo ajustar los colores en el GIF con todas las capas seleccionadas, haga clic en la pestaña de ajuste en el menú del panel. Puede usar cualquiera de las herramientas de ajuste y puede aplicarlas a las capas GIF. Por ejemplo, puede convertir los colores en blanco y negro o darle un efecto duaton. Utilizamos el ajuste en blanco y negro con un tono para que el color de nuestro video sea un poco más artístico. Esto es perfecto para un fondo que no evitará el resto del contenido. Puede usar cualquier tono de color que desee y ajustar los diferentes niveles de color de la forma que desee. Solo un consejo, si agrega ajustes de color, el archivo final será más grande que si no. Este GIF se ha descargado a 211 MB sin filtros de color y 312 MB con ajustes de color. Si realmente desea los ajustes de color, debe cortar los marcos para reducir el archivo final. Más sobre esto en la siguiente sección.

Use la cronología para editar los marcos con la ventana de cronología, puede editar los marcos para reducir el tamaño final del archivo GIF. Por ejemplo, marcos adicionales al final del clip que parecen retrasar o crear una sección estática. ¡Cuantos más marcos puedas eliminar, mejor! Tenga cuidado de eliminar demasiados marcos y el efecto final se omite, tómese el tiempo para verificar cómo se ve el bucle después de eliminar algunos cuadros.


Para acceder a la ventana de cronología y vea cómo funciona GIF en un bucle, haga clic en la ventana> cronología. Un panel horizontal largo se abrirá en la parte inferior de la pantalla. En la esquina inferior izquierda, hay algunos controles. Elija la opción de bucle como “para siempre” y presione el botón Reproducir para ver cómo se ve GIF. En nuestro caso, nuestro GIF se ve bastante bien, pero aún es demasiado largo. Con más de 200 cuadros y con un ajuste de color, el archivo final es de 312 MB. Puede verificar el tamaño del archivo final siguiendo los pasos en la sección “Guardar como GIF” a continuación. Después de echar un vistazo, presione solo cancelar en lugar de guardar. También podrá reducir el tamaño del archivo con las opciones de exportación para la web. Cómo eliminar los cuadros para reducir el tamaño del archivo GIF para que el GIF sea más pequeño, eliminamos los últimos 200 cuadros. El video completo tiene una sección en la que la sala de drones gira y gira hacia la izquierda hacia el parque detrás de la playa. No lo necesitaba. Ahora nuestro GIF pesa 160 MB. Todavía bastante grande. No eliminamos ningún marco porque se agitará, por lo que lo dejamos al igual que la posterior optimización con las opciones “Guardar para web”. Para eliminar los marcos, puede seleccionar uno y presionar el icono de basura que está debajo de las funciones de representación de la ventana de cronología. Del mismo modo, puede seleccionar un grupo consecutivo de marcos haciendo clic en uno y luego los marcos antes o después de presionar Shift + Haga clic. Si no desea cortar imágenes desde el principio o el final del GIF, pero desea que sea más corto, borre los marcos alternativos presionando una y luego ordene + haga clic en los otros cuadros.
Nos gusta cómo, al crear un GIF en Photoshop con videos, ¡puede cortar secciones de imágenes tanto importar como después! Tan práctico. Cómo cambiar la velocidad GIF La ventana de cronología también le brinda la opción de reducir la velocidad o acelerar su GIF. Cada marco de cronología tiene un control de velocidad debajo. La medición predeterminada es “sin demora” o “0”, pero puede suceder que el video que solía tener un ajuste de velocidad. Este es el caso de nuestro video. Si mira la captura de pantalla anterior, donde eliminamos los marcos, puede ver que nuestros marcos tienen un retraso de 0.04 segundos. Cuando obtenemos una vista previa del GIF, parece haberse acelerado. No queremos esto. Entendemos todos los cuadros en la cronología haciendo clic en las tres líneas en la esquina superior izquierda de la ventana de cronología y haciendo clic en “Seleccione todos los marcos”. En cualquiera de los marcos, hacemos clic en la pequeña flecha hacia abajo y elegimos “sin demora”. Esto hará que nuestro GIF funcione naturalmente. Para crear un GIF que parece moverse lentamente, elija cualquier valor durante 1 segundo.

Guarde como GIF y optimice cuando todo esté hecho, es hora de guardar el proyecto como un GIF. Haga clic en Archivo> Exportar> Guardar para la web (heredado) y elija la opción GIF en la ventana emergente. Verifique el tamaño del archivo y considere su salida. Hay algunas cosas que puede hacer para reducir el tamaño del archivo.

Reduce la cantidad de colores.


Reduzca o retire el escudo.

Reducir la altura y el ancho.
Para verificar cómo los ajustes cambian su GIF, haga clic en el botón Vista previa. Use pestañas 2 y 4-up para ver diferentes opciones. Es posible que tenga que regresar y eliminar más marcos si todavía es demasiado grande. Mire un tamaño de archivo por debajo de 20 MB. Si crea un GIF para una sección de ancho completo, realmente necesitará reducir los marcos para obtener un buen tamaño para la web. Una buena regla es mantener los archivos GIF mayores de 20 MB. Además, es demasiado grande. Si logra reducirlo por debajo de 10 MB sin perder demasiada calidad, entonces tiene un ganador. Tenemos que eliminar más marcos de nuestro GIF para reducirlo a 18 MB. Luego lo pasé a través de gifcompressor y lo reduje en un 55%. GIFCOMPRESOR es una herramienta en línea gratuita que reduce el tamaño de GIF sin perder calidad. Puede cargar un GIF de hasta 50 MB de tamaño. Conclusión Como puede ver, es bastante fácil crear un GIF en Photoshop a partir de grabaciones de video. La única advertencia es la longitud del video con el que comienzas y cuántos cuadros eliminas. Si no elimina lo suficiente, el archivo final será realmente enorme y esto no será útil. Puede tomar algunos intentos para eventualmente obtener un GIF que se vea exactamente como desee. Si crea GIF para capturas de pantalla para tutoriales, como en esta guía, recibirá atención y será más fácil cada vez. Imagen presentada por Emojoez / Shutterstock.com