El tiempo es cuánto dura un movimiento y el espaciado es cómo se reparte la distancia adentro de ese rato, y solo lo segundo se ve. Dos versiones del mismo rótulo cruzan los mismos 480 px en los mismos doce fotogramas, y una es un objeto y la otra es un rectángulo al que están arrastrando.
Todo lo de aquí sale de un trabajo: una pieza de veinte segundos para Delfines, una escuela de natación de Bucaramanga, a 30 fps, que es lo que pide cualquier cosa que vaya a colgarse en redes en este lado. Adentro hay un logotipo que entra deslizándose, la entrenadora Nayibe que cruza el borde de la piscina, un trampolín que queda vibrando, y unas gotas en el aire que no estaban cuando se grabó.
Los mismos doce fotogramas, dos veces
Doce fotogramas a 30 fps son 0.4 segundos, que es el largo de casi cualquier movimiento en una pieza así. Reparte los 480 px en partes iguales y 40 px en cada fotograma es la versión lineal: el rótulo va a toda velocidad en el fotograma uno, sigue a toda velocidad en el doce, y después simplemente ya no se mueve. Ningún objeto con masa se mueve así, y el ojo lo nota antes de que quien mira pueda decir por qué el rótulo se ve barato.
Reparte la misma distancia como la repartiría una cosa que pesa y los fotogramas quedan en 10, 26, 39, 49, 56, 60, y después los mismos seis al revés. Misma duración, misma distancia, y ahora el rótulo arranca, viaja y llega. Esa lista es el efecto completo. No hay ningún complemento adentro, y en una interfaz el mismo rato se anota como 400 ms y se porta igual.
Para revisar el espaciado de una pieza ajena no hace falta abrir su proyecto. Avanza fotograma por fotograma y mide cuánto se corrió el rótulo entre el primero y el segundo: si es la misma distancia que entre el sexto y el séptimo, está lineal, y ya sabes qué le falta.
El estancamiento es la curva que trae el programa
Casi todo el mundo encuentra el atajo de la curva suave en la primera semana y se queda ahí, y ese es el estancamiento del tema. La que trae el programa es simétrica: el mismo ablandamiento en las dos puntas, aplicado a cada capa, y de ahí sale tanta pieza que se ve cara y no pesa nada. Una charola que se cae acelera duro y se detiene en seco. Una mano que va hacia una llave arranca lento y se detiene lento. La curva simétrica no describe ninguna de las dos.
La reparación es el editor de gráficas y es una destreza genuinamente distinta, que es la razón por la que se pospone. Lo que compra es asimetría: un quinto de salida y cuatro quintos de llegada da un rótulo que se va de prisa y se acomoda despacio, y al revés da uno que se despega apenas y aterriza de golpe. Esas dos tienen más rango expresivo que todos los ajustes preestablecidos de la aplicación juntos, y el resto de ese rango vive en principios de animación.
Un paso
Las cuatro poses de las que está hecha una caminata
Todo lo que va entre ellas es interpolación. Cada una de las cuatro es una decisión, y la que se salta siempre es la misma.
quince fotogramas
- 01ContactoFotograma 1. Los dos pies abajo, el peso a punto de pasar
- 02AbajoFotograma 5. El punto más bajo, donde el peso cayó. La que se salta
- 03PasoFotograma 9. La pierna libre va pasando, el cuerpo queda parejo
- 04ArribaFotograma 13. El punto más alto, empujado por la pierna que se estira
- 01ContactoFotograma 1. Los dos pies abajo, el peso a punto de pasar
- 02AbajoFotograma 5. El punto más bajo, donde el peso cayó. La que se salta
- 03PasoFotograma 9. La pierna libre va pasando, el cuerpo queda parejo
- 04ArribaFotograma 13. El punto más alto, empujado por la pierna que se estira
El ciclo es el mobiliario, no la actuación. Un personaje puede dar las cuatro poses correctas y seguir leyéndose como maniquí, porque nada del ciclo dice a dónde va ni por qué.
Nada se detiene todo junto
La otra mitad de parecer real es que las partes de una cosa no se ponen de acuerdo. Nayibe se detiene al borde de la piscina y su brazo se detiene con ella; el gorro sigue tres fotogramas y regresa en dos. El trampolín llega arriba y la punta rebota una vez, cuatro fotogramas abajo y tres de vuelta, y nunca regresa exactamente a donde se había quedado.
Escrito como regla para cualquier cosa: la segunda cosa arranca dos o tres fotogramas antes de que la primera se detenga. Cuesta dos fotogramas clave, y es la diferencia entre un trampolín que rebota y un trampolín al que están animando rebotando. Los gráficos en movimiento viven exactamente de esto, porque una palabra no tiene anatomía de la cual heredar el desfase y alguien tiene que decidir cuál es su parte tardía.
Caminar son cuatro dibujos
Nayibe cruzando el cuadro no es una animación de caminata, es contacto, abajo, paso, arriba, y otra vez contacto. Un paso vivo son quince fotogramas, con las poses en 1, 5, 9 y 13, y el fotograma 16 ya es el primero del paso siguiente con la otra pierna. Nayibe pisa el borde mojado de la piscina, así que su pose de abajo aguanta un fotograma más que en piso seco, y ese fotograma es todo lo que separa caminar de caminar con cuidado.
Abajo es la que casi todos se saltan, y saltársela es lo que hace que un personaje flote: es donde el cuerpo está en su punto más bajo y el peso acaba de caer. Más de veinticinco fotogramas se lee lento para un paso, y ese es el número al cual regresar cuando una caminata se siente mal y las cuatro poses están bien.
La animación de personajes empieza después de esto, y empieza dejando el ciclo en paz, porque alguien que camina perfecto y no quiere nada sigue siendo mobiliario.
Un rótulo en español se queda más tiempo en pantalla
Aquí hay una cuenta que la pieza en inglés no tiene que hacer. La misma frase escrita en español ocupa entre un 15% y un 25% más de caracteres, y quien lee no lee más rápido por eso, así que en 2026 un rótulo traducido necesita más rato en pantalla que el original mientras su movimiento sigue durando lo mismo. Velocidad de lectura y velocidad de movimiento son cantidades distintas y solo una de las dos está en el editor de gráficas.
La consecuencia práctica es de composición y no de animación. Si el rótulo no cabe en el rato que la pieza permite, lo que se recorta es el texto y no la entrada: parte la frase en dos tarjetas, o quítale las palabras que la locución ya dijo. En Delfines pasó dos veces, y las dos veces la animación estaba terminada y la tarjeta seguía mal.
El orden de aprendizaje
Cinco niveles, y en cuál está atorada la pieza de hoy
Cada escalón supone el de abajo, así que una pieza con composición hermosa y espaciado lineal está parada en el primer escalón con zapatos caros.
- 05Que quiera algoDonde la animación deja de ser física y empieza a ser actuación
- 04Que tenga pesoLos fotogramas gastados antes del movimiento, anunciando lo que va a pasar
- 03Que sus partes no se pongan de acuerdoDos o tres fotogramas de desfase, y un gorro que llega tarde
- 02Que arranque y se detenga como un objetoEspaciado, y el editor de gráficas en lugar de la curva de fábrica
- 01Que se muevaUn valor en el fotograma uno y otro valor en el doce
Los escalones no son un plan de estudios y nadie se queda parado en uno para siempre. Una pieza puede estar en el cuarto escalón con sus rótulos y en el primero con su personaje adentro de los mismos treinta segundos.
En qué escalón está parada la pieza
Avanzar aquí no es una fila de tareas, es un juego de niveles, y la pregunta útil es en cuál está atorada la pieza de hoy y no qué sigue estudiando. Que algo se mueva, que arranque y se detenga como un objeto, que sus partes no se pongan de acuerdo, que el peso se anuncie antes de llegar, y por último que la cosa quiera algo. Cada escalón supone el de abajo y ninguno se salta, que es la razón por la que una pieza con composición hermosa y espaciado lineal se ve peor que una tosca con buen espaciado.
El orden equivocado está muy trillado y pasa por el programa: aprender la interfaz, armar una pieza complicada, y archivar la planitud bajo necesitar mejores recursos. After Effects se gana su lugar bastante más adelante de donde casi todos lo conocen, y los efectos visuales son el último escalón y no el primero, porque unas gotas suspendidas en el aire solo se creen si caen con el espaciado del agua.
Qué abrir en 2026, y qué se cobra en dólares
After Effects sigue siendo el estándar de este trabajo, y la declaración honesta de su costo es que es una suscripción sin manera de comprarla una vez. Reemplazó a un cuarto lleno de aplicaciones separadas para rótulos, composición, seguimiento y exportación. Se cobra en dólares, se liquida en pesos con el tipo de cambio del día y con el impuesto al valor agregado sobre servicios digitales del exterior encima, y es la única de las tres de aquí que no tiene camino gratuito.
Fusion, adentro de DaVinci Resolve, es ese camino y es uno de verdad: trabaja con nodos en lugar de capas, así que se ve raro como quince días, y reemplazó a necesitar una suscripción para componer un rótulo sobre una toma. Lottie es el tercero y resuelve otro problema: lleva movimiento vectorial a una aplicación como datos en lugar de como pixeles, así que un indicador que gira es un archivo de unos kilobytes que se queda nítido en cualquier pantalla, y reemplazó a exportar un video en ciclo o un GIF y rezar por el fondo.
Falta nombrar lo que de verdad paga en este mercado. Buena parte del trabajo de movimiento que se cobra aquí son piezas cortas para negocios chicos, hechas sobre plantillas en Canva o en CapCut, y esas plantillas traen la curva simétrica de arriba puesta de fábrica. Saber cambiarle el espaciado a una plantilla es más dinero por hora que cualquier otra cosa de esta página, y es lo mismo que se decidiría en 3D con un eje más y el tiempo de render debajo.
Lo que nada de esto contesta es cuánto debe durar una tarjeta que alguien tiene que leer, porque ese número no es un número de animación. Con la misma línea de tiempo cargando material grabado en lugar de dibujado, el asunto es video; con la tarjeta parada quieta y alguien leyéndola, el asunto es el diseño de interfaces, que es donde la velocidad de lectura sí está medida.