Cómo crear GIFs animados en Photoshop
Fuente de vídeo y fotos
Hay un par de técnicas sobre cómo hacer GIFs en Photoshop. O bien conviertes un vídeo a GIF para hacer esos memes tan chulos, o bien puedes crear un simple gif a partir de una compilación de fotos.
En este tutorial, aprenderemos a convertir un clip de vídeo a GIF, y a crear un GIF animado a partir de un conjunto de imágenes.
Convertir un videoclip en GIF
Así que tienes un vídeo y te gustaría hacer un GIF de una determinada escena para publicarlo en tu blog. Esta guía paso a paso te ayudará a crear esos GIFs tan divertidos.
Fuente de vídeo y fotos
Hay un par de técnicas sobre cómo hacer GIFs en Photoshop. O bien conviertes un vídeo a GIF para hacer esos memes tan chulos, o bien puedes crear un simple gif a partir de una compilación de fotos.
En este tutorial, vamos a demostrar cómo convertir un clip de vídeo a GIF y crear un GIF animado a partir de un conjunto de imágenes.
Convertir un videoclip en GIF
Así que tienes un vídeo y te gustaría hacer un GIF de una determinada escena para publicarlo en tu blog o en tu web, por ejemplo. Pues con esta guía por pasos podrás crear esos GIFs tan divertidos.
1- Selecciona ARCHIVO->IMPORTAR->FRAMES DE VÍDEO A CAPAS en el menú superior de Photoshop.
2- Elige y selecciona el archivo de vídeo que quieras convertir (Photoshop no lee archivos mp4 o m4v) y luego haz clic en «Cargar«.
3- Aparecerá una pantalla después de hacer clic en Cargar. Esto te permitirá controlar y seleccionar la parte del vídeo que deseas convertir en GIF. En este ejemplo, seleccionaremos desde el principio hasta el final. Si deseas una escena o parte específica, elige Selected Range Only – y desplázate a la parte del vídeo que deseas convertir. Asegúrate de marcar la opción Hacer
Animación de fotogramas, y luego presiona OK.
4- Ahora que tu vídeo ha sido convertido a capas, haz clic en VENTANA->ANIMACIÓN para que aparezca el panel de animación.
5- Ahora que todas las capas se han convertido en fotogramas, puedes ajustar y jugar con el tiempo de retardo y la opción de bucle. Para este ejemplo, vamos a seleccionar el tiempo de retardo a 0 segundos. Incluso puedes eliminar fotogramas o añadir algunos nuevos si lo prefieres. Una vez que quedes satisfecho, prueba tu animación de fotogramas pulsando el botón PLAY.
6- Cuando hayas terminado de probar tus fotogramas y estés conforme, haz clic en ARCHIVO->GUARDAR PARA WEB Y DISPOSITIVOS.
7- En el cuadro de diálogo de guardar, elige GIF. Puedes ajustar cómo quieres que se guarde el GIF. Puedes bajar los colores, cambiar la configuración de interpolación y la transparencia. Recuerda siempre que un menor número de colores significa un menor tamaño de archivo, aunque puede sacrificar un poco la calidad. Si está bien ya, haz clic en GUARDAR.
8- Escribe un nombre de archivo y elige una carpeta para guardar el GIF. Pulsa GUARDAR. Ahora has convertido tu vídeo en GIF.
Hacer GIFs animados a partir de fotos
Otra forma de hacer GIFs es combinar fotos y hacer varias capas para producir un GIF ANIMADO. A continuación, dispones de una guía sobre cómo crear tus propios GIFs a partir de fotos fijas.
1. Carga las fotos que has elegido en photoshop haciendo clic en ARCHIVO->ABRIR, luego selecciona varios archivos de fotos. Pulsa ABRIR.
2. Una vez cargadas las fotos, pulsa Ventana->Animación para cargar el Panel de Animación. También puedes editar las fotos fijas individuales antes de convertirlas en fotogramas.
3. Ahora tienes que seleccionar una imagen para que sea tu capa principal. Una vez que haya decidido cuál tu capa principal, arrastra las otras fotos encima de la capa principal. En el ejemplo podemos ver que tenemos 3 capas.
4. Ve al Panel de Capas y selecciona la capa que deseas convertir en tu primer frame. Una vez que lo hayas decidido, arrástralo hacia arriba en la lista de capas para que se convierta en la capa más alta. Toma una instantánea compuesta de ésta para crear una nueva capa pulsando COMANDO+OPCIÓN+MAYÚS+E. Renombra su nueva capa como «1» – esta será su primer fotograma. A continuación, oculta la capa del nuevo fotograma. Elige la carpeta en la que deseas guardar tu GIF animado. Ahora, escribe un nombre de archivo y vuelve a hacer clic en Guardar.
5. Toma otra instantánea compuesta pulsando COMANDO+OPCIÓN+MAYÚS+E y cambia el nombre de la nueva
capa «2» – este será su segundo fotograma.
6. Repite los pasos 4-5 hasta que alcances la cantidad de fotogramas que deseas para el GIF.
7. Oculta las capas anteriores y asegúrate de que sólo sean visibles las imágenes compuestas.
8. Vuelve al Panel de Animación y haz clic en el menú desplegable y seleccione NUEVO CUADRO.
9. Selecciona el segundo marco y oculta la capa llamada «1». Asegúrate de que sólo las capas 2″ y «3» sean visibles.
10. Repite los pasos 8-9 hasta que hayas creado el número de fotogramas que desees.
11. Ahora que tienes suficientes conjuntos de marcos para tu GIF, puedes ajustar el tiempo de retardo de los fotogramas y la opción de bucle. Pruébalo pulsando el botón PLAY en el Panel de Animación.
12. Una vez que estés satisfecho, puedes guardar el archivo haciendo clic en FILE->SAVE FOR WEB DEVICES.
13. En el cuadro Guardar para Web y Dispositivos, elige GIF y ajusta la configuración de acuerdo a tus preferencias y luego pulsa GUARDAR.
14. Escribe un nombre de archivo y elige una carpeta para guardar tu GIF y haz clic en GUARDAR de nuevo.
¡Y ya está! Has creado un GIF animado a partir de un conjunto de fotos fijas. ¡Así de sencillo!
- Curso Gratis – Tutorial de Photoshop. ¿Cuáles son las principales acciones de Photoshop? LECCIÓN 1
- Curso Gratis – Tutorial de Photoshop. Crear GIFs animados con Photoshop LECCIÓN 2
- Curso Gratis – Tutorial de Photoshop. Crear aminaciones con Photoshop LECCIÓN 3
- Curso Gratis – Tutorial de Photoshop. Fondos desenfocados con Photoshop LECCIÓN 4
- Curso Gratis – Tutorial de Photoshop. Texto subrayado con Photoshop LECCIÓN 11
- Curso Gratis – Tutorial de Photoshop. Eliminación de fondos con Photoshop LECCIÓN 9
- Curso Gratis – Tutorial de Photoshop. Crear imágenes en negativo con Photoshop LECCIÓN 8
- Curso Gratis – Tutorial de Photoshop. Activar la cuadrícula de Photoshop LECCIÓN 7
- Curso Gratis – Tutorial de Photoshop. Crear sombras de fondo con Photoshop LECCIÓN 6
- Curso Gratis – Tutorial de Photoshop. Crear líneas de puntos con Photoshop LECCIÓN 5
- Curso Gratis – Tutorial de Photoshop. Cómo crear marcas de agua con Photoshop LECCIÓN 12
- Curso Gratis – Tutorial de Photoshop. Guardar archivos como GIF con Photoshop LECCIÓN 10
- Curso Gratis – Tutorial de Photoshop. Cómo crear efectos de brillo con Photoshop LECCIÓN 13
- Curso Gratis – Tutorial de Photoshop. Justificación de textos en Photoshop LECCIÓN 14
0 comentarios