GIF animado en Photoshop. ¿Cómo hacerlo?

Un GIF animado en Photoshop es una animación creada con el editor de gráficos de Adobe Photoshop en formato GIF (Formato de intercambio de gráficos). GIF es un formato de imagen común que admite animación mostrando múltiples fotogramas (o imágenes) en secuencia, creando el efecto de movimiento.

Con Adobe Photoshop, puede crear fácilmente un archivo GIF (Formato de intercambio de gráficos) animado original a partir de una serie de fotografías. En este tutorial, veremos paso a paso el proceso de creación de un GIF animado en Photoshop.

1. Elige qué fotos quieres usar para tu GIF.

Para obtener el mejor GIF posible, utilice una serie de imágenes tomadas en rápida sucesión. Las imágenes a intervalos o las tomadas en modo ráfaga funcionan mejor. Esto se debe a que hacen que tu GIF parezca un vídeo corto en bucle. Cuantos más fotogramas utilices en tu GIF, más suave será el efecto de animación. GIF animado en Photoshop.

Normalmente funcionan mejor entre 15 y 24 imágenes fijas. Asegúrese de que el tamaño de la imagen sea el mismo para cada uno de sus fotogramas, así que verifique dos veces el recuento de píxeles. Coloque todo el metraje que desee utilizar en una carpeta de su escritorio o disco duro. Esto hará que sea más fácil encontrarlos en Photoshop.

2. Importar fotografías. GIF animado en Photoshop

Abra Adobe Photoshop. En el menú Archivo, elija Scripts > Cargar archivos en la pila. Esto abrirá un nuevo cuadro de diálogo. Haga clic en Examinar para buscar la carpeta que creó en su escritorio o disco duro que contiene las imágenes que desea incluir en su GIF.

Presione la tecla Shift para seleccionar varias imágenes. Una vez que todos los archivos de imagen que desea utilizar estén resaltados, haga clic en Aceptar. Luego verá todos los archivos seleccionados enumerados en el cuadro de diálogo Cargar capas.

Haga clic en Aceptar y Photoshop abrirá las imágenes seleccionadas como capas separadas en un nuevo documento.

3. Abra el panel Línea de tiempo. GIF animado en Photoshop

En el menú Ventana, elija Línea de tiempo para abrir el panel Línea de tiempo en el espacio de trabajo. De forma predeterminada, el panel Línea de tiempo se abre en la parte inferior de la pantalla.

En el centro del panel Línea de tiempo, verás el botón "Crear línea de tiempo de video" con una flecha al lado. Haga clic en la flecha y seleccione Crear animación de fotograma en el menú desplegable.

Ahora el botón dirá "Crear animación de cuadros". Haga clic en este botón.

4. Convierta las capas de la imagen en cuadros de animación.

En la esquina superior derecha del panel Línea de tiempo, verá un ícono de menú (cuatro líneas horizontales). Haga clic en este icono de menú para abrir un menú desplegable con opciones de animación.

Haga clic en Crear marcos a partir de capas. Esto convierte las imágenes en el panel Capas en cuadros individuales en su GIF.

Ahora debería ver una miniatura de cada una de las capas de su imagen en el panel Línea de tiempo. Haga clic en el botón Reproducir para obtener una vista previa de cómo se verá su GIF. GIF animado en Photoshop

5. Repita la animación.

En la esquina inferior izquierda del panel Línea de tiempo, verá varias opciones de bucle. Adobe Photoshop te permite decidir si quieres que tu GIF se reproduzca una, tres veces o para siempre. Puede seleccionar manualmente otras opciones de ciclo seleccionando Otro.

El valor predeterminado suele ser permanente. Si seleccionó una de las otras opciones, haga clic en la flecha junto a la duración especificada. Luego seleccione "Para siempre" en el menú desplegable.

Haga clic en el ícono de reproducción nuevamente para asegurarse de que le guste el aspecto del GIF animado. GIF animado en Photoshop

6. Exporte la animación como un archivo GIF.

En el menú Archivo, elija Exportar > Guardar para Web (heredado). Esto abrirá un nuevo cuadro de diálogo de configuración. Estas son las configuraciones ideales para elegir al guardar su trabajo en formato de archivo gifs:

• En la sección Preestablecido, seleccione GIF 128 Dithered.
• En Colores, seleccione 256.
• En la sección Tamaño de imagen, puede ajustar las dimensiones físicas de su imagen GIF. Si sus archivos de imagen originales eran muy grandes, debería reducir las dimensiones de su imagen GIF para una mejor experiencia de visualización en la web. A medida que ajustas los tamaños, verás que el tamaño estimado del archivo cambia en la esquina inferior izquierda de la vista previa del GIF.
• Asegúrate de que "Para siempre" esté seleccionado en Opciones de bucle.

Haga clic en Vista previa en la esquina inferior izquierda del cuadro de diálogo para ver cómo se verá su GIF en una ventana del navegador web. GIF animado en Photoshop

Haga clic en Guardar para abrir un nuevo cuadro de diálogo Opciones de guardar. Asigne un nombre al archivo, seleccione un destino y haga clic en Guardar. ¡Eso es todo! Ha creado su propio GIF de forma rápida y sencilla en Adobe Photoshop.