Por qué nuestra cámara corta en vez de arrastrarse

El vídeo tenía seis escenas. Al revisar los renders recientes, casi todos tenían de cinco a siete escenas fuera cual fuera su duración, y uno de 90 segundos mantenía un mismo plano durante 14,7 segundos.

Se sumaban dos causas. El presupuesto de escenas daba unos siete segundos por escena, con un máximo de ocho escenas, así que un vídeo más largo simplemente tenía escenas más largas. Y la cámara se acercaba a su sujeto al principio de la escena y luego se detenía, porque una imagen que cambia de escala en cada fotograma hace parpadear el texto. Una escena larga sobre una imagen fija es exactamente lo que se siente como sopor.

El arreglo tenía dos mitades. Primero, más sujetos. Cada objetivo tiene ahora su propio ritmo, y el planificador apunta a la parte alta del rango:

• un anuncio: unos 4,5 segundos por escena
• un vídeo explicativo: 5,5 segundos
• un artículo: 6 segundos
• una demo: 6,5 segundos
• un tutorial: 7,5 segundos

El máximo pasó de 8 a 12 escenas, y un borrador demasiado lento se planifica de nuevo indicando cuántos segundos duraría cada escena.

Segundo, una escena larga se corta en planos. Un plano por debajo de 5,2 segundos, dos por debajo de 9, tres por debajo de 14 y cuatro a partir de ahí, y cada corte cae en el primer sonido de una palabra, así que la imagen cambia con la voz. Dentro de un plano el encuadre no se mueve, por eso la cámara ya no necesita congelarse. En un vídeo en francés de 58 segundos: 8 escenas, la más larga de 7,2 segundos en lugar de 14,7.

El ritmo era la mitad de la historia. La otra mitad era qué encuadraba la cámara. En dos semanas de planos, más de la mitad encuadraban un título, los resaltados superaban a los clics cuatro a uno y casi nada encuadraba una imagen o una tarjeta.

La causa estaba antes del planificador. La lectura de la página ofrecía unos cuantos títulos, los primeros enlaces en orden de página, así que la navegación llenaba el menú, y los campos de formulario. Nada más. La lectura de la página devuelve ahora un catálogo de sujetos ordenado: primero las llamadas a la acción, luego vídeos, imágenes, tarjetas, precios, testimonios, logotipos y campos, con los títulos muy abajo. Un vídeo con tres grabaciones o más debe usar al menos dos tipos y hacer clic en algo.

Y la puntería se volvió exacta. Cada grabación se dibujaba dentro de una ventana de navegador algo más pequeña que el fotograma, mientras el objetivo se medía sobre el fotograma completo, así que la cámara llegaba cerca, no encima. Un plano con sujeto ocupa ahora todo el fotograma, y el zoom cae donde apunta.

También probamos a dar más vida a los planos, con un recorrido del cursor por la página y movimientos suaves cuando el encuadre cambiaba un poco. El visionado de la mañana siguiente lo dejó claro: sobre texto fino, cualquier cambio lento de escala parece una vibración.

La razón es sencilla cuando la ves. Cuando una imagen llena de letras pequeñas cambia de escala una fracción de píxel por fotograma, cada letra se redibuja un poco distinta en cada fotograma, y el ojo lo lee como un hormigueo. El texto se ve nítido a cualquier tamaño; solo que nunca igual dos veces.

Así que un cambio de encuadre es siempre un corte, y solo se mueve lo que no tiene detalle fino: la página desenfocada detrás de una tarjeta, los degradados, los subtítulos. La proporción de fotogramas con ese hormigueo se redujo a la mitad, del 20 al 10 %.

Dos hallazgos más pequeños completaron el trabajo.

1. 1El navegador graba a 25 fotogramas por segundo, uno cada 40 milisegundos, y nuestro cursor se movía cada 24 milisegundos, así que su velocidad parecía latir. Ahora se mueve exactamente una vez por fotograma capturado y se desliza de forma regular.
2. 2Probamos a mezclar fotogramas para suavizar el paso de 25 a 30 fotogramas por segundo, y nos quedamos con el método sencillo. Mezclar superpone dos posiciones de un texto en movimiento en una imagen doble; repetir un fotograma mantiene cada imagen nítida, con un ritmo regular.

También nos aseguramos de que cada sujeto que elige el planificador corresponda a un elemento real de la página, en el código y no solo en las instrucciones, para que cada plano previsto encuentre su objetivo.

Un vídeo de PageToVid se mueve ahora como un vídeo montado. Las escenas son más cortas, las largas se cortan con la voz, la cámara va a botones, imágenes y tarjetas en vez de a títulos, y el texto nunca tiembla. Las mismas palabras, con una imagen que las acompaña.

Puedes ver el vocabulario de movimiento sobre el que construimos en nuestra página de animaciones, o crear un vídeo y ver cómo los cortes caen sobre la narración.