Ocho transiciones que nunca mueven una palabra

Nuestros vídeos tenían una sola forma de cambiar de escena: el corte seco, siempre. Incluso con buenas imágenes y buena voz, ese ritmo parece un pase de diapositivas, porque quien mira nunca siente que el vídeo elige cómo avanzar.

Las transiciones son la gramática de un montaje. Le dicen al espectador si la siguiente escena continúa la idea, la responde o cambia de tema. Queríamos que cada vídeo tuviera esa gramática, elegida según su tono, sin que nadie tuviera que ajustarla a mano.

Definimos ocho formas de que una escena entre:

• corte y fundido, para la claridad y la calma;
• barrido a la izquierda y a la derecha, para la energía y el impulso;
• zoom de golpe y destello, para subrayar un momento clave;
• deslizamiento hacia arriba, con la sensación de un feed en el móvil;
• glitch, para una sacudida intencionada.

Por encima hay cuatro estilos de montaje que eligen la entrada por defecto de cada escena según su propio tono, así que una explicación tranquila y un anuncio enérgico no cortan igual. Los autores pueden cambiar cualquier escena, y el catálogo de movimientos lista cada transición con su uso, para que los asistentes elijan por intención.

Un vídeo de PageToVid tiene una sola pista de voz continua que comparten sus escenas, y la ventana de cada escena está anclada a las palabras que lleva. Un efecto que metiera tiempo entre dos escenas empujaría cada imagen posterior fuera de sus palabras. Los subtítulos y el ritmo que acabábamos de afinar se desviarían para hacer sitio a una cortinilla.

Así que cada transición se reproduce dentro de la ventana de la escena que entra. Cuando un efecto necesita que la escena anterior siga visible mientras se revela la nueva, la anterior simplemente se pinta unos fotogramas más por debajo. El inicio de ninguna escena cambia, y la voz, los subtítulos y los cortes se quedan exactamente donde estaban.

Juzgamos el movimiento mirándolo, no leyendo el código. El primer render de prueba mostró lo que el código no podía: cualquier efecto que desliza la imagen descubre lo que hay detrás, y detrás estaba el fondo vacío. Un barrido dejaba un borde oscuro en el lado del que venía.

Cada efecto que desplaza la imagen mantiene ahora la escena anterior debajo, y el nuevo render salió limpio. Una comprobación automática registra qué efectos desplazan la imagen, así que cualquier transición nueva cumple la misma regla. También dejamos fuera los efectos de sonido por ahora: un ajuste que se acepta y luego no suena sería una promesa rota en silencio, y el sonido necesita antes una biblioteca con licencia.

Ese mismo día ampliamos lo que una escena puede mostrar, no solo cómo entra.

• Cronologías, cuadrículas y listas de tareas admiten ocho entradas. Se ajustan suavemente a su longitud, así que una lista corta se ve como antes, y siete u ocho celdas forman dos filas iguales de cuatro. El límite vive en un solo lugar, así que narración e imagen siempre coinciden en la cuenta.
• Un hilo de mensajes. Las burbujas llegan de una en una, que es la diferencia entre una escena y una captura de pantalla. Los lados, los colores propios de la aplicación y la esquina asimétrica de la burbuja la hacen leerse como una conversación real.
• Un antes y después. Una cortinilla que se desplaza en vez de un fundido, para que ambas imágenes sigan legibles y la comparación sea lo importante.

Los iconos de las cuadrículas llevan también su propio color, para destacar sobre tarjetas oscuras.

Cada vídeo corta ahora con intención, en un estilo acorde con su tono, y sigue exactamente sincronizado con su voz. Como las transiciones nunca añaden tiempo, son seguras en cualquier vídeo, también en uno que vuelves a renderizar desde un storyboard existente.

Para nosotros, la lección es que una restricción fuerte planteada al principio simplifica el diseño en lugar de complicarlo. Explora cada transición y cada visual en el catálogo de animaciones, y míralos en vídeos terminados en la galería.