ARTÍCULO DE TUTORIALPrincipiante1 minutos

Crea un GIF animado en el tráfico de la CDMX

Dale vida al tráfico de la Ciudad de México con un GIF animado lleno de color junto a la ilustradora Yeti Iglesias.

Elementos que necesitarás
Practicar en la aplicación

Lo que vas a aprender: Del embotellamiento urbano al movimiento fluido

La Ciudad de México es famosa por sus avenidas colapsadas y el ritmo pausado de sus calles en hora pico. Pero donde muchos ven estrés y luces de freno, Yeti encuentra inspiración y te propone transformar esta escena cotidiana en un GIF ilustrado y animado.

Activarás y trabajarás constantemente con la Línea de tiempo en modo de Animación de fotogramas. De una forma metódica y secuencial irás duplicando cuadro por cuadro mientras alternas la visibilidad de las carpetas ilustradas para dar la sensación exacta de que los peces se desplazan en la imagen.

Luego, editarás de forma global la velocidad de reproducción seleccionando la secuencia completa con la tecla “Shift” para ajustar el retardo a 0,25 segundos, logrando un movimiento orgánico.

Por último, dominarás los ajustes dentro del panel de exportación para generar un archivo GIF liviano, con buena definición de color y listo para compartir en tus plataformas digitales.

Herramientas clave para animar en Photoshop:

  • Línea de tiempo (Animación de fotogramas): El espacio de trabajo esencial para estructurar la secuencia y dar la ilusión de movimiento.

  • Gestión de visibilidad de capas: El truco clásico de activar y ocultar el ícono del ojo en carpetas consecutivas para avanzar la ilustración paso a paso.

  • Edición global de retardo: Selección múltiple de fotogramas para definir la velocidad de reproducción de manera uniforme.

  • Guardar para Web (Heredado): Ajuste de exportación preestablecido a GIF 128 con tramado para mantener la fidelidad cromática sin recargar el tamaño del archivo.

Pensamiento artístico: Metáforas acuáticas sobre el asfalto

El tráfico de la Ciudad de México (CDMX) tiene una dinámica particular: es denso, constante y por momentos parece congelar el tiempo. Yeti aprovecha la lluvia y las luces de la ciudad para reinterpretar el entorno como un ecosistema vivo. Al hacer que sus peces naden entre las luces, el cemento y los autos, demuestra que la animación no requiere producciones complejas para ser impactante. Se trata de agudizar la mirada, reinterpretar lo que nos rodea y usar las herramientas de Photoshop para transformar la rutina en una narrativa visual divertida.

Sobre la artista

Yeti Iglesias es una ilustradora independiente mexicana. Su estilo es vibrante, único, atrevido y está lleno de colores. Las plantas, las formas orgánicas, las sombras, los degradados y la textura son muy frecuentes en sus proyectos. Ha colaborado con grandes marcas alrededor del mundo, potenciando sus mensajes a través de impactantes ilustraciones.


Instrucciones por:

Yeti Iglesias

Diseño por:

Yeti Iglesias

7 de septiembre de 2026

Prueba estos tutoriales con Photoshop

Edita fotos para crear nuevas imágenes y gráficos.