Animación de rebote de pelota en Photoshop

Aprende a dominar la línea de tiempo de Photoshop para crear animaciones limpias, optimizadas y listas para compartir. Desde configurar los fotogramas clave hasta exportar un GIF ligero o un video MP4 en códec H.264, aquí verás el flujo completo con un ejercicio clásico: el rebote de una pelota.

¿Cómo animar en la línea de tiempo de Photoshop desde cero?

Photoshop ofrece dos modos: línea de tiempo de video y animación de cuadros (frame a frame). Para un proceso rápido y editable, se trabaja con la línea de tiempo, que crea una pista por capa y permite interpolaciones automáticas entre fotogramas clave.

¿Qué controles y propiedades se usan?

• Panel línea de tiempo con controles de play y aguja de tiempo. Por defecto crea 5 segundos de animación.
• Extensión de duración: arrastra el final de cada pista o el controlador superior para acortar o alargar.
• Zoom de la línea de tiempo: usa el slider inferior para trabajar cómodo.
• Propiedades animables en capas normales: posición, opacidad y estilo.
• Fotogramas clave o key frames: fijan propiedades en un momento del tiempo. Photoshop calcula la interpolación entre ellos.

¿Cómo crear fotogramas clave y objetos inteligentes?

• Activa el cronómetro en la propiedad para crear el primer fotograma clave.
• Mueve la aguja y modifica la posición: Photoshop genera el siguiente fotograma clave automáticamente.
• Convierte la capa en objeto inteligente para animar transformación completa: posición, escala, rotación y deformación en una sola pista.
• Desactiva el cronómetro para borrar todos los fotogramas clave si necesitas reiniciar.

¿Cómo configurar frames por segundo y loop?

• Ajusta la opción “Establecer velocidad de fotogramas de la línea de tiempo”. Por defecto es 30 fps; se recomienda 12 fps para un GIF o video ligero.
• Define una duración de 1 segundo (12 fotogramas si usas 12 fps).
• Activa “Reproducir indefinidamente” para hacer loop continuo.

¿Qué principios de animación aplican al rebote de pelota?

El ejercicio del rebote permite aplicar fundamentos como espaciado, aceleración y deformación. La clave es que el movimiento no sea uniforme: debe mostrar el efecto de la gravedad.

¿Cómo planear con guías y referencias?

• Crea una capa de referencia y dibuja una guía del recorrido.
• Marca mitades sucesivas del trayecto hacia el suelo: las distancias entre marcas crecen para simular aceleración.
• Coloca la pelota en cada marca antes del contacto con el piso (una por fotograma), usando mover o flechas para precisión.

¿Cómo ajustar aceleración y desaceleración?

• Caída: aumenta la separación entre posiciones a medida que se acerca al piso. Se percibe más “peso”.
• Rebote: invierte el espaciado en sentido contrario. Después del impacto, las separaciones se vuelven más cortas para simular desaceleración.
• Resultado: el movimiento deja de verse mecánico y gana naturalidad gracias al control del espaciado entre fotogramas.

¿Cómo aplicar deformación conservando la masa?

• En el fotograma de contacto con el piso, deforma la pelota con transformación del objeto inteligente.
• Aplica “aplastar” y compensa con más ancho para conservar la masa.
• Confirma con Enter y reproduce: el rebote se siente más elástico y realista.

¿Cómo exportar la animación como GIF y video MP4 H.264?

Con la animación lista y guardada, exporta en dos formatos optimizados para web y redes.

¿Cómo optimizar y “guardar para web” como GIF 32 colores?

• Ve a Archivo > Exportar > Guardar para web.
• Vista comparativa: original a la izquierda, exportado a la derecha.
• Ajuste preestablecido: GIF 32 colores para un balance entre peso y apariencia.
• Considera el degradado: con colores limitados verás bandas, pero el tamaño de archivo baja mucho.
• Opciones de repetición: infinito para loop permanente.
• Resultado de referencia: un GIF de alrededor de 122 KB, ideal para compartir.

¿Cómo “interpretar video” en MP4 con códec H.264?

• Ve a Archivo > Exportar > Interpretar video.
• Formato de salida: MP4 con códec H.264 para calidad alta y peso bajo.
• Conserva tamaño y fps definidos en la línea de tiempo.
• Uso práctico: formato perfecto para Instagram Stories o plataformas como YouTube.

¿Tienes dudas, quieres mostrar tu rebote o probar otra variación de fps y espaciado? Cuéntame en los comentarios qué parte te gustaría pulir o qué exportaciones te funcionaron mejor.