CÓMO HACER UNA ANIMACIÓN CON IMÁGENES EN PHOTOSHOP - GIF
Crear Línea de Tiempo - Fotogramas
PASOS A SEGUIR
Versiones Recientes de Photoshop
Tenga en cuenta
Las imágenes que se van a usar en la animación deben tener el mismo tamaño.
1. Abrir el Photoshop. Ir a Archivo y seleccionar Secuencia de comandos y, luego, Cargar archivos en pila; en la nueva ventana para cargar capas (Archivos de origen), hacer click en, Explorar y "OK".
Es importante seleccionar la opción Todos los formatos para visualizar la totalidad de los archivos disponibles. (Foto 01)
2. Dentro de Photoshop, en la parte superior, vamos a la pestaña Ventana > Línea de tiempo y aparecerá, en la parte inferior de la pantalla, el cuadro correspondiente a la línea de tiempo.
Seleccionamos la opción Crear animación de fotogramas.
Nota:
Hacemos CLICK sobre el texto Crear animación de fotogramas y aparecerá en este cajón la primera imagen, de aquellas que hemos subido como capas.
Dentro del cuadro de la línea de tiempo, damos click en su menú de la derecha (Las tres líneas horizontales o Hamburguesa) y seleccionamos la opción Crear cuadros a partir de capas.
Ahora, se enfilarán todas las imágenes subidas a la línea de tiempo. (Foto 02)
3. Podemos seleccionar todas los cuadros para darles un tiempo de visualización o hacerlo uno por uno. Igualmente, si queremos que la animación se repita sin detenerse (Infinito) o escoger cuántas veces se va a repetir el gif. (Foto 03)
4. Luego de revisar los movimiento establecidos para la animación, vamos a Archivo > Exportar > Guardar para WEB. (Foto 04)
5. En la ventana de ajustes para guardar la animación final, debemos revisar los detalles de Formato GIF, Opciones de repetición y las adicionales, a gusto del creador del proyecto.
Finalmente, damos en Guardar y escogemos en qué ubicación quedará el trabajo realizado. (Foto 05)
Si vamos a incrustar la animación creada, en un sitio web, podemos utilizar una aplicación en línea y cambiarla de formato GIF a WEBP, haciendo que esta animación quede más liviana y más actualizada para los estándares de códigos usados en la creación de páginas web.
Este es el resultado:
