Cómo hacer un GIF en Photoshop

Apr 2021

5 mins read

Las redes sociales, como Pinterest, Twitter, Facebook y Reddit, han desencadenado un renacimiento de los GIF animados, y no son pocos los minoristas online que publican regularmente animaciones GIF para atraer y fidelizar a sus clientes potenciales. Y, ¿adivina qué? ¡Funciona! Los GIF animados son una poderosa forma de comunicación que enloquece tanto a los clientes como a los consumidores.

Así que, ¿por qué no aprender a crear los tuyos propios?

Si hay algo más cautivador que una gran imagen, pero no tan engorroso como un vídeo, es un GIF. 

¿Qué es un GIF? 

GIF significa formato de intercambio de gráficos (graphics interchange format en inglés). Incluye una serie de fotogramas o imágenes que se reproducen en secuencia para crear la ilusión de un clip de vídeo corto pero en formato de imagen.

El número de tonos de color en un GIF suele estar limitado a 256. Sin embargo, la posibilidad de añadir movimiento a las imágenes y crear contenidos fácilmente compartibles compensa con creces la menor calidad de la imagen.

Certifícate en diseño gráfico

Domina los fundamentos del diseño gráfico y adquiere nuevas habilidades creativas.

Al ser visualmente más cautivadores, los archivos GIF son utilizados habitualmente por los profesionales del marketing digital para mostrar sus ideas, productos o servicios como memes o anuncios que llaman la atención. Los GIF facilitan la expresión y la conexión emocional instantánea con el público, ya que son de pequeño tamaño, se cargan más rápido y se reproducen automáticamente sin que el espectador tenga que hacerlo manualmente.

En el mundo digital actual, la capacidad de hacer GIFs es una habilidad muy codiciada para cualquier trabajo de marketing digital o diseño gráfico, por lo que es una gran adición para tener en su CV.

En este tutorial, aprenderás a crear tu propio GIF en cinco sencillos pasos con Photoshop. El tutorial es tan fácil, de hecho, que incluso alguien que pruebe Photoshop por primera vez podrá hacerlo sin ningún problema.

¡Empecemos!

Cómo crear un GIF

Para hacer un GIF, vas a necesitar una serie de imágenes y Photoshop. Para el propósito de este tutorial, estoy usando Photoshop 2021 pero puedes usar cualquier versión de Photoshop que ya tengas.

Paso 1: Carga los archivos en pila

Puedes tomar cualquier número de archivos, pero para este tutorial, mantenlo simple. Asegúrate de que las imágenes que elijas tengan un flujo. Aquí están las imágenes con las que voy a trabajar a continuación.


How to Make a GIF in Photoshop

Desde el menú superior de Photoshop, ve a Archivo -> Scripts -> Cargar archivos en pila.

How To Make A GIF in Photoshop

Paso 2: Selecciona las imágenes

Si tus imágenes no están alineadas, puede marcar la casilla que le pide que intente alinear automáticamente las imágenes de origen. Esto estabilizará todo el cuadro del GIF.

Una vez que hayas seleccionado las imágenes, haz click en OK.

Photoshop comenzará entonces el proceso de creación de una capa para cada imagen que hayas subido. Puedes encontrarlas en el panel de Capas en la esquina inferior derecha.

Si lo deseas, puedes reorganizar el orden de estas capas haciendo clic y arrastrándolas. También puedes renombrarlas haciendo clic en el nombre de la capa.

Si se ha producido la alineación automática, las imágenes pueden parecer un poco distorsionadas, pero puedes arreglarlo recortando los cuadros. Si no necesitaste marcar la casilla "Intentar alinear automáticamente las imágenes de origen" en el paso anterior, puedes saltar al paso 3.

Para recortar el encuadre:

  1. Haz clic en el icono de Recorte.
  2. Haz clic y arrastra los bordes del recorte para seleccionar.
  3. Pulsa Enter para confirmar el recorte.

Paso 3: Configura tu línea de tiempo

Desde el menú superior, ve a Ventana y marca la opción de Timeline. Esto hará que la ventana de la línea de tiempo aparezca debajo del área de trabajo.

En la ventana de Timeline, haz clic en Crear animación de cuadros.

How To Create An Animated GIF

Si no está seleccionado automáticamente, selecciónalo en el menú desplegable y haz clic en él para que aparezcan las opciones de animación de los fotogramas.

Asegúrate de que tu capa superior está seleccionada y haz clic en el icono de abajo para duplicar el marco.

Como tengo tres imágenes en este escenario, duplicaré el marco dos veces. Esto creará tres marcos en la línea de tiempo.

Paso 4: Establece los tiempos

Selecciona el primer fotograma. Debajo de la miniatura, verás "0 seg". Esta es la duración que tendrá este fotograma en el GIF. Haz clic en el menú desplegable situado junto a él y selecciona la duración que prefieras, por ejemplo, 0,5 segundos. Repite este paso para los siguientes fotogramas.

Paso 5: Oculta las capas superiores

En la miniatura, verás que el segundo cuadro también muestra la primera imagen. Para cambiar la imagen, ve a Capas y desoculta la primera capa.

Verás que ahora el segundo cuadro muestra la imagen en la segunda capa.

Pasa al tercer fotograma. Aquí, oculta las dos primeras capas para revelar la tercera capa en el marco.

Si utilizas más de tres imágenes, repite este paso hasta que hayas establecido la capa para todos tus marcos.

Paso 6: Previsualiza el GIF

Previsualiza tu GIF haciendo clic en el icono de reproducción. Comprueba el orden y la sincronización de tus imágenes, y asegúrate de que el GIF se reproduce sin problemas.

Paso 7: Exporta tu GIF

¿Feliz? Ve a Archivo y haz clic en Guardar como.

En el menú desplegable, selecciona el formato de archivo como GIF. Haz clic en Guardar.

Esto abrirá la ventana de Opciones de Guardado del GIF. Selecciona tu configuración preferida y haz clic en Aceptar.

Alternativamente, ve a Archivo -> Exportar -> Guardar para Web. Esto abrirá la ventana de vista previa del GIF.

En el menú desplegable de la esquina superior derecha, selecciona el formato de archivo como GIF. También puedes establecer el tamaño de la imagen en esta ventana, en la esquina inferior derecha. Si quieres que tu GIF sea compatible en diferentes plataformas, es una buena idea cambiar su tamaño a 500 píxeles de alto y ancho.

Haz clic en Guardar.

¡Y ya está! Ahora puedes disfrutar compartiendo tus nuevas habilidades para hacer GIFs con tus amigos, compañeros de trabajo y clientes.

¿Quieres aprender más consejos y trucos de edición de fotos?

El curso online de diseño gráfico de Shaw Academy te enseñará a dominar Photoshop, desde lo más básico hasta las técnicas y procesos más avanzados. Únete a Shaw Academy hoy mismo y conviértete en un profesional de Photoshop.

Nota del editor: Este post se publicó originalmente en 2016 y se ha actualizado para que sea más completo.


Shaw Academy

Shaw Academy has over 100 globally recognised courses across 10 faculties. Sign up now - the first four weeks are free.